:root{--ink: #0b1f36;--ink-soft: #33465b;--blue: #123f6d;--orange: #b94700;--orange-bright: #ff7a1a;--paper: #ffffff;--mist: #f3f6f8;--line: #d7e0e8;--max: 1180px;--measure: 720px;--shadow: 0 18px 45px rgba(11, 31, 54, 0.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--blue);text-underline-offset:0.2em}a:hover{color:var(--orange)}h1,h2,h3{margin:0 0 0.7rem;line-height:1.12;letter-spacing:-0.025em}h1{font-size:clamp(2.6rem, 6vw, 5.6rem)}h2{font-size:clamp(2rem, 4vw, 3.25rem)}h3{font-size:1.3rem}p{margin:0 0 1rem}.container{width:min(calc(100% - 2.5rem), var(--max));margin-inline:auto}.narrow-container{max-width:820px}.skip-link{position:fixed;top:0;left:1rem;z-index:100;transform:translateY(-120%);padding:0.7rem 1rem;color:white;background:var(--orange)}.skip-link:focus{transform:translateY(0)}.eyebrow{margin-bottom:0.8rem;color:var(--orange);font-size:0.78rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase}.button{display:inline-flex;align-items:center;min-height:46px;padding:0.7rem 1.15rem;border:2px solid var(--orange);border-radius:4px;color:white;background:var(--orange);font-weight:750;text-decoration:none}.button:hover{color:white;background:#913800;border-color:#913800}.text-link{color:var(--ink);font-weight:750;text-decoration-color:var(--orange);text-decoration-thickness:2px}.site-header{position:relative;z-index:10;border-bottom:1px solid rgba(215,224,232,0.75);background:rgba(255,255,255,0.96)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:0.7rem;color:var(--ink);font-weight:850;letter-spacing:-0.02em;text-decoration:none}.brand:hover{color:var(--ink)}.brand-mark{width:34px;height:34px;position:relative;display:inline-block;border-radius:6px;background:var(--ink)}.brand-mark::before,.brand-mark::after{content:"";position:absolute;bottom:8px;width:5px;height:5px;border-radius:50%;background:var(--orange-bright)}.brand-mark::before{left:7px}.brand-mark::after{right:7px;background:white}.brand-mark span{position:absolute;width:17px;height:3px;top:13px;left:9px;transform:rotate(-36deg);border-radius:2px;background:white}.nav-list{display:flex;gap:0.3rem;margin:0;padding:0;list-style:none}.nav-list a{display:block;padding:0.55rem 0.8rem;border-radius:4px;color:var(--ink-soft);font-size:0.92rem;font-weight:700;text-decoration:none}.nav-list a:hover,.nav-list a[aria-current="page"]{color:var(--ink);background:var(--mist)}.hero{padding:clamp(4rem, 8vw, 7rem) 0;color:white;background:var(--ink);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0, 1.2fr) minmax(320px, 0.8fr);align-items:center;gap:clamp(3rem, 7vw, 7rem)}.hero h1{max-width:760px}.hero .eyebrow,.page-hero .eyebrow{color:#ff9a52}.hero-copy{max-width:660px;color:#cfdae4;font-size:clamp(1.1rem, 2vw, 1.35rem)}.hero-actions{display:flex;align-items:center;gap:1.4rem;margin-top:2rem}.hero .text-link{color:white}.switch-diagram{position:relative;padding:1.5rem;border:1px solid #34516e;border-radius:8px;background:#102943;box-shadow:16px 16px 0 #071727}.diagram-label{color:#9db1c4;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.diagram-state{display:grid;grid-template-columns:74px 1fr;gap:.5rem 1rem;padding:1.2rem 0;border-bottom:1px solid #34516e}.diagram-state>span{color:#8fa7bd;font-size:.72rem;font-weight:800;letter-spacing:.08em}.diagram-state strong{grid-column:2;font-size:.9rem}.circuit{position:relative;height:42px}.circuit i,.circuit em{position:absolute;bottom:3px;width:11px;height:11px;border:3px solid var(--orange-bright);border-radius:50%}.circuit i{left:0}.circuit em{right:0}.circuit b{position:absolute;left:10px;bottom:11px;width:calc(100% - 25px);height:3px;transform:rotate(-13deg);transform-origin:left;background:white}.diagram-state.active .circuit b{transform:rotate(13deg)}.diagram-note{margin:1rem 0 0;color:#b8c8d6;font-size:.9rem}.topic-section,.latest-section,.about-content{padding:clamp(4rem, 8vw, 7rem) 0}.section-heading{margin-bottom:2rem}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}.split-heading>p{max-width:540px;color:var(--ink-soft)}.topic-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:1rem}.topic-card{grid-column:span 2;min-height:260px;display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:white;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.topic-card:nth-child(4),.topic-card:nth-child(5){grid-column:span 3}.topic-card:hover{transform:translateY(-4px);border-color:#a9bac8;color:var(--ink);box-shadow:var(--shadow)}.topic-number{color:var(--orange);font-size:.78rem;font-weight:850;letter-spacing:.1em}.topic-card h3{margin-top:2rem;font-size:1.45rem}.topic-card p{color:var(--ink-soft)}.card-link{margin-top:auto;color:var(--blue);font-size:.9rem;font-weight:750;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:.25em}.latest-section{background:var(--mist)}.post-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.post-card{min-width:0;padding:1.5rem;border-top:4px solid var(--orange);background:white}.post-card h3 a{color:var(--ink);text-decoration:none}.post-card h3 a:hover{color:var(--orange)}.post-card>p:not(.eyebrow){color:var(--ink-soft)}.post-meta{display:flex;flex-wrap:wrap;gap:.45rem;color:#617284;font-size:.82rem}.empty-state{max-width:720px;padding:clamp(2rem, 5vw, 4rem);border:1px dashed #9caeba;background:white}.empty-state h3{font-size:1.8rem}.method-section{padding:clamp(3.5rem, 7vw, 6rem) 0;border-top:1px solid var(--line)}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.method-grid>div:last-child{padding-top:.6rem;color:var(--ink-soft);font-size:1.08rem}.page-hero{padding:clamp(4rem, 8vw, 7rem) 0;color:white;background:var(--ink)}.page-hero h1{max-width:950px;font-size:clamp(2.7rem, 6vw, 5rem)}.page-hero p:last-child{max-width:760px;color:#c5d2de;font-size:1.2rem}.compact-hero{padding-block:clamp(3.5rem, 7vw, 5.5rem)}.guide-directory{padding-block:2rem 6rem}.guide-topic{display:grid;grid-template-columns:290px 1fr;gap:3rem;padding:4rem 0;border-bottom:1px solid var(--line);scroll-margin-top:2rem}.guide-topic .post-grid{grid-template-columns:repeat(2, 1fr)}.topic-intro>p:last-child,.empty-note{color:var(--ink-soft)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem 5rem}.about-grid h2{font-size:1.75rem}.about-grid p{color:var(--ink-soft)}.about-cta{padding:2rem;color:white;background:var(--blue)}.about-cta p{color:#d8e4ed}.about-cta .eyebrow{color:#ffb06f}.article-shell{padding-top:3rem}.article-header{max-width:980px;padding-bottom:3rem;border-bottom:1px solid var(--line)}.article-header h1{max-width:920px;font-size:clamp(2.5rem, 5vw, 4.5rem)}.article-deck{max-width:760px;color:var(--ink-soft);font-size:1.25rem}.article-meta{margin-top:1.5rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;color:#617284;font-size:.82rem}.breadcrumbs a{color:#52677a}.article-grid{display:grid;grid-template-columns:230px minmax(0, var(--measure));justify-content:center;gap:4rem;padding-block:3.5rem 6rem}.toc-panel{position:sticky;top:2rem;align-self:start;padding:1.2rem;border-left:3px solid var(--orange);background:var(--mist)}.toc-title{font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.toc-panel ol{margin:0;padding:0;list-style:none}.toc-panel li{margin:.5rem 0;line-height:1.35}.toc-panel .toc-subitem{padding-left:.8rem}.toc-panel a{color:var(--ink-soft);font-size:.84rem;text-decoration:none}.toc-panel a:hover{color:var(--orange)}.article-content{min-width:0;color:#26394c;font-size:1.07rem}.article-content h2,.article-content h3{color:var(--ink);scroll-margin-top:1rem}.article-content h2{margin-top:3.2rem;font-size:2rem}.article-content h3{margin-top:2.2rem}.article-content a{font-weight:650}.article-content blockquote{margin:2rem 0;padding:1rem 1.4rem;border-left:4px solid var(--orange);background:var(--mist)}.article-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.94rem}.article-content th,.article-content td{padding:.8rem;border:1px solid var(--line);text-align:left;vertical-align:top}.article-content th{color:var(--ink);background:var(--mist)}.article-content pre{max-width:100%;overflow:auto;padding:1rem;color:white;background:var(--ink)}.official-note{margin-top:4rem;padding:2rem;border:1px solid #b8c9d6;background:#f1f7fb}.official-note h2{margin-top:0;font-size:1.5rem}.related-section{padding:4rem 0 6rem;background:var(--mist)}.not-found{min-height:65vh;display:flex;align-items:center;padding:5rem 0;text-align:center}.not-found .error-code{margin:0;color:#dfe7ed;font-size:clamp(7rem, 20vw, 13rem);font-weight:900;line-height:.8}.not-found h1{font-size:clamp(2.4rem, 5vw, 4rem)}.not-found p:not(.error-code):not(.eyebrow){max-width:620px;margin-inline:auto;color:var(--ink-soft)}.site-footer{padding:4rem 0 1.5rem;color:#c7d4df;background:#071727}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:4rem}.footer-grid-compact{grid-template-columns:1.5fr .5fr}.footer-brand{color:white}.footer-brand:hover{color:white}.site-footer h2{color:white;font-size:1rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer a{color:white}.footer-bottom{margin-top:3rem;padding-top:1.2rem;border-top:1px solid #294057;color:#91a6b9;font-size:.82rem}@media (max-width: 900px){.hero-grid,.guide-topic,.article-grid{grid-template-columns:1fr}.hero-grid{gap:3rem}.switch-diagram{max-width:560px}.topic-card{grid-column:span 3}.topic-card:nth-child(5){grid-column:2 / span 4}.post-grid{grid-template-columns:repeat(2, 1fr)}.toc-panel{position:static}.footer-grid,.footer-grid-compact{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.container{width:min(calc(100% - 1.5rem), var(--max))}.header-inner{min-height:68px;gap:.5rem}.brand>span:last-child{max-width:100px;line-height:1.05}.nav-list{gap:0}.nav-list a{padding:.55rem .5rem;font-size:.84rem}.hero-actions,.split-heading{align-items:flex-start;flex-direction:column}.topic-grid,.post-grid,.about-grid,.method-grid,.footer-grid,.footer-grid-compact{grid-template-columns:1fr}.topic-card,.topic-card:nth-child(4),.topic-card:nth-child(5){grid-column:1}.topic-card{min-height:220px}.guide-topic{gap:1.5rem}.guide-topic .post-grid{grid-template-columns:1fr}.article-grid{gap:2rem}.article-content table{display:block;overflow-x:auto}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms !important}}