:root{
  --b32-bg:#fffdf7;
  --b32-ink:#111827;
  --b32-muted:#6b7280;
  --b32-accent:#7c3aed;
}

body{background:var(--b32-bg);color:var(--b32-ink)}
.b32-header{border-bottom:1px solid rgba(17,24,39,.10);background:rgba(255,253,247,.85);backdrop-filter:saturate(120%) blur(10px);position:sticky;top:0;z-index:10}

#logo a{text-decoration:none;font-weight:800;letter-spacing:.2px;color:var(--b32-ink)}
.b32-tagline{color:var(--b32-muted);font-size:.9rem;margin-left:12px}

.b32-mag{padding:18px 0}
.b32-cover-card{border-radius:18px}
.b32-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.b32-title{margin-top:8px}
.b32-paper{border-radius:18px;border:1px solid rgba(17,24,39,.10)}

#footer{padding:28px 0;border-top:1px solid rgba(17,24,39,.12)}
#footer .social{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
#footer .social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid rgba(17,24,39,.10);text-decoration:none;color:inherit}
#footer p{margin:0;color:var(--b32-muted)}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}