/* Madiunpedia identity: original silver/graphite SVGs, with neutral UI accents. */
:root, :root[data-theme="dark"] {
 --brand-graphite:#393939; --brand-silver:#d9d9d9;
 --color-void:#111111; --color-graphite:#191919; --color-charcoal:#262626;
 --color-smoke:#393939; --color-steel:#9c9c9c; --color-fog:#ababab;
 --color-ash:#bcbcbc; --color-chalk:#d9d9d9; --color-snow:#ffffff;
 --color-bone:#d9d9d9; --color-ink:#222222;
 --color-signal-blue:#d9d9d9; --color-arc-blue:#d9d9d9; --color-ring-blue:#ffffff; --color-iris:#d9d9d9;
 --surface-void:#111111; --surface-graphite:#191919; --surface-charcoal:#262626;
 --surface-header:rgba(17,17,17,.94); --surface-footer:#202020;
 --surface-soft-fill:rgba(217,217,217,.07);
 --border-hairline:.5px solid rgba(217,217,217,.16);
 --border-hairline-blue:.5px solid rgba(217,217,217,.45);
 --shadow-subtle-3:0 0 0 1.5px rgba(217,217,217,.25);
 --shadow-sm-6:0 0 4px rgba(217,217,217,.4);
 --brand-selection:rgba(217,217,217,.12);
}
:root[data-theme="light"] {
 --color-void:#f5f5f3; --color-graphite:#ffffff; --color-charcoal:#eeeeec;
 --color-smoke:#d9d9d9; --color-steel:#686868; --color-fog:#595959;
 --color-ash:#737373; --color-chalk:#393939; --color-snow:#181818;
 --color-bone:#393939; --color-ink:#ffffff;
 --color-signal-blue:#393939; --color-arc-blue:#393939; --color-ring-blue:#393939; --color-iris:#393939;
 --surface-void:#f5f5f3; --surface-graphite:#ffffff; --surface-charcoal:#eeeeec;
 --surface-header:rgba(245,245,243,.95); --surface-footer:#eaeae7;
 --surface-soft-fill:rgba(57,57,57,.05);
 --border-hairline:.5px solid rgba(57,57,57,.18);
 --border-hairline-blue:.5px solid rgba(57,57,57,.45);
 --brand-selection:rgba(57,57,57,.08);
}
.brand-logo-img { width:148px; height:auto; max-width:none; filter:none; display:block; }
.brand-on-light { display:none; }
:root[data-theme="light"] .brand-on-dark { display:none; }
:root[data-theme="light"] .brand-on-light { display:block; }
.brand-group { flex-shrink:0; }
.nav-link.active { color:var(--color-snow); }
.nav-link:hover { color:var(--color-snow); }
.subfilter-btn.active,.hero-tab-pill.active,.status-badge.blue {
 color:var(--color-snow); background:var(--brand-selection);
 border:1px solid var(--color-steel); box-shadow:none;
}
.btn-bone { background:var(--color-bone); color:var(--color-ink); }
.btn-bone,.btn-ghost,.subfilter-btn { border-radius:6px; }
.category-hero-banner { position:relative; overflow:hidden; }
.category-hero-banner::after {
 content:""; position:absolute; right:max(24px,calc((100vw - 1080px)/2));
 top:24px; width:104px; height:104px; pointer-events:none; opacity:.12;
 background:url('../img/brand-mark.svg') center/contain no-repeat;
}
.category-hero-banner > .container { position:relative; z-index:1; }
.category-page-title { max-width:calc(100% - 100px); }
.citizen-invite::before { content:""; display:block; width:30px; height:30px; margin-bottom:20px; background:url('../img/brand-mark.svg') center/contain no-repeat; }
.footer-wordmark { padding:24px 0; margin-top:24px; border-top:var(--border-hairline); line-height:1; }
.footer-wordmark a { display:block; }
.footer-wordmark .brand-logo-img { width:100%; max-width:100%; height:auto; }
.youtube-pick[aria-pressed="true"] { box-shadow:inset 0 -3px var(--color-snow); }
::selection { background:var(--color-bone); color:var(--color-ink); }
@media(max-width:600px) {
 .brand-logo-img { width:136px; max-width:136px; height:auto; }
 .category-hero-banner::after { width:64px; height:64px; top:32px; right:16px; }
 .category-page-title { max-width:calc(100% - 64px); }
 .footer-wordmark { padding:16px 0; }
}

/* Editorial typography and author identity. */
@font-face {
 font-family:'Coolvetica'; font-style:normal; font-weight:400;
 src:url('../fonts/coolvetica.woff') format('woff'); font-display:swap;
}
:root, :root[data-theme="dark"], :root[data-theme="light"] {
 --font-title:'Coolvetica', 'Inter', sans-serif;
}
body h1,body h2,body h3,body h4,body h5,body h6,
body .youtube-title,body .category-featured-title,body .news-card-title {
 font-family:var(--font-title) !important; font-weight:400; letter-spacing:0;
}
.author-byline { display:flex; align-items:center; gap:10px; margin:16px 0; min-width:0; font-family:var(--font-inter); }
.author-byline > div { min-width:0; }
.author-byline .author-portrait { display:block; flex:0 0 36px; width:36px; height:36px; object-fit:cover; object-position:center; border-radius:50%; border:var(--border-hairline); margin:0; }
.author-byline .author-team { padding:8px; background:var(--brand-graphite); }
.author-byline .author-initials { display:grid; place-items:center; background:var(--surface-charcoal); color:var(--color-chalk); font-size:12px; }
.author-name { display:block; color:var(--color-snow); font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.author-byline .author-date { display:block; font-size:11px; line-height:1.5; color:var(--color-fog); }
.author-byline-detail { margin:24px 0; }
.author-byline-detail .author-portrait { flex-basis:48px; width:48px; height:48px; }
.author-byline-detail .author-name { font-size:14px; }
.author-byline-detail .author-date { font-size:12px; }