:root{--blue:#1e60f2;--night:#0a1233;--cream:#f3ecdb;--cream2:#eae0c8;--line:#d7c9a3;--sun:#ffd23f;--coral:#ff5c39;--muted:#4f5878;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;color:var(--night);background:var(--cream);line-height:1.75;font-size:17px}a{color:var(--blue)}.nav{position:sticky;top:0;z-index:10;background:rgba(243,236,219,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-in{max-width:1200px;margin:auto;padding:14px 26px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;color:var(--night);font-family:'Archivo Black',sans-serif;text-transform:uppercase;text-decoration:none}.logo img{width:40px;height:40px;border-radius:11px;box-shadow:0 3px 0 var(--night)}.nav-cta,.btn{display:inline-block;background:var(--blue);color:#fff!important;padding:11px 20px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 4px 0 var(--night)}.post-head{padding:68px 26px 48px;border-bottom:2px solid var(--line)}.container{max-width:820px;margin:auto}.breadcrumb,.meta,.tag{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:20px}.breadcrumb span{margin:0 7px}.tag{display:inline-block;background:var(--coral);color:#fff;border-radius:6px;padding:4px 11px;font-size:11px;font-weight:700;margin-bottom:18px}.post-head h1{font-family:'Archivo Black',sans-serif;text-transform:uppercase;font-size:clamp(34px,5.5vw,62px);line-height:1;letter-spacing:-.025em;margin-bottom:20px}.post-head h1 em,article h2 em,.related h2 em{font-family:'Instrument Serif',serif;font-weight:400;color:var(--blue);text-transform:none}.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}article{max-width:760px;margin:auto;padding:54px 26px 78px}article p{margin-bottom:21px}article h2{font-family:'Archivo Black',sans-serif;text-transform:uppercase;font-size:clamp(25px,3.5vw,36px);line-height:1.08;margin:50px 0 16px;scroll-margin-top:88px}article ul,article ol{margin:0 0 24px 24px}article li{margin-bottom:9px}.answer{font-size:20px}.callout,.toc{background:var(--white);border:2px solid var(--night);border-radius:16px;padding:24px 27px;margin:30px 0;box-shadow:0 5px 0 var(--blue)}.callout strong{color:var(--blue)}.toc h2{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;margin:0 0 12px}.toc a{text-decoration:none}.quick{background:var(--night);color:var(--cream);border:4px solid var(--blue);border-radius:20px;padding:31px;margin:42px 0}.quick h2{color:var(--cream);margin-top:0}.quick p{color:#b8c4e8}.quick .btn{box-shadow:0 5px 0 var(--cream);margin:5px 10px 0 0}.related{background:var(--cream2);border-top:2px solid var(--line);padding:56px 26px}.related h2{font-family:'Archivo Black',sans-serif;text-transform:uppercase;font-size:29px;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.related-card{background:#fff;border:2px solid var(--night);border-radius:15px;padding:20px;color:var(--night);text-decoration:none;box-shadow:0 4px 0 var(--night)}.related-card small{font-family:'JetBrains Mono',monospace;color:var(--blue);text-transform:uppercase}.related-card h3{font-size:18px;line-height:1.25;margin-top:8px}footer{background:var(--night);color:#9caddc;padding:42px 26px}.foot{max-width:1100px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px}.foot a{color:#9caddc}@media(max-width:700px){.post-head{padding-top:45px}.related-grid{grid-template-columns:1fr}.quick{padding:25px}.nav-in{padding:12px 18px}}