/* Bold — punchy grotesk (Space Grotesk), thick outlines, saturated accent blocks, offset shadows. */
:root{--bg:#fff7e6;--surface:#fff;--ink:#111;--ink-2:#333;--muted:#555;--line:#111;--radius:16px;--shadow:6px 6px 0 #111;--media-ratio:1/1;
  --head-weight:700;--head-transform:uppercase;--header-bg:var(--accent);--header-ink:var(--accent-ink);--header-line:#111;
  --nav-ink:var(--accent-ink);--nav-active:var(--accent-ink);--tag-bg:var(--accent);--tag-ink:var(--accent-ink);--band-bg:#111;--band-ink:#fff;
  --footer-bg:#111;--footer-ink:#fff;--footer-muted:#ccc}
@media (prefers-color-scheme:dark){:root:not(.light){--bg:#101014;--surface:#1b1b22;--ink:#fafafa;--ink-2:#ddd;--muted:#aaa;--line:#fafafa;--shadow:6px 6px 0 var(--accent)}}
:root.dark{--bg:#101014;--surface:#1b1b22;--ink:#fafafa;--ink-2:#ddd;--muted:#aaa;--line:#fafafa;--shadow:6px 6px 0 var(--accent)}
.bar,.masthead{border-bottom:3px solid #111}
body > .topnav{background:var(--accent);color:var(--accent-ink);border-bottom:3px solid #111}
.brand-title,.card-lead .card-title,.section-title,.topic-title,.soon-title{text-transform:uppercase}
.card{border:3px solid var(--line)}
.card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--accent)}
.card-media{border-bottom:3px solid var(--line)}
@media (min-width:1000px){.featured-1 .card-lead .card-media,.featured-3 .card-side .card-media{border-bottom:0;border-right:3px solid var(--line)}}
.tag{border-radius:6px}
.pager-btn,.topic-tile,.soon-card{border:3px solid var(--line);box-shadow:4px 4px 0 var(--line)}
.site-footer{border-top:3px solid #111}