:root{--bg-canvas:#1e1612;--bg-surface:#34251d;--text-primary:#f5ecdf;--text-muted:#d8c6b4;--accent-primary:#f59e0b;--border-subtle:#765342;--ink:#1e1612;--frame:clamp(10px,3vw,48px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#100c0a;color:var(--text-primary);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:clip}body:before{content:"";position:fixed;inset:var(--frame);border:1px solid #5c4033;pointer-events:none;z-index:9}a{color:#ffd27c;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#fff0c9}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p,li,td,th{overflow-wrap:anywhere;hyphens:auto}h1,h2{line-height:1.06;margin:.1em 0 .55em}h1{font-size:clamp(2.5rem,7vw,6.6rem);letter-spacing:-.06em}h2{font-size:clamp(1.65rem,3.5vw,3.25rem);letter-spacing:-.045em}h3,.kicker,label,th,.tag,.num,summary,.tagline{font-family:ui-monospace,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}.skip{position:absolute;left:1rem;top:-4rem;background:var(--accent-primary);color:var(--ink);padding:.75rem;z-index:20}.skip:focus{top:1rem}.tagline{background:#120d0b;border-bottom:1px solid var(--border-subtle);padding:5px max(var(--frame),1rem);color:#e6b55d;font-size:.7rem}.site-header{padding:10px max(var(--frame),1rem);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:1rem;position:relative}.brand{margin-right:auto;color:var(--text-primary);font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--accent-primary);color:var(--ink);border-radius:50%;margin-right:.45rem;font-family:ui-monospace,monospace}.nav{display:flex;align-items:center;gap:.25rem}.nav a{color:var(--text-primary);padding:.65rem .72rem;text-decoration:none;font-size:.88rem}.nav a[aria-current="page"]{color:var(--accent-primary)}.menu-button{display:none;min-width:44px;min-height:44px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface);color:#fff;font-size:1.4rem}.shell{background:var(--bg-canvas);margin:0 var(--frame);min-height:100vh}.hero{padding:clamp(2.5rem,8vw,7rem) clamp(1rem,6vw,7rem) 1.5rem;border-bottom:1px solid var(--border-subtle)}.hero p{max-width:60ch;color:var(--text-muted);font-size:1.1rem}.wrap{width:min(1200px,100% - 2rem);margin:auto;padding:clamp(2.4rem,5vw,5.5rem) 0}.lead{display:grid;grid-template-columns:1.25fr .75fr;gap:1.25rem;align-items:stretch}.lead-copy,.card,.panel,details{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px}.lead-copy{padding:clamp(1.3rem,3vw,3rem)}.lead-visual{position:relative;min-height:280px}.lead-visual img{height:100%;aspect-ratio:16/10;border-radius:20px}.caption{font-size:.8rem;color:var(--text-muted);margin:.5rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.card{min-width:0;overflow:visible}.card figure{margin:0;position:relative}.card figure img{aspect-ratio:4/3;border-radius:20px 20px 0 0}.tag{display:inline-block;background:var(--accent-primary);color:var(--ink);font-weight:800;font-size:.68rem;padding:.35rem .55rem;border-radius:8px;position:absolute;left:1rem;bottom:-.65rem}.card-content{padding:1.45rem}.card h3{font-size:1.1rem;margin:.4rem 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:center;margin-top:1.25rem}.split img{aspect-ratio:16/10;border-radius:20px}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.25rem}.section-head p{max-width:52ch;color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;background:var(--accent-primary);color:var(--ink);font-weight:800;text-decoration:none;border:0;border-radius:10px;box-shadow:4px 4px 0 #0e0907;transition:.15s}.button:hover{transform:translate(4px,4px);box-shadow:0 0 0 #0e0907;color:var(--ink)}.button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:none}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.step{padding:1.25rem;border-top:2px solid var(--accent-primary);background:#291d17}.step:before{counter-increment:step;content:"0" counter(step);font-family:ui-monospace,monospace;color:var(--accent-primary);font-size:1.4rem}.checklist{padding-left:0;list-style:none}.checklist li{padding:.7rem 0 .7rem 2rem;border-bottom:1px solid var(--border-subtle);position:relative}.checklist li:before{content:"↳";position:absolute;left:.3rem;color:var(--accent-primary)}.reading{max-width:72ch}.reading p{color:#eadccd}.table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:20px}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px;background:var(--bg-surface)}th,td{text-align:left;padding:1rem;border-bottom:1px solid var(--border-subtle);vertical-align:top}th{color:#f6bf50;font-size:.72rem}details{padding:1rem 1.15rem;margin:.75rem 0}summary{cursor:pointer;font-size:.9rem;color:#ffe1a2}details p{color:var(--text-muted)}.notice{border-left:4px solid var(--accent-primary);padding:1rem 1.2rem;background:#2b1f18;border-radius:0 14px 14px 0}.form-grid{display:grid;gap:1rem;max-width:720px}input,textarea,select{width:100%;background:#201711;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:.8rem;font:inherit}textarea{min-height:150px}button{cursor:pointer}.tool-output{white-space:pre-wrap;min-height:110px;padding:1rem;background:#160f0c;border-radius:12px;border:1px dashed var(--border-subtle)}.site-footer{border-top:1px solid var(--border-subtle);padding:2rem max(var(--frame),1rem) 3rem;color:var(--text-muted);font-size:.9rem}.footer-grid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer a{color:#f5d498}:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:768px){.menu-button{display:block}.nav{display:none;position:absolute;right:1rem;top:calc(100% + 5px);width:min(300px,calc(100vw - 2rem));padding:.75rem;background:#34251d;border:1px solid var(--border-subtle);border-radius:16px;z-index:10;box-shadow:8px 8px 0 #120d0b}.nav.open{display:grid}.nav a{min-height:44px;display:flex;align-items:center}.lead,.split{grid-template-columns:1fr}.hero{padding-top:3rem}}@media(max-width:480px){body:before{inset:6px}.shell{margin:0 6px}.site-header{padding:8px 14px}.brand{font-size:.9rem}.hero{padding-inline:1rem}.wrap{width:min(100% - 1.4rem,1200px)}h1{font-size:2.45rem}.section-head{display:block}}@media(min-width:769px) and (max-width:1024px){.nav a{padding:.55rem .38rem;font-size:.76rem}}@media(min-width:1400px){.wrap{width:min(1320px,100% - 4rem)}}@media(prefers-reduced-motion:reduce){*,html{scroll-behavior:auto;transition:none!important}}