:root{--bg-canvas:#201a16;--bg-surface:#30271f;--bg-surface-hover:#3b3025;--text-primary:#f4f1ea;--text-muted:#c8bcab;--accent-primary:#d4a84b;--accent-secondary:#b98c62;--border-subtle:#65513a;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:blur(16px) saturate(180%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5.4vw,5rem);line-height:1.08;letter-spacing:-.05em;font-weight:600;max-width:18ch;margin-bottom:28px}h2{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.035em;font-weight:550}h3,.eyebrow,.label,th,summary,.number{font-family:ui-monospace,Consolas,monospace}h3{font-size:1rem;line-height:1.5}.eyebrow,.label{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-primary)}.muted,small{color:var(--text-muted)}.site-frame{border:1px solid var(--border-subtle);margin:24px;padding:0 36px}.wrap{width:100%;max-width:1200px;margin:0 auto}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border-subtle);border-radius:60px;padding:16px 24px;margin:24px auto 56px;max-width:1200px;background:var(--bg-surface);z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:.95rem;font-weight:650;text-decoration:none;letter-spacing:-.03em;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid var(--accent-primary);border-radius:50%;color:var(--accent-primary);font-family:monospace;flex-shrink:0}.main-nav{display:flex;align-items:center;gap:22px}.main-nav a{font-size:.85rem;color:var(--text-muted);text-decoration:none;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;background:none;border:0;color:var(--text-primary);font-size:1.8rem;padding:0 10px}.skip{position:absolute;left:20px;top:-100px;background:var(--accent-primary);color:var(--bg-canvas);padding:10px;z-index:20}.skip:focus{top:10px}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.hero{padding:10px 0 80px}.hero p{max-width:58ch;color:var(--text-muted)}.button,button.action{display:inline-block;border:0;border-radius:50px;background:var(--accent-primary);color:var(--bg-canvas);padding:12px 23px;font-size:.9rem;font-weight:650;text-decoration:none;transition:transform .3s var(--ease-kinetic),background .3s}.button:hover,button.action:hover{transform:translateY(-4px) scale(1.015);background:#e5be6e;color:#201a16}.button.secondary,button.secondary{background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary)}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.visual{position:relative;min-width:0}.diagram{display:block;width:100%;height:auto;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px}.diagram text{font-family:ui-monospace,Consolas,monospace}.facts{position:relative;margin:-22px 20px 0;padding:22px;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:4px}.facts p{margin:0 0 10px;font-size:.85rem}.facts p:last-child{margin:0}.facts strong{color:var(--accent-primary)}.brief{padding:70px 0;border-top:1px solid var(--border-subtle)}.brief p{color:var(--text-muted);max-width:65ch}.panel,.card{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:4px;padding:30px;min-width:0}.card{transition:transform .4s var(--ease-kinetic),background .4s}.card:hover{transform:translateY(-5px) scale(1.015);background:var(--bg-surface-hover)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:4px}.step{padding:24px;background:var(--bg-surface)}.number{display:block;color:var(--accent-primary);font-size:1.6rem;margin-bottom:12px}.tree{display:grid;gap:16px;padding:26px}.tree .node{border:1px solid var(--border-subtle);padding:15px;border-radius:4px;text-align:center}.tree .node:first-child{border-color:var(--accent-primary)}.branches{display:grid;grid-template-columns:1fr 1fr;gap:18px}.connector{height:24px;width:1px;background:var(--accent-primary);margin:0 auto}.article-head{padding-bottom:45px}.article-head h1{font-size:clamp(2.3rem,5vw,4.2rem)}.article-head p{color:var(--text-muted)}.reading{max-width:70ch;margin:0 auto;padding:25px 0 70px}.reading h2{font-size:1.8rem;margin-top:45px}.reading h3{margin-top:24px}.reading p,.reading li{color:var(--text-muted)}.reading .panel{margin:28px 0}.reading ul,.reading ol{padding-left:24px}.article-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px;border:1px solid var(--border-subtle)}figure{margin:0}figcaption{color:var(--text-muted);font-size:.8rem;margin-top:10px}.photo-grid{aspect-ratio:4/3}.photo-thumb{aspect-ratio:1/1;max-width:150px}.compact-media{display:flex;gap:22px;align-items:center}.compact-media img{width:100px;height:100px;object-fit:cover;border-radius:4px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-primary);font-weight:500}td{color:var(--text-muted)}details{border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-surface);margin:14px 0;padding:20px 24px}summary{cursor:pointer;font-size:1rem;color:var(--text-primary)}details p{padding-top:18px;margin-bottom:0}.site-footer{max-width:1200px;margin:0 auto;padding:48px 0;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:35px;font-size:.85rem;color:var(--text-muted)}.site-footer h2{font: .8rem ui-monospace,Consolas,monospace;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em}.site-footer a{display:block;margin:7px 0;color:var(--text-muted);width:fit-content}.site-footer address{font-style:normal}.copyright{max-width:1200px;margin:20px auto 30px;padding:0 24px;color:var(--text-muted);font-size:.75rem}.copyright a{color:var(--text-muted)}label{display:block;margin:18px 0 7px;color:var(--text-primary);font-size:.9rem}input,textarea,select{display:block;width:100%;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:4px;padding:12px;color:var(--text-primary)}textarea{resize:vertical;min-height:150px}select{color-scheme:dark}.preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-canvas);border:1px solid var(--border-subtle);padding:20px;border-radius:4px;min-height:200px;font: .85rem/1.8 ui-monospace,Consolas,monospace}.status{min-height:28px;color:var(--accent-primary);font-size:.85rem}.note{border-left:2px solid var(--accent-primary);padding:12px 22px;color:var(--text-muted)}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}.signal{animation:signalPulse 6s ease-in-out infinite;transform-origin:center}@keyframes signalPulse{50%{opacity:.45}}@media(min-width:1025px){.brief.reverse .visual{order:-1}.brief.reverse{grid-template-columns:1fr 1.1fr}}@media(min-width:769px) and (max-width:1024px){.site-frame{margin:16px;padding:0 22px}.split{gap:30px}.main-nav{gap:14px}.brand{font-size:.8rem}.site-header{padding:16px}.brief.reverse .visual{order:-1}.site-footer{gap:20px}}@media(min-width:481px) and (max-width:768px){.site-frame{margin:12px;padding:0 22px}.split{gap:30px}.steps{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:last-child{grid-column:1/-1}}@media(max-width:768px){.split{grid-template-columns:1fr}.hero{padding-bottom:45px}.brief{padding:40px 0}.article-head .visual{max-width:600px}.site-header{margin-bottom:35px}.main-nav{gap:14px}.site-footer{padding-top:30px}}@media(max-width:767px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:20px;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex;animation:menuIn .25s var(--ease-kinetic)}.main-nav a{padding:8px}.site-header{padding:12px 16px}.brand{font-size:.85rem}@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:480px){.site-frame{margin:8px;padding:0 16px}.site-header{margin-top:16px;padding:10px}.brand{font-size:.72rem;gap:6px}.brand-mark{width:22px;height:22px}.split{gap:26px}.panel,.card{padding:22px}.grid{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:22px}.facts{margin:-12px 10px 0;padding:16px}.compact-media{align-items:flex-start}.compact-media img{width:74px;height:74px}h1{font-size:2.7rem}.reading{padding-top:10px}.copyright{padding:0 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}