/* ===========================================================================
   BRITA — Public theme (2026). Mobile-first, accessible, dark/light toggle.
   =========================================================================== */

:root {
  --accent: #c8102e;
  --accent-hover: #a50d26;
  --accent-ink: #ffffff;
  --bg: #ffffff;
  --bg2: #f8f9fb;
  --fg: #15171c;
  --fg2: #2b2f38;
  --muted: #5b6470;
  --line: #e3e7ee;
  --soft: #f5f6f8;
  --soft2: #eef0f4;
  --panel-bg: #ffffff;
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 1px 3px rgba(16,20,30,.07),0 6px 24px rgba(16,20,30,.06);
  --shadow-lg: 0 12px 48px rgba(16,20,30,.14);
  --container: 1200px;
  --gap: clamp(14px,2.2vw,26px);
  --font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --topbar-h: 34px;
  --header-h: 60px;
  --nav-h: 44px;
  --total-header: calc(var(--topbar-h) + var(--header-h) + var(--nav-h));
}
[data-theme="dark"] {
  --bg:#0f1115; --bg2:#14171e; --fg:#e8eaf0; --fg2:#c8cdd8;
  --muted:#8a9099; --line:#252930; --soft:#181c23; --soft2:#1e2230;
  --panel-bg:#181c23; --shadow:0 1px 3px rgba(0,0,0,.3),0 6px 24px rgba(0,0,0,.25);
  --shadow-lg:0 12px 48px rgba(0,0,0,.45);
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="dark"]){
    --bg:#0f1115; --bg2:#14171e; --fg:#e8eaf0; --fg2:#c8cdd8;
    --muted:#8a9099; --line:#252930; --soft:#181c23; --soft2:#1e2230;
    --panel-bg:#181c23;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--fg);background:var(--bg);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
h1,h2,h3,h4{line-height:1.22;margin:0 0 .4em;font-weight:800;letter-spacing:-.015em;color:var(--fg)}
p{margin:0 0 .9em;color:var(--fg2)}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(14px,3vw,28px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:10px 18px;z-index:300;border-radius:0 0 10px 0;font-weight:700}
.skip-link:focus{left:0}
.dot{color:var(--line);margin:0 .15em}
.muted{color:var(--muted)}
.small{font-size:.82rem}

/* ---- Header ---- */
.site-header{position:sticky;top:0;z-index:120;background:var(--bg);border-bottom:1px solid var(--line)}
[data-theme="dark"] .site-header{background:#0f1115}

.topbar{background:#1a1d24;color:#8a9099;font-size:.75rem}
[data-theme="dark"] .topbar{background:#000}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;height:var(--topbar-h);gap:16px}
.topbar__links{display:flex;align-items:center;gap:14px}
.topbar__links a{color:#8a9099;transition:color .15s}
.topbar__links a:hover{color:#fff}
.topbar__login{font-weight:800;color:#fff!important}
.topbar__sep{color:#333}

.masthead__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;height:var(--header-h)}
.brand{display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:-.03em}
.brand__mark{font-size:1.7rem;color:var(--accent);line-height:1}
.brand__prov{font-size:.85rem;color:var(--muted);font-weight:700;border-left:2px solid var(--line);padding-left:8px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.masthead__right{display:flex;align-items:center;gap:10px}
.masthead__search{width:clamp(180px,28vw,360px)}

/* Theme toggle button */
.theme-btn{width:36px;height:36px;border:1px solid var(--line);background:var(--soft);border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none;color:var(--fg2);transition:background .15s}
.theme-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.theme-btn svg{width:18px;height:18px}
.icon-sun{display:none}
.icon-moon{display:block}
[data-theme="dark"] .icon-sun{display:block}
[data-theme="dark"] .icon-moon{display:none}

/* Hamburger — hidden on desktop, shown only on mobile */
.hamburger{width:44px;height:44px;background:none;border:0;cursor:pointer;display:none;flex-direction:column;justify-content:center;gap:5px;padding:10px;flex:none}
.hamburger span{width:22px;height:2px;background:var(--fg);border-radius:2px;display:block;transition:transform .22s,opacity .22s}
.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.is-open span:nth-child(2){opacity:0}
.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Desktop nav */
.mainnav{background:var(--panel-bg);border-top:1px solid var(--line);position:relative}
.mainnav__inner{display:flex;align-items:stretch;height:var(--nav-h);overflow:hidden}
.mainnav__link{display:flex;align-items:center;padding:0 12px;font-weight:700;font-size:.875rem;white-space:nowrap;color:var(--fg2);border-bottom:3px solid transparent;transition:color .15s,border-color .15s;flex:none}
.mainnav__link:hover,.mainnav__link.is-current{color:var(--accent);border-color:var(--accent)}
.more-btn{display:none;align-items:center;gap:5px;padding:0 12px;font-weight:700;font-size:.875rem;color:var(--muted);cursor:pointer;background:none;border:0;border-bottom:3px solid transparent;white-space:nowrap;flex:none}
.more-btn:hover{color:var(--accent)}
.more-btn svg{width:14px;height:14px}
.more-dropdown{position:absolute;top:100%;right:0;background:var(--panel-bg);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:var(--shadow-lg);z-index:60;min-width:200px;display:none}
.more-dropdown.is-open{display:block}
.more-dropdown a{display:block;padding:10px 18px;font-weight:700;font-size:.875rem;color:var(--fg2);border-bottom:1px solid var(--soft)}
.more-dropdown a:last-child{border-bottom:0}
.more-dropdown a:hover{color:var(--accent);background:var(--soft)}

/* Mobile nav drawer */
.mobile-nav{position:fixed;inset:var(--total-header) 0 auto 0;background:var(--panel-bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:110;display:none;max-height:calc(100dvh - var(--total-header));overflow-y:auto}
.mobile-nav.is-open{display:block}
.mobile-nav a{display:block;padding:13px 20px;font-weight:700;font-size:1rem;border-bottom:1px solid var(--soft);color:var(--fg2)}
.mobile-nav a:hover{color:var(--accent);background:var(--soft)}

/* ---- Search ---- */
.search{position:relative}
.search__input{width:100%;height:38px;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:0 44px 0 16px;font-size:.9rem;outline:none;color:var(--fg);transition:border-color .15s,background .15s}
.search__input::placeholder{color:var(--muted)}
.search__input:focus{border-color:var(--accent);background:var(--bg)}
.search__btn{position:absolute;right:4px;top:4px;height:30px;width:30px;border:0;background:var(--accent);color:#fff;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.search__panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden;z-index:130}
.search__panel a{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--soft);align-items:center;color:var(--fg)}
.search__panel a:hover{background:var(--soft)}
.sr-cat{font-size:.7rem;color:var(--accent);font-weight:800;text-transform:uppercase;white-space:nowrap}
.search__empty{padding:14px 16px;color:var(--muted);font-size:.9rem}

/* ---- Main spacing ---- */
main.container{padding-block:var(--gap)}

/* ---- Lead ---- */
.lead{display:grid;grid-template-columns:1.62fr 1fr;gap:var(--gap);margin-bottom:calc(var(--gap)*1.4)}
.lead__side{display:flex;flex-direction:column;gap:12px}
.hero{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.hero__media{display:block;position:relative;aspect-ratio:16/9}
.hero__media img{width:100%;height:100%;object-fit:cover}
.hero__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(14px,3vw,26px);color:#fff;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.3) 55%,transparent 100%)}
.hero__title{color:#fff;font-size:clamp(1rem,2.2vw,1.75rem);margin:0}
.hero__dek{color:#dde4ee;margin:0;font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero .card__meta{color:#c8d4e8;font-size:.76rem}

/* ---- Grid ---- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}
.grid--list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}

/* ---- Card ---- */
.card{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
.card__media{position:relative;display:block;aspect-ratio:16/9;background:var(--soft2)}
.card__img{width:100%;height:100%;object-fit:cover}
.card__img--ph{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--accent),var(--fg2));color:#fff;font-size:2rem;font-weight:900}
.card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.card__title{font-size:1rem;font-weight:800;color:var(--fg);line-height:1.3}
.card__title a{color:inherit}
.card__title a:hover{color:var(--accent)}
.card__excerpt{color:var(--muted);font-size:.87rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:var(--muted);font-size:.76rem;margin-top:auto;padding-top:6px}
.card__author{font-weight:700;color:var(--fg2)}

/* ---- Badges / chips ---- */
.badge{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.65);color:#fff;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:6px;backdrop-filter:blur(4px)}
.badge--solid{position:static;display:inline-block;background:var(--accent)}
.chip{display:inline-block;background:var(--soft);color:var(--fg2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:700}
.chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.chip--lg{padding:8px 18px;font-size:.9rem}
.chips-wrap{display:flex;flex-wrap:wrap;gap:8px}

/* ---- Compact card ---- */
.cmpt{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:start}
.cmpt__media{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--soft2)}
.cmpt__media img{width:100%;height:100%;object-fit:cover}
.cmpt__title{font-size:.9rem;font-weight:800;margin:0;color:var(--fg);line-height:1.35}
.cmpt__title a{color:inherit}
.cmpt__title a:hover{color:var(--accent)}
.cmpt__meta{font-size:.73rem;color:var(--muted);margin-top:4px}

/* ---- Layout ---- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:calc(var(--gap)*1.2);align-items:start;margin-top:var(--gap)}
.layout--article{grid-template-columns:minmax(0,1fr) 300px}
.layout__main{min-width:0}
.sidebar{position:sticky;top:calc(var(--total-header) + 14px);display:flex;flex-direction:column;gap:var(--gap)}
.block{display:flex;flex-direction:column;gap:16px;margin-bottom:calc(var(--gap)*1.5)}

/* Section heading */
.section-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid var(--fg);margin-bottom:4px}
.section-head__title{font-size:1.1rem;font-weight:800;position:relative}
.section-head__title::after{content:"";position:absolute;left:0;bottom:-12px;width:48px;height:3px;background:var(--accent);border-radius:2px}
.section-head__more{font-size:.8rem;font-weight:800;color:var(--accent)}
.section-head__more:hover{text-decoration:underline}

/* Widget */
.widget{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.widget__head{padding:12px 16px;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:800;color:var(--fg);display:flex;align-items:center;gap:8px}
.widget__head::before{content:"";width:4px;height:16px;background:var(--accent);border-radius:2px;display:block}
.widget__list{padding:12px;display:flex;flex-direction:column;gap:12px}
.widget__list .cmpt{grid-template-columns:68px 1fr}
.rank{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:6px;background:var(--soft2);color:var(--muted);font-size:.7rem;font-weight:900;flex:none}
.rank-1{background:var(--accent);color:#fff}
.rank-2{background:#e65100;color:#fff}
.rank-3{background:#f9a825;color:#fff}

/* ---- Ad slots ---- */
.ad-slot{position:relative;background:var(--soft);border:2px dashed var(--line);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ad-slot__label{position:absolute;top:6px;left:50%;transform:translateX(-50%);font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg);padding:2px 8px;border-radius:4px;white-space:nowrap;z-index:1}
.ad-slot__hint{color:var(--muted);font-size:.78rem;font-weight:600;margin-top:16px}
.ad-slot--billboard{height:90px;width:100%}
.ad-slot--leaderboard{height:90px;width:100%}
.ad-slot--rect{height:250px;width:100%}
.ad-slot--rect-small{height:160px;width:100%}
.ad-slot--inarticle{height:90px;width:100%;margin:24px 0}
.ad-slot--footer{height:90px;width:100%}

/* ---- Breadcrumb / page head ---- */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0 0 14px;font-size:.8rem;color:var(--muted)}
.crumbs li::after{content:"›";margin-left:4px}
.crumbs li:last-child::after{content:""}
.crumbs a:hover{color:var(--accent)}
.page-head{margin-bottom:var(--gap)}
.page-head__title{font-size:clamp(1.4rem,3vw,2rem);color:var(--fg)}
.page-head__sub{color:var(--muted);margin:6px 0 0}

/* ---- Article ---- */
.article__head{margin-bottom:20px}
.article__title{font-size:clamp(1.5rem,3.2vw,2.3rem);margin:10px 0;color:var(--fg)}
.article__dek{font-size:1.1rem;color:var(--fg2);margin:0 0 14px;font-weight:500}
.article__byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:.83rem;padding-bottom:16px;border-bottom:1px solid var(--line)}
.article__author{font-weight:800;color:var(--fg2)}
.article__cover{margin:20px 0}
.article__cover img{width:100%;border-radius:var(--radius)}
.article__cover figcaption{font-size:.78rem;color:var(--muted);margin-top:8px;text-align:center;font-style:italic}
.prose{font-size:1.05rem;line-height:1.85;color:var(--fg2)}
.prose p{margin:0 0 1.1em;color:var(--fg2)}
.prose h2{font-size:1.45rem;margin:1.6em 0 .5em;color:var(--fg)}
.prose h3{font-size:1.2rem;margin:1.4em 0 .45em;color:var(--fg)}
.prose h4{font-size:1.05rem;margin:1.3em 0 .4em;color:var(--fg)}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.prose img{border-radius:10px;margin:1.2em 0}
.prose figure{margin:1.4em 0}
.prose figcaption{font-size:.8rem;color:var(--muted);text-align:center;font-style:italic}
.prose blockquote{margin:1.5em 0;padding:10px 0 10px 22px;border-left:4px solid var(--accent);font-style:italic;color:var(--fg2);font-size:1.08rem}
.prose ul,.prose ol{padding-left:1.5em;margin:0 0 1.1em}
.prose li{margin:.4em 0;color:var(--fg2)}
.prose strong{color:var(--fg)}
.prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.92rem}
.prose th,.prose td{padding:8px 12px;border:1px solid var(--line);text-align:left}
.prose th{background:var(--soft);font-weight:800;color:var(--fg)}

/* ---- Tags & Share ---- */
.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0;padding:16px 0;border-top:1px solid var(--line)}
.tags__label{font-weight:800;color:var(--muted);font-size:.82rem;margin-right:4px}
.tag{display:inline-block;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:.8rem;font-weight:700;color:var(--fg2)}
.tag:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 24px}
.share__label{font-weight:800;color:var(--fg2);margin-right:4px}
.share__btn{color:#fff;padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:700;border:0;cursor:pointer;display:inline-block}
.share__btn--wa{background:#25d366}
.share__btn--fb{background:#1877f2}
.share__btn--x{background:#000}
.share__btn--tg{background:#29a9eb}
.share__btn--copy{background:var(--fg2)}

/* ---- Author box ---- */
.authorbox{display:flex;gap:16px;align-items:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:24px}
.authorbox__avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none}
.authorbox__avatar--ph{display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900;font-size:1.4rem;border-radius:50%;width:60px;height:60px;flex:none}
.authorbox__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:block}
.authorbox__name{font-weight:800;font-size:1.05rem;display:block;color:var(--fg)}
.authorbox__bio{margin:6px 0 0;color:var(--muted);font-size:.88rem}

/* ---- Pagination ---- */
.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;padding:16px 0}
.pager__btn,.pager__num{border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-weight:700;font-size:.88rem;background:var(--panel-bg);color:var(--fg2);display:block}
.pager__num.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}
.pager__btn:hover,.pager__num:hover:not(.is-active){border-color:var(--accent);color:var(--accent)}
.pager__gap{color:var(--muted);padding:0 4px}
.empty{text-align:center;padding:60px 20px;color:var(--muted)}
.empty p{color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:9px;padding:10px 18px;font-weight:700;font-size:.92rem;cursor:pointer;background:var(--soft2);color:var(--fg)}
.btn--primary{background:var(--accent);color:#fff}
.btn--primary:hover{background:var(--accent-hover);color:#fff}
.btn--block{width:100%;justify-content:center}

/* ---- Static pages ---- */
.static-page{max-width:800px}
.static-page__meta{color:var(--muted);font-size:.85rem;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.info-box{background:var(--soft);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;padding:14px 18px;margin:18px 0}
.info-box p{margin:0;color:var(--fg2);font-size:.92rem}
.org-card{display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.org-card__avatar{width:52px;height:52px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.2rem;flex:none}
.org-card__role{font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.org-card__name{font-weight:800;color:var(--fg)}
.org-card__bio{font-size:.88rem;color:var(--muted);margin:4px 0 0}

/* ---- Footer ---- */
.site-footer{background:#0d1018;color:#8a9099;margin-top:48px}
[data-theme="dark"] .site-footer{background:#050709}
.footer__top{padding:48px 0 36px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px}
.footer__brand{display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:-.03em;margin-bottom:14px}
.footer__brand-mark{font-size:1.6rem;color:var(--accent);line-height:1}
.footer__brand-prov{font-size:.82rem;color:#5b6470;font-weight:700;border-left:2px solid #1e2530;padding-left:8px}
.footer__tagline{font-size:.88rem;line-height:1.65;color:#5b6470;margin-bottom:12px}
.footer__contact{font-size:.83rem;color:#5b6470}
.footer__contact a{color:#6b7480}
.footer__contact a:hover{color:#fff}
.fcol__title{color:#c8cdd8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;display:block}
.fcol__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.fcol__list a{font-size:.87rem;color:#5b6470;transition:color .15s}
.fcol__list a:hover{color:#fff}
.footer__network-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
.footer__network-grid a{font-size:.81rem;color:#4d5563;transition:color .15s;padding:2px 0}
.footer__network-grid a:hover{color:#fff}
.footer__mid{border-top:1px solid #1a1f28;padding:22px 0}
.footer__mid-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer__cert{font-size:.78rem;color:#3d4555}
.footer__cert a{color:#5b6470;text-decoration:underline}
.footer__cert a:hover{color:#fff}
.footer__bottom{border-top:1px solid #1a1f28;padding:16px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer__copy{font-size:.78rem;color:#3d4555}
.footer__links{display:flex;gap:14px}
.footer__links a{font-size:.78rem;color:#3d4555}
.footer__links a:hover{color:#fff}

/* ---- Error ---- */
.error-body{display:grid;min-height:100dvh;place-items:center;background:var(--bg2)}
.error-card{text-align:center;background:var(--panel-bg);padding:48px;border-radius:var(--radius);box-shadow:var(--shadow);max-width:460px;width:100%}
.error-code{font-size:4.5rem;font-weight:900;color:var(--accent);margin:0;line-height:1}
.error-title{margin:8px 0;font-size:1.5rem;color:var(--fg)}
.error-msg{color:var(--muted);margin-bottom:24px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1060px){
  .layout,.layout--article{grid-template-columns:1fr}
  .sidebar{position:static;flex-direction:row;flex-wrap:wrap}
  .sidebar .widget,.sidebar .ad-slot{flex:1 1 260px}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  :root{--topbar-h:0px;--nav-h:0px}
  .topbar{display:none}
  .hamburger{display:flex}
  .masthead__inner{grid-template-columns:44px 1fr auto auto;gap:8px}
  .masthead__search{display:none}
  .mainnav{display:none}
  .grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:13px}
  .lead{grid-template-columns:1fr}
  .lead__side{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .hero__title{font-size:1.1rem}
  .footer__grid{grid-template-columns:1fr;gap:28px}
  .footer__network-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
  .grid{grid-template-columns:1fr 1fr;gap:10px}
  .hero__title{font-size:1rem}
  .article__title{font-size:1.35rem}
  .card__body{padding:10px 12px 12px}
  .card__title{font-size:.9rem}
  .pager__btn,.pager__num{padding:7px 10px;font-size:.82rem}
  .footer__network-grid{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   DARK MODE — EXPLICIT TEXT COLOR OVERRIDES
   Ensures text is readable on dark backgrounds regardless
   of CSS variable cascade behaviour in any browser.
   ========================================================= */
[data-theme="dark"] body{color:var(--fg);background:var(--bg)}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4{color:var(--fg)}
[data-theme="dark"] p{color:var(--fg2)}
[data-theme="dark"] li{color:var(--fg2)}
[data-theme="dark"] .card__title,[data-theme="dark"] .card__title a{color:var(--fg)}
[data-theme="dark"] .card__excerpt{color:var(--muted)}
[data-theme="dark"] .card__author{color:var(--fg2)}
[data-theme="dark"] .card__meta{color:var(--muted)}
[data-theme="dark"] .cmpt__title,[data-theme="dark"] .cmpt__title a{color:var(--fg)}
[data-theme="dark"] .cmpt__meta{color:var(--muted)}
[data-theme="dark"] .hero__title{color:#fff}
[data-theme="dark"] .hero__dek{color:#dde4ee}
[data-theme="dark"] .prose,[data-theme="dark"] .prose p{color:var(--fg2)}
[data-theme="dark"] .prose h2,[data-theme="dark"] .prose h3,[data-theme="dark"] .prose h4{color:var(--fg)}
[data-theme="dark"] .prose li,[data-theme="dark"] .prose strong{color:var(--fg2)}
[data-theme="dark"] .prose strong{color:var(--fg)}
[data-theme="dark"] .prose blockquote{color:var(--fg2)}
[data-theme="dark"] .prose th{color:var(--fg);background:var(--soft)}
[data-theme="dark"] .prose td{color:var(--fg2)}
[data-theme="dark"] .article__title{color:var(--fg)}
[data-theme="dark"] .article__dek{color:var(--fg2)}
[data-theme="dark"] .page-head__title{color:var(--fg)}
[data-theme="dark"] .page-head__sub{color:var(--muted)}
[data-theme="dark"] .section-head__title{color:var(--fg)}
[data-theme="dark"] .widget__head{color:var(--fg)}
[data-theme="dark"] .authorbox__name{color:var(--fg)}
[data-theme="dark"] .authorbox__bio{color:var(--muted)}
[data-theme="dark"] .tag{color:var(--fg2)}
[data-theme="dark"] .search__input{color:var(--fg);background:var(--soft)}
[data-theme="dark"] .mainnav__link{color:var(--fg2)}
[data-theme="dark"] .more-dropdown a{color:var(--fg2)}
[data-theme="dark"] .mobile-nav a{color:var(--fg2)}
[data-theme="dark"] .ad-slot{background:var(--soft);border-color:var(--line)}
[data-theme="dark"] .ad-slot__hint{color:var(--muted)}