.editorial-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;font-size:12px;line-height:1.7;margin-bottom:32px;color:#60777c}
.editorial-breadcrumb a{color:#315e67;text-decoration:none}
.editorial-breadcrumb a:hover{text-decoration:underline}
.editorial-breadcrumb [aria-current]{overflow-wrap:anywhere}
.discover-catalog-hero .editorial-breadcrumb{color:#cee0e2}
.discover-catalog-hero .editorial-breadcrumb a{color:#fff}
.editorial-index{padding-bottom:56px}
.editorial .discover-section{scroll-margin-top:28px}
.editorial-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}
.terminal-art{background:#203a40;color:#e7f2ef;border:1px solid #719196;border-radius:12px;padding:20px 22px;box-shadow:0 15px 30px #203a4026;font:14px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}
.terminal-art>div{display:flex;gap:6px;align-items:center;padding-bottom:20px}
.terminal-art i{width:7px;height:7px;border-radius:50%;background:#7b9799}
.terminal-art div>span{margin-left:auto;color:#bdd0cd;font-size:11px}
.terminal-art p{margin:6px 0}
.terminal-art p>span{color:#8ad9ba}
.terminal-art .terminal-output{color:#93acae;font-size:12px}
.terminal-art b{color:#8ad9ba;font-weight:400}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.guide-card{border:1px solid #dce5e2;background:#fff;border-radius:12px;overflow:hidden;min-width:0;transition:border-color .15s,box-shadow .15s}
.guide-card:hover{border-color:#9bb9b2;box-shadow:0 8px 20px #26383c0a}
.guide-card>a{display:flex;flex-direction:column;height:100%;color:#26383c}
.guide-card-body{padding:26px;display:flex;flex-direction:column;flex:1}
.guide-card-body h3{font-size:21px;line-height:1.4;margin:0 0 14px}
.guide-card-body>p:not(.discover-status){font-size:14px;line-height:1.85;color:#596b70}
.guide-card-body .discover-card-action{padding-top:26px}
.guide-card:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.guide-section-intro{color:#596b70;font-size:15px;margin:-8px 0 24px!important}
.bash-command{display:flex;align-items:center;gap:12px;background:#eaf1ee;padding:16px 26px;border-bottom:1px solid #dce5e2;color:#315e67;font:20px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.bash-command>span{color:#74958b}
.bash-command .bash-arrow{margin-left:auto;font:18px/1.4 sans-serif;color:#315e67}
.editorial-explore{display:flex;justify-content:space-between;align-items:center;gap:32px;background:#eaf1ee;border-radius:12px;padding:32px;margin-top:48px}
.editorial-explore h2{font-size:25px;margin-bottom:12px}
.editorial-explore p:not(.discover-kicker){font-size:14px;color:#596b70}
.editorial-explore .discover-button{flex-shrink:0}
.editorial-categories{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}
.editorial-categories>span{font-size:13px;color:#596b70;margin-right:8px}
.learning-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px}
.learning-paths>a{position:relative;background:#fff;border:1px solid #dce5e2;border-radius:10px;padding:22px;color:#26383c}
.learning-paths>a:hover{background:#edf3f1;border-color:#9bb9b2}
.learning-paths span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.06em;color:#596b70;margin-bottom:12px}
.learning-paths strong{display:block;font-size:16px;line-height:1.5;max-width:160px}
.learning-paths p{font-size:12px;color:#596b70;margin-top:9px}
.learning-paths b{display:block;font-size:16px;color:#315e67;margin-top:16px}
.reader-header{background:#edf3f1;padding:24px 0 34px;border-bottom:1px solid #dce5e2}
.reader-header h1{font-size:clamp(32px,4vw,49px);max-width:900px;line-height:1.16;margin:18px 0 22px}
.reader-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:#5c7075;font-size:12px}
.reader-intro{max-width:820px;font-size:18px;line-height:1.8;color:#4a646a}
.reader-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.reader-tags>a{font-size:12px;background:#fff;border:1px solid #d1e0db;padding:5px 12px;border-radius:20px;color:#315e67}
.reader-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(220px,280px);gap:64px;align-items:start;padding-top:40px;padding-bottom:48px}
.reader-main{grid-column:1;grid-row:1;min-width:0}
.reader-aside{grid-column:2;grid-row:1;min-width:0;align-self:stretch;position:relative}
.reader-sticky{position:sticky;top:24px}
.reader-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:32px}
.reader-prose{font-size:17px;line-height:1.9;color:#354c52;overflow-wrap:anywhere}
.reader-prose p{margin:0 0 22px}
.reader-prose h2{font-size:27px;line-height:1.4;font-weight:650;margin:44px 0 18px;scroll-margin-top:28px}
.reader-prose h3{font-size:22px;line-height:1.4;font-weight:600;margin:32px 0 14px;scroll-margin-top:28px}
.reader-prose ul,.reader-prose ol{padding-left:26px;margin:20px 0;list-style:disc}
.reader-prose ol{list-style:decimal}
.reader-prose li{margin:8px 0}
.reader-prose a{color:#315e67;text-decoration:underline;text-underline-offset:4px}
.reader-prose img{max-width:100%;height:auto;border-radius:10px;margin:24px 0}
.reader-prose iframe{max-width:100%}
.reader-prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}
.reader-prose td,.reader-prose th{padding:10px 14px;border:1px solid #dce5e2}
.reader-prose blockquote{border-left:3px solid #7ca796;margin:24px 0;padding:16px 22px;background:#eaf1ee;border-radius:0 8px 8px 0}
.reader-prose :not(pre)>code{font-size:.86em;padding:3px 6px;background:#e7eeeb;border-radius:4px;color:#284c54;overflow-wrap:anywhere}
.reader-prose pre{max-width:100%;overflow-x:auto;padding:22px;border-radius:10px;background:#23343a;color:#e5efee;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;margin:24px 0;tab-size:4;white-space:pre;overflow-wrap:normal}
.reader-prose pre code{font:inherit;color:inherit;white-space:inherit;text-shadow:none}
.reader-code{margin:24px 0;border-radius:10px;background:#23343a;overflow:hidden}
.reader-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #4b6065;padding:10px 16px;font-size:11px;line-height:1.5;color:#b6cbce}
.reader-code-toolbar button{color:#e5efee;border:1px solid #799095;padding:4px 10px;border-radius:5px;font:inherit;cursor:pointer}
.reader-code-toolbar button:hover{background:#38535c}
.reader-code pre{margin:0;border-radius:0}
.reader-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reader-toc{border:1px solid #dce5e2;border-radius:10px;background:#fff;overflow:hidden}
.reader-toc summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:17px 18px;font-size:14px;font-weight:650;list-style:none;color:#315e67}
.reader-toc summary::-webkit-details-marker{display:none}
.reader-toc ol{list-style:none;margin:0;padding:0 18px 18px;max-height:52vh;overflow-y:auto}
.reader-toc li{margin:0}
.reader-toc a{display:block;padding:6px 0;font-size:12px;line-height:1.6;color:#607379}
.reader-toc a:hover{color:#315e67;text-decoration:underline;text-underline-offset:3px}
.reader-next{padding:22px 0}
.reader-next h2{font-size:19px;margin:0 0 12px}
.reader-next>p:not(.discover-kicker){font-size:13px;color:#596b70;margin-bottom:14px}
.reader-next .discover-text-link{font-size:12px}
.reader-ad{max-width:100%;overflow:hidden}
.reader-ad:has(ins[data-ad-status="unfilled"]){display:none}
.reader-aside>.reader-ad{margin-top:32px}
.reader-author{display:flex;align-items:center;gap:16px;border-block:1px solid #dce5e2;margin:36px 0;padding:24px 0}
.reader-author img{width:48px;height:48px;border-radius:50%;flex-shrink:0}
.reader-author p{font-size:14px;font-weight:600}
.reader-author span{font-size:12px;color:#64787c}
.reader-author>a{margin-left:auto;font-size:12px;color:#315e67;white-space:nowrap}
.reader-discussion{background:#fff;border:1px solid #dce5e2;border-radius:12px;padding:28px;margin:32px 0;scroll-margin-top:24px}
.reader-discussion h3{font-size:22px;margin:0 0 18px}
.reader-discussion h3:not(:first-child){margin-top:28px}
.reader-discussion p{font-size:14px;line-height:1.8;margin-bottom:12px}
.reader-discussion form textarea{min-height:150px}
.reader-discussion form input[type=submit]{background:#315e67;color:#fff}
.reader-discussion input:focus-visible,.reader-discussion textarea:focus-visible,.reader-code button:focus-visible,.reader-toc summary:focus-visible{outline:3px solid #c76932;outline-offset:3px}
@media(max-width:1000px){.learning-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-hero-grid{gap:32px}.reader-layout{gap:32px}.reader-prose{font-size:16px}}
@media(max-width:900px){.reader-layout{display:flex;flex-direction:column;gap:24px;padding-top:24px}.reader-main,.reader-aside{width:100%}.reader-sticky{position:static}.reader-aside>.reader-ad,.reader-next{display:none}.reader-toc ol{max-height:360px}.reader-cover{margin-bottom:24px}}
@media(max-width:700px){
.editorial-breadcrumb{font-size:11px;margin-bottom:26px}
.editorial-hero-grid{grid-template-columns:1fr}
.terminal-art{font-size:13px;max-width:420px;margin-top:0}
.guide-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.guide-card-body{padding:22px}
.guide-card-body h3{font-size:20px}
.learning-paths{gap:10px;margin-top:24px}
.learning-paths>a{padding:18px 14px}
.learning-paths strong{font-size:15px}
.learning-paths span{font-size:9px}
.editorial-explore{flex-direction:column;align-items:start;padding:26px;gap:24px}
.editorial-index{padding-bottom:36px}
.reader-header{padding:20px 0 28px}
.reader-header .editorial-breadcrumb [aria-current]{flex-basis:100%}
.reader-header .editorial-breadcrumb [aria-hidden]:nth-of-type(2){display:none}
.reader-intro{font-size:16px;line-height:1.8}
.reader-meta{font-size:11px}
.reader-header h1{font-size:34px}
.reader-prose h2{font-size:24px;margin-top:36px}
.reader-prose h3{font-size:21px}
.reader-prose pre{font-size:12px;padding:18px}
.reader-author{flex-wrap:wrap}
.reader-author>div{flex:1}
.reader-author>a{margin-left:64px}
.reader-discussion{padding:22px}
}
