:root{--bg:#081017;--panel:#101d28;--line:#324a59;--ink:#e7eef3;--muted:#a9becb;--cyan:#6bdce8;--amber:#e6b66b}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 2%,#173b4d,var(--bg) 42%);color:var(--ink);font:16px var(--font-ui)}
    a{color:var(--cyan)}a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}h1,h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.025em}h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;margin:.2em 0}h2{font-size:clamp(1.35rem,2.6vw,2.1rem);margin:.15em 0}p{line-height:1.55}.eyebrow{color:var(--cyan);font-size:.72rem;text-transform:uppercase;letter-spacing:.17em;font-weight:700}
    .study{max-width:1500px;margin:auto;padding:24px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px}.rail{position:sticky;top:24px;align-self:start;border:1px solid var(--line);background:#0b1720;padding:18px}.rail strong{font-family:var(--font-display);font-size:1.25rem;text-transform:uppercase}.rail p{font-size:.8rem;color:var(--muted)}.rail ol{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}.rail a{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);padding:8px;border:1px solid transparent}.rail a:hover,.rail a:focus-visible{border-color:var(--cyan);background:#173243}.rail img{width:26px;height:26px;object-fit:contain}
    .hero{border:1px solid var(--line);padding:34px;background:linear-gradient(120deg,#152e3d,#0e1821);min-height:270px}.hero p{max-width:72ch}.hero .mode{display:inline-block;padding:8px 11px;border:1px solid var(--amber);color:var(--amber);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.hero-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}.hero-links a{min-height:44px;display:inline-flex;align-items:center}
    .sample{margin:18px 0;border:1px solid #4a6473;background:#112331;padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sample div{display:grid;gap:4px}.sample small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.sample strong{font-size:1.05rem}.sample .sample-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:.86rem}
    .panel{border:1px solid var(--line);background:var(--panel);padding:24px;margin:18px 0;scroll-margin-top:16px}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.count{color:var(--muted);white-space:nowrap}.note{color:var(--muted);margin:8px 0 18px}.art-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:10px;list-style:none;padding:0;margin:0}.art-card{border:1px solid var(--line);background:#0b161e;min-height:116px;padding:13px;display:grid;align-content:start;justify-items:start;gap:7px}.art-card img{width:42px;height:42px;object-fit:contain}.art-card span{font-weight:700}.art-card code{font-size:.68rem;color:var(--muted);overflow-wrap:anywhere}
    .footer{color:var(--muted);padding:10px 0 40px;font-size:.84rem}@media(max-width:900px){.study{grid-template-columns:1fr}.rail{position:static}.rail ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.study{padding:12px;gap:12px}.hero,.panel{padding:18px}.sample{grid-template-columns:1fr}.rail ol{grid-template-columns:1fr 1fr}.rail a{font-size:.78rem}.panel-head{align-items:start;flex-direction:column}.count{font-size:.82rem}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}