:root{--panel:#0d1117;--card-top:#16202b;--card-bottom:#0a1017;--text:#b6c2d0;--muted:#94a3b8;--white:#fff;--line:#ffffff12;--green:#5ee3a0;--radius:14px;--max:1200px;--accent-wash:color-mix(in srgb,var(--accent) 9%,transparent);--accent-line:color-mix(in srgb,var(--accent) 32%,transparent);--header-height:77px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 88px)}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent-light);text-decoration:none}a:hover{color:white}button,input{font:inherit}button,.button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent-light);outline-offset:4px}button{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:8px 14px;background:#ffffff06;color:var(--text)}button:hover{border-color:var(--accent-line);color:white}h1,h2,h3,p{margin:0}h1,h2,h3{color:white;line-height:1.2;text-wrap:balance}h1{font-family:"Arial Narrow","Roboto Condensed",Impact,system-ui,sans-serif;font-stretch:condensed;font-size:clamp(40px,4.6vw,60px);letter-spacing:-.035em}h1 em{display:block;font-style:normal;color:var(--accent)}h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.025em}h3{font-size:21px}p+p{margin-top:16px}.wrap{max-width:var(--max);margin:auto;padding-inline:20px}.narrow{max-width:900px}section{padding-block:64px}section[id],article[id]{scroll-margin-top:calc(var(--header-height) + 84px)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px}.brand{display:inline-flex;align-items:center;gap:11px;color:white;font-weight:850;letter-spacing:-.04em;font-size:24px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(135deg,var(--accent-light),var(--accent-deep));border-radius:12px;color:#171100;font-size:18px;letter-spacing:-1px;box-shadow:0 4px 18px var(--accent-wash)}nav{display:flex;gap:23px;align-items:center}nav>a,summary{font-size:14px}nav>a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}.menu-toggle{display:none}.nav-dropdown{position:relative}.nav-dropdown summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.nav-dropdown summary:after{content:'⌄'}.nav-dropdown>div{position:absolute;right:0;top:48px;min-width:230px;background:var(--panel);padding:10px;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 40px #0008}.nav-dropdown a{display:block;padding:10px;border-radius:6px;color:var(--text)}.nav-dropdown a:hover{background:var(--accent-wash)}.announcement{padding:10px 20px;background:linear-gradient(90deg,var(--accent-wash),color-mix(in srgb,var(--accent) 16%,transparent),var(--accent-wash));border-bottom:1px solid var(--accent-line);text-align:center;color:var(--accent-light);font-size:14px}.announcement>span{color:var(--accent);margin-right:8px}.announcement a{color:white;text-decoration:underline;margin-left:6px}.hero{padding-block:48px 44px;background:radial-gradient(ellipse at 22% 30%,#10243a 0,#0b1422 30%,var(--bg) 65%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px}.eyebrow{display:inline-flex;border:1px solid var(--accent);border-radius:30px;padding:5px 14px;color:var(--accent);background:var(--accent-wash);font-size:11px;font-weight:750;letter-spacing:.08em;margin-bottom:22px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-tags a{border:1px solid var(--accent-line);border-radius:10px;padding:10px 13px;background:var(--accent-wash);color:#e8eef5;font-size:13px;font-weight:600;min-height:44px}.lede{font-size:17px;line-height:1.75;color:var(--muted);margin-top:20px;max-width:65ch}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;border-radius:10px;font-weight:750;border:1px solid var(--accent-line)}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#1a1200;border-color:transparent;font-weight:750;box-shadow:0 8px 24px var(--accent-wash)}.primary:hover{color:#1a1200;filter:brightness(1.12)}.secondary{background:var(--accent-wash);color:var(--accent-light)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.stats>div{border:1px solid var(--line);border-radius:12px;background:#0b111a;padding:13px}.stats b{display:block;font-size:28px;line-height:1.2;color:white;font-weight:800}.stats span{font-size:12px;color:var(--muted)}.board{border:1px solid var(--line);border-radius:16px;padding:16px;background:#0b111a}.board-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;color:var(--muted);font-size:10px;letter-spacing:.08em}.board-title h2{font-size:12px;color:var(--muted);letter-spacing:.08em}.board-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #22c55e18}.board-row a{color:white;font-size:14px;font-weight:700}.board-row small{display:block;font-size:12px;color:var(--muted)}.save{white-space:nowrap;font-size:13px;min-width:44px}.save[aria-pressed=true]{color:var(--accent-light);background:var(--accent-wash);border-color:var(--accent-line)}.trust{border:1px solid var(--accent-line);background:linear-gradient(135deg,var(--card-top),var(--card-bottom));padding:19px 22px;border-radius:14px;margin-top:16px;font-size:14px}.trust h3{font-size:16px}.trust ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:5px}.section-heading{text-align:center;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:16px}.section-heading p{max-width:70ch;margin:16px auto 0;color:var(--muted)}.overview-grid{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center}.cover-art{height:290px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#62511944,#101c2c 50%,#080d16);border:1px solid var(--accent-line);border-radius:18px}.compass{font-size:136px;color:var(--accent);text-shadow:0 0 60px var(--accent-line);transform:rotate(12deg);line-height:1}.orbit{position:absolute;border:1px solid var(--accent-line);border-radius:50%;width:225px;height:225px}.orbit-two{width:185px;height:185px;border-style:dashed}.art-label{position:absolute;bottom:24px;letter-spacing:.22em;font-size:9px;color:var(--accent-light)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{background:linear-gradient(135deg,var(--card-top),var(--card-bottom));border:1px solid var(--line);border-radius:14px;padding:24px;transition:border-color .2s,transform .2s}.feature-icon{display:block;font-size:34px;color:var(--accent);margin-bottom:12px}.feature h3{font-size:19px;margin-bottom:10px}.feature p{font-size:16px}.trending{border:1px solid var(--accent-line);background:linear-gradient(var(--accent-wash),transparent);border-radius:14px;padding:16px;margin-bottom:24px}.mini-label{font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.08em}.trending>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.trending a{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);background:#0a0d1399;border-radius:11px;padding:14px}.trending a>span{font-size:25px}.trending b{display:block;font-size:15px}.trending small{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:5px}.filters{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.search{flex:1 1 300px;min-width:0}.search input{width:100%;min-height:48px;padding:12px 16px;background:var(--card-bottom);color:white;border:1px solid var(--line);border-radius:10px}.search input::placeholder{color:var(--muted)}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid var(--accent-line);background:var(--accent-wash);border-radius:30px;color:var(--accent-light);font-size:13px;font-weight:650}.filter.active{background:var(--accent);color:#1a1200}.results{font-size:13px;color:var(--muted);margin:12px 0}.jump-nav{position:sticky;top:var(--header-height);z-index:20;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#0a0d13f2;backdrop-filter:blur(10px);box-shadow:0 6px 22px #0005}.jump-nav>span{font-size:11px;font-weight:800;white-space:nowrap;color:var(--muted)}.jump-nav>div{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;min-width:0}.jump-nav a{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:8px 14px;color:var(--text);font-size:12px;min-height:44px}.resource-card{background:linear-gradient(135deg,var(--card-top),var(--card-bottom));border:2px solid var(--accent);border-radius:12px;padding:28px;margin-top:24px;box-shadow:0 10px 25px var(--accent-wash);transition:box-shadow .2s}.resource-head{display:flex;align-items:flex-start;gap:16px}.resource-icon{flex:none;display:grid;place-items:center;width:64px;height:64px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#1a1200;font-size:32px;border-radius:16px}.resource-head>div{flex:1;min-width:0}.resource-head h3{font-size:24px}.resource-head h3 a{color:white}.resource-head>.save{margin-left:auto}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.badge{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.04em;border:1px solid var(--line);border-radius:30px;padding:4px 10px;color:var(--text);background:#ffffff06}.badge.green{color:var(--green);background:#22c55e14;border-color:#22c55e55}.resource-card>p{margin-top:20px}.read-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;margin-top:12px}.snippet{margin-top:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card-bottom)}.snippet-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;background:#ffffff06;padding:10px 14px;border-bottom:1px solid var(--line)}.snippet-bar>span{font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--accent-light)}.snippet-bar>div{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:13px;padding:8px 14px}pre{margin:0;padding:20px;font:14px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#e8eef5}.steps{list-style:none;counter-reset:step;padding:0}.steps li{position:relative;padding:22px 0 22px 68px;border-bottom:1px solid var(--line);counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:20px;display:grid;place-items:center;width:44px;height:44px;background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent);border-radius:11px;font-weight:750}.steps h3{margin-bottom:8px}.faq{background:linear-gradient(135deg,var(--card-top),var(--card-bottom));border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;list-style:none;padding:20px 22px;font-size:16px;font-weight:700;color:white}.faq summary:after{content:'+';font-size:23px;color:var(--accent)}.faq[open] summary:after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq p{padding:18px 22px;border-top:1px solid var(--line)}footer{border-top:1px solid var(--line);background:#050810;padding:44px 0 24px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid p{max-width:40ch;margin:15px 0}.footer-grid small{color:var(--muted)}.footer-grid h3{font-size:15px;margin-bottom:12px}.footer-grid>div>a:not(.brand){display:flex;align-items:center;min-height:44px;color:var(--muted);font-size:14px}.copyright{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;text-align:center;font-size:13px;color:var(--muted)}.back-top{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--accent-line);background:var(--panel);border-radius:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;padding:12px 20px;background:var(--accent);color:#1a1200;border-radius:10px;box-shadow:0 8px 40px #0008;max-width:calc(100% - 120px);font-size:14px;opacity:0;pointer-events:none}.toast.visible{opacity:1}.empty{text-align:center;padding:60px 20px}.empty p{margin:16px 0}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--accent);color:#171100;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.detail-hero{background:radial-gradient(ellipse at 20% 30%,#10243a,var(--bg) 65%);padding-block:38px}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:24px}.detail-section{padding-top:28px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px}.detail-aside>.board{position:sticky;top:calc(var(--header-height) + 20px)}.detail-aside h2{font-size:17px;margin-bottom:12px}.detail-aside a{display:block;font-size:14px;padding:10px 0}.detail-aside .save{margin:14px 0}.prose{min-width:0}.prose section{padding:26px 0}.prose h2{font-size:28px;margin-bottom:16px;text-align:left}.prose p{max-width:70ch}.callout{padding:16px 20px;background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:12px;font-size:14px}.related{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related a{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:12px}.related span{display:block;font-size:14px;color:var(--text);margin-top:10px}h1,h2,h3,p,a{overflow-wrap:break-word}@media(hover:hover){.feature:hover{transform:translateY(-3px);border-color:var(--accent-line)}.resource-card:hover{box-shadow:0 16px 35px var(--accent-wash)}}@media(max-width:1000px){.header-row{flex-wrap:wrap;gap:0;min-height:68px;padding-block:12px}.menu-toggle{display:block;margin-left:auto}#main-nav{display:none;width:100%;align-items:stretch;gap:4px;padding-top:15px}#main-nav.open{display:flex;flex-direction:column}.nav-dropdown>div{position:static;box-shadow:none}.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{max-width:750px}.hero-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.trust{margin-top:0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.detail-aside{order:-1}.detail-aside>.board{position:static}.detail-aside a{display:inline-block;margin-right:16px}.detail-aside .save{display:block}.overview-grid{grid-template-columns:260px 1fr}.cover-art{height:260px}}@media(max-width:640px){section{padding-block:42px}.wrap{padding-inline:16px}.brand{font-size:21px}.announcement{font-size:12px}.hero{padding-block:34px}.hero-grid aside{grid-template-columns:1fr}.hero-grid{gap:26px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.feature-grid,.trending>div,.footer-grid,.related{grid-template-columns:1fr}.cover-art{max-width:350px;width:100%;margin:auto}.resource-card{padding:18px}.resource-head{gap:12px;flex-wrap:wrap}.resource-icon{width:48px;height:48px;font-size:26px}.resource-head h3{font-size:21px}.resource-head>.save{margin-left:60px}.snippet-bar{padding:12px}.snippet-bar>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.snippet-bar button{padding:8px}.jump-nav>span{display:none}.jump-nav{padding:8px}.actions{gap:10px}.button{padding:12px 17px;font-size:14px}.board-row .save span{display:none}.section-heading h2{font-size:29px}.toast{max-width:calc(100% - 90px);width:max-content}.hero-tags{gap:7px}.hero-tags a{font-size:12px}.filter-buttons{gap:7px}.filter{padding:8px 12px}.footer-grid{gap:24px}.detail-hero h1{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Fourth framework: rails bounded by the Jump to / resource list region. */
:root{--rail-width:160px;--rail-height:600px;--rail-gap:24px;--rail-offset:calc(var(--header-height) + 12px)}
.library-ad-layout{position:relative;display:block;isolation:isolate}
.library-center{min-width:0}
.library-rail{display:none}
.rail-sticky{position:sticky;top:var(--rail-offset);width:var(--rail-width)}
.rail-label{display:block;text-align:center;font-size:10px;line-height:16px;letter-spacing:.13em;margin-bottom:8px;color:var(--muted)}
.rail-placeholder{width:var(--rail-width);height:var(--rail-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed var(--accent-line);border-radius:12px;background:linear-gradient(165deg,var(--card-top),var(--card-bottom));color:var(--muted);font-size:12px}
.rail-placeholder strong{font-size:20px;color:var(--accent-light)}
.rail-symbol{font-size:32px;color:var(--accent)}
@media(min-width:1100px){
.library-ad-layout{display:grid;width:calc(100vw - 64px);left:50%;transform:translateX(-50%);grid-template-columns:var(--rail-width) minmax(0,900px) var(--rail-width);justify-content:space-between;gap:var(--rail-gap);align-items:stretch}
.library-rail{display:block;min-width:0}
.library-center{min-height:624px}
.library-center .resource-card{padding:24px}
.library-center .jump-nav{top:var(--rail-offset)}
.library-ad-layout:has(#empty:not([hidden])){display:block;width:100%;left:0;transform:none}
.library-ad-layout:has(#empty:not([hidden])) .library-rail{display:none}
.library-ad-layout:has(#empty:not([hidden])) .library-center{min-height:0}
}

@media print{.library-rail{display:none}.library-ad-layout{display:block;width:100%;left:0;transform:none}}

/* Guide topics: retain scrolling and keyboard access without a visible scrollbar. */
.jump-nav>div{scrollbar-width:none;-ms-overflow-style:none;padding:4px;scroll-padding-inline:4px}
.jump-nav>div::-webkit-scrollbar{display:none;width:0;height:0}
.jump-nav a{flex-shrink:0}
.guide-group{scroll-margin-top:calc(var(--header-height) + 100px)}
.topic-heading{margin:30px 0 12px;color:var(--accent-light)}
.legacy-notes{border:1px solid var(--line);border-radius:12px;background:var(--card-bottom);margin-top:16px}
@media(max-width:640px){.resource-head{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start}.resource-head>div{grid-column:2;min-width:0}.resource-head>.save{grid-column:2;margin-left:0;justify-self:start}}

/* Optional content media; figures are emitted only for resolved local files. */
.guide-media{margin:20px 0;border:1px solid var(--accent-line);border-radius:12px;overflow:hidden;background:var(--card-bottom);min-width:0}
.guide-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.guide-media img.fit-cover{object-fit:cover}
.guide-media figcaption{padding:10px 14px;font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.media-hero{margin:0 0 20px}
.media-overview{margin:0}
.media-section img{aspect-ratio:auto}
.overview-grid.overview-text-only{grid-template-columns:minmax(0,1fr)}
.overview-text-only>div{max-width:70ch;margin-inline:auto}
@media(min-width:641px) and (max-width:1000px){.hero-grid aside:has(.media-hero){grid-template-columns:1fr 1fr}.hero-grid aside .media-hero{grid-column:1/-1}}

/* Catch Dragons local header and thumbnail behavior */
:root{--header-height:0px}
html{scroll-padding-top:16px}
section[id],article[id]{scroll-margin-top:16px}
.resource-card[id],.guide-group[id]{scroll-margin-top:88px}
.site-header{position:static;top:auto}
.thumbnail-link{display:block;color:inherit;border-radius:10px}
.thumbnail-link:focus-visible{outline:3px solid var(--accent-light);outline-offset:3px}
.guide-cta{margin-top:16px;max-width:100%}
.prose .steps{margin-top:18px}

/* Compact guide previews: keep titles, summaries and actions in view. */
.resource-card .media-thumbnail{width:min(100%,280px);margin:16px 0;justify-self:start}
.resource-card .media-thumbnail img{width:100%;height:auto;max-height:158px;aspect-ratio:16/9;object-fit:contain}
.media-hero img{max-height:220px;object-fit:contain}
.resource-card:has(>.media-thumbnail){display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);column-gap:20px;row-gap:12px}
.resource-card:has(>.media-thumbnail)>.resource-head{grid-column:1/-1}
.resource-card:has(>.media-thumbnail)>.media-thumbnail{grid-column:1;grid-row:2/4;margin:4px 0 0}
.resource-card:has(>.media-thumbnail)>p{grid-column:2;margin:0}
.resource-card:has(>.media-thumbnail)>.guide-cta{grid-column:2;justify-self:start;align-self:start;margin:0}
.resource-card-body.has-thumbnail{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start}
.resource-card-body .media-thumbnail{margin:0}
@media(max-width:600px){
 .resource-card:has(>.media-thumbnail){display:block}
 .resource-card .media-thumbnail,.resource-card:has(>.media-thumbnail)>.media-thumbnail{width:min(100%,249px);margin:14px 0}
 .resource-card .media-thumbnail img{max-height:140px}
 .resource-card:has(>.media-thumbnail)>.guide-cta{margin-top:14px}
 .resource-card-body.has-thumbnail{grid-template-columns:minmax(0,1fr);gap:12px}
 .resource-card-body .media-thumbnail{margin:0}
 .media-hero img{max-height:180px}
}

/* Native advertising stays in normal document flow. */
.native-ad{margin:28px 0;min-width:0;max-width:100%;padding:12px 0;border-top:1px solid var(--line)}
.native-ad-label{display:block;margin-bottom:8px;color:var(--muted);font:10px/1.4 system-ui;letter-spacing:.08em;text-transform:uppercase}
.native-ad>div{width:100%;min-width:0}
.native-ad[hidden]{display:none}