/* Shared shell for inner pages */
:root{
  --bg:#f7f8f9;--paper:#fff;--ink:#0a1622;--ink-2:#1f2d3a;
  --mute:#7a8896;--mute-2:#b3bfc9;--line:#e3e8ec;--line-2:#eef2f5;
  --sea:#e6eef2;--sand:#f1ece0;
  --accent:#2aa7ff;--accent-2:#7fd3ff;--accent-glow:rgba(42,167,255,.55);
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-ui:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --font-serif:'Instrument Serif',serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}
body{background:
  radial-gradient(1200px 600px at 100% 0%,rgba(42,167,255,.05),transparent 60%),
  radial-gradient(900px 500px at 0% 100%,rgba(241,236,224,.45),transparent 55%),
  var(--bg);}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

.chrome{
  position:sticky;top:0;z-index:50;background:rgba(247,248,249,.85);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.chrome-in{
  max-width:1280px;margin:0 auto;padding:18px 36px;
  display:flex;justify-content:space-between;align-items:center;
}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:-.01em}
.brand-mark{width:20px;height:20px;border-radius:50%;border:1px solid var(--ink);position:relative;overflow:hidden}
.brand-mark::before{content:"";position:absolute;left:-2px;right:-2px;top:55%;height:55%;background:linear-gradient(180deg,rgba(42,167,255,.35),rgba(42,167,255,.15))}
.brand-mark::after{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 65%);opacity:.8}

.back{
  font-family:var(--font-mono);font-size:11px;color:var(--mute);letter-spacing:.08em;
  display:flex;align-items:center;gap:8px;transition:color .2s
}
.back:hover{color:var(--ink)}
.back svg{width:14px;height:14px}

.nav-pills{display:flex;gap:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}
.nav-pills a{padding:8px 14px;border-radius:999px;color:var(--mute);text-transform:uppercase}
.nav-pills a.on{background:var(--ink);color:#fff}
.nav-pills a:hover{color:var(--ink)}
.nav-pills a.on:hover{color:#fff}

.page{max-width:1280px;margin:0 auto;padding:56px 36px 120px}

.head{
  display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;
  padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:40px;
}
@media(max-width:780px){.head{grid-template-columns:1fr}}
.eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--mute);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:20px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--ink)}
.page-title{font-family:var(--font-display);font-weight:400;font-size:clamp(44px,6vw,86px);letter-spacing:-.035em;line-height:.98}
.page-title em{font-style:normal;font-family:var(--font-serif)}
.page-lede{margin-top:18px;max-width:56ch;color:var(--ink-2);font-size:17px;line-height:1.5;font-weight:300}
.meta-col{
  font-family:var(--font-mono);font-size:11px;color:var(--mute);letter-spacing:.02em;
  display:grid;gap:10px;min-width:220px;
}
.meta-col .row{display:grid;grid-template-columns:90px 1fr;gap:12px}
.meta-col .row .k{color:var(--mute-2);text-transform:uppercase;letter-spacing:.1em}
.meta-col .row .v{color:var(--ink-2)}

footer.foot{
  max-width:1280px;margin:0 auto;padding:40px 36px;
  border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;
  font-family:var(--font-mono);font-size:11px;color:var(--mute);letter-spacing:.04em;
}
footer.foot .links{display:flex;gap:18px}
footer.foot a:hover{color:var(--ink)}

.section-title{
  font-family:var(--font-mono);font-size:11px;color:var(--mute);letter-spacing:.14em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;margin:64px 0 22px;
}
.section-title::before{content:"";width:22px;height:1px;background:var(--ink)}
.section-title .count{color:var(--mute-2);margin-left:auto}