:root{color-scheme:dark;--bg-canvas:#0b0b0d;--bg-surface:#18181c;--bg-surface-hover:#222226;--text-primary:#f3f4f6;--text-muted:#c0c4cc;--accent-primary:#dc2626;--accent-secondary:#c0c4cc;--border-subtle:#45454d;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(220,38,38,.25);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:1rem/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}body:before{content:"";position:fixed;inset:20px;border:1px solid var(--border-subtle);pointer-events:none;z-index:20}a{color:inherit;text-decoration-color:var(--text-muted);text-underline-offset:.25em}a:hover{color:#fff;text-decoration-color:var(--accent-primary)}a,button,input,textarea,select{transition:background .25s,border-color .25s,box-shadow .25s,transform .4s var(--ease-kinetic)}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:5px;box-shadow:0 0 0 7px var(--accent-primary)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover;background:var(--bg-surface)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15;text-wrap:balance}h1{font-size:clamp(2.1rem,5.5vw,4.8rem);letter-spacing:-.045em;max-width:21ch}h2{font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.025em}h3{font-size:1.2rem}p+p{margin-top:1.1rem}ul,ol{padding-left:1.4rem}li+li{margin-top:.5rem}.shell{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}.topbar{padding:.65rem 0;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font: .72rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.site-header{position:relative;border-bottom:1px solid var(--border-subtle)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 0}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:700;font-size:1.1rem;letter-spacing:-.035em;min-width:0}.brand-mark{width:20px;height:22px;border:2px solid var(--text-muted);border-left:7px solid var(--accent-primary);flex:none}.nav-toggle{display:none;background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle);font-size:1.7rem;line-height:1;width:44px;height:44px}.site-nav{display:flex;gap:1.35rem;overflow-x:auto;padding:.1rem 0 1rem;white-space:nowrap;font: .75rem/1.6 ui-monospace,Consolas,monospace}.site-nav a{text-decoration:none;color:var(--text-muted);flex:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text-primary);box-shadow:0 2px var(--accent-primary)}.skip-link{position:absolute;left:2rem;top:-100px;z-index:100;background:var(--bg-surface);padding:1rem}.skip-link:focus{top:1rem}.hero{padding:2.5rem 0 3rem;border-bottom:1px solid var(--border-subtle);position:relative;background:linear-gradient(110deg,transparent 55%,rgba(220,38,38,.07),transparent);background-size:200% 200%;animation:gradientShift 12s ease infinite}.eyebrow,.label,.badge,.chapter-number,figcaption,.meta{font:.73rem/1.6 ui-monospace,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}.eyebrow{color:var(--text-muted);margin-bottom:1rem}.hero .lede{margin-top:1.5rem;max-width:64ch;color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid var(--text-muted);background:transparent;color:var(--text-primary);padding:.85rem 1.1rem;text-decoration:none;font:.74rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;min-height:44px}.button:hover{background:var(--bg-surface-hover);border-color:var(--accent-primary);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.hero .button{margin-top:1.6rem}.section{padding:3.5rem 0;border-bottom:1px solid var(--border-subtle)}.section-intro{max-width:72ch;margin:0 auto 2rem}.section-intro h2{margin-bottom:1.1rem}.section-intro p{color:var(--text-muted)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.chapter-card{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);text-decoration:none;transition:transform .5s var(--ease-kinetic),box-shadow .5s,border-color .5s}.chapter-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);border-color:var(--accent-primary)}.card-image{aspect-ratio:4/3;position:relative}.badge{position:absolute;bottom:-.8rem;left:1.2rem;border-radius:2rem;background:#a71919;border:1px solid #ed5555;color:#fff;padding:.25rem .8rem;z-index:1}.card-copy{padding:2rem 1.4rem 1.4rem}.card-copy h3{margin-bottom:.85rem}.card-copy p{color:var(--text-muted);font-size:.95rem}.card-copy .label{display:block;margin-top:1.2rem;color:var(--text-primary)}.editorial-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);gap:3rem;align-items:start}.editorial-split h2{margin-bottom:1.2rem}.editorial-split p{max-width:72ch}.check-panel{padding:1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle)}.check-panel h3{font: .9rem/1.6 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.05em}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding-left:1.6rem}.checklist li:before{content:"";width:.6rem;height:.6rem;position:absolute;left:0;top:.55rem;border:1px solid var(--accent-primary)}.text-link{display:inline-block;margin-top:1.3rem;font-weight:600}.wide-figure{margin:2rem 0;background:var(--bg-surface);border:1px solid var(--border-subtle)}.wide-figure .illustration{aspect-ratio:16/9}.wide-figure figcaption{padding:.8rem 1rem;color:var(--text-muted);border-top:1px solid var(--border-subtle)}.pull-quote{border-left:3px solid var(--accent-primary);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.4;max-width:38ch}.horizontal-card{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--border-subtle);background:var(--bg-surface)}.horizontal-card .card-image{aspect-ratio:4/3}.horizontal-card .card-copy{align-self:center}.compact-card{display:flex;gap:1rem;border-top:1px solid var(--border-subtle);padding:1.3rem 0}.compact-card img{width:88px;height:88px;flex:none;object-fit:cover}.compact-card h3{margin-bottom:.5rem}.feature-panel{border:1px solid var(--border-subtle);background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(24,24,28,.95));backdrop-filter:var(--glass-backdrop);padding:2rem}.feature-panel p{margin-top:1rem;color:var(--text-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:3rem;padding:3rem 0}.prose{max-width:72ch;margin:0 auto;min-width:0}.prose h2{margin:2.5rem 0 1rem;font-size:1.65rem}.prose h3{margin:1.8rem 0 .8rem}.prose p,.prose li{color:var(--text-muted)}.prose strong{color:var(--text-primary)}.article-aside{position:sticky;top:2rem;padding:1.5rem;border:1px solid var(--border-subtle);background:var(--bg-surface)}.article-aside h2{font: .9rem/1.6 ui-monospace,Consolas,monospace;text-transform:uppercase}.article-aside a{display:block;margin-top:.8rem;font-size:.9rem}.article-aside p{font-size:.9rem;color:var(--text-muted);margin-top:1rem}.reading-section{padding:3rem 0;max-width:72ch;margin-inline:auto}.reading-section>h2{margin:2.5rem 0 1rem}.reading-section>p{margin-top:1rem}.reading-section .meta{color:var(--text-muted)}.path-list{list-style:none;padding:0;counter-reset:path}.path-list li{counter-increment:path;padding:1rem 0 1rem 3rem;border-top:1px solid var(--border-subtle);position:relative}.path-list li:before{content:"0" counter(path);position:absolute;left:0;top:1rem;color:var(--text-muted);font-family:ui-monospace,Consolas,monospace}.path-list strong{display:block}.faq-list details{border-top:1px solid var(--border-subtle);padding:1.3rem 0}.faq-list details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:600;line-height:1.5;padding-right:1rem}details[open] summary{margin-bottom:1rem}details p{color:var(--text-muted);max-width:70ch}.draft-sheet{background:var(--bg-surface);border:1px solid var(--text-muted);padding:1.7rem;font-family:ui-monospace,Consolas,monospace;margin:2rem 0}.field{margin-bottom:1.3rem}.field label{display:block;margin-bottom:.45rem;font-size:.85rem}.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-primary);border-radius:0;padding:.8rem}.field textarea{resize:vertical;min-height:160px}.field small{display:block;color:var(--text-muted);margin-top:.4rem}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.status{min-height:1.8em;color:var(--text-muted);font-size:.85rem;margin-top:1rem}.draft-output{white-space:pre-wrap;overflow-wrap:anywhere;font:.85rem/1.8 ui-monospace,Consolas,monospace;border-left:2px solid var(--accent-primary);padding:1rem;margin:1.3rem 0;background:var(--bg-canvas)}[hidden]{display:none!important}.site-footer{padding:2.5rem 0 3.5rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border-subtle)}.footer-top,.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.footer-top{margin-bottom:1rem}.footer-links{display:flex;gap:1.3rem;flex-wrap:wrap}.site-footer p{max-width:70ch}.site-footer .footer-note{margin-top:1rem;font-size:.78rem}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal.reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.chapter-grid{gap:1.7rem}.chapter-card:nth-child(2){margin-top:1.5rem}}
@media(min-width:769px) and (max-width:1024px){.shell{width:calc(100% - 80px)}.article-layout{gap:2rem;grid-template-columns:minmax(0,1fr) 240px}.editorial-split{gap:2rem}.hero{padding-top:2rem}}
@media(min-width:481px) and (max-width:768px){.shell{width:calc(100% - 64px)}body:before{inset:12px}.chapter-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
@media(max-width:768px){.editorial-split,.article-layout{grid-template-columns:1fr;gap:2rem}.article-aside{position:static}.section{padding:2.5rem 0}.horizontal-card{grid-template-columns:1fr}.article-layout{padding-top:2rem}.hero h1{max-width:22ch}}
@media(max-width:767px){.nav-toggle{display:block;flex:none}.site-nav{white-space:normal;display:flex;flex-direction:column;gap:0;padding:0 0 1rem}.js .site-nav{display:none}.js .site-nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:1rem;z-index:10;box-shadow:var(--shadow-elevation);animation:menuDrop .25s var(--ease-kinetic)}.site-nav a{padding:.65rem}.brand{font-size:.95rem}.header-row{padding:1rem 0}.topbar{font-size:.63rem}.site-footer{padding-bottom:2.5rem}@keyframes menuDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){body:before{inset:8px}.shell{width:calc(100% - 44px)}.hero{padding:1.8rem 0 2rem}h1{font-size:2.15rem}.brand{font-size:.83rem;gap:.45rem}.brand-mark{width:16px;height:19px}.chapter-grid{grid-template-columns:minmax(0,1fr)}.draft-sheet,.feature-panel{padding:1.2rem}.button{width:100%}.card-copy{padding:1.8rem 1.1rem 1.2rem}.pull-quote{padding-left:1rem}.footer-top,.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.chapter-card:hover,.button:hover{transform:none}}