:root{--foam:#e9ffff;--aqua:#a7f0e9;--muted:#bcd7df;--deep:#041626;--card:#0a2b40;--line:#1f5a73;--warn:#ffd98a;--ok:#9af0c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#0b3a53 0,#062137 40%,#020b14 100%) fixed;color:var(--foam);font-family:Inter,system-ui,Arial,sans-serif;line-height:1.55}
a{color:var(--aqua)}
.wrap{max-width:980px;margin:0 auto;padding:96px 16px 64px}
.overline{color:#bcf2ea;letter-spacing:.3em;text-transform:uppercase;font-size:11px;font-weight:700}
h1{font:normal clamp(34px,6vw,60px)/1.05 Georgia,serif;letter-spacing:-.03em;margin:.3em 0 .4em}
h2{font:normal 26px/1.2 Georgia,serif;margin:1.4em 0 .4em}
.lede{color:var(--muted);font-size:1.1rem;max-width:62ch}
.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:12px;color:var(--muted)}
.pill.warn{color:var(--warn);border-color:#7a6430}.pill.ok{color:var(--ok);border-color:#2f7a5c}
.banner{border:1px solid #7a6430;background:#2a2410;color:var(--warn);border-radius:10px;padding:10px 14px;margin:18px 0;font-size:.95rem}
.entry{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.entry a{border:1px solid var(--line);border-radius:999px;padding:6px 14px;text-decoration:none;font-size:13px;letter-spacing:.06em}
.entry a[aria-current=page]{background:#124a63;color:#fff}
:focus-visible{outline:3px solid #ffe38a;outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}