/* Shared palette includes article, community and owner-dashboard surfaces. */
:root{color-scheme:light;--muted:#59685f;--orange:#ad432a;--surface:#e7e9de;--field:#fffdf7;--body-copy:#465b52;--inverse-bg:#163c36;--inverse-ink:#f5f3eb;--inverse-muted:#ced7c9;--field-border:#87978b}
:root[data-theme=dark]{color-scheme:dark;--paper:#111b18;--ink:#e0ece4;--muted:#a6b8ac;--line:#3e5549;--orange:#f2a483;--surface:#1c2c25;--field:#17251f;--body-copy:#c0d0c5;--inverse-bg:#213b30;--inverse-ink:#e0ece4;--inverse-muted:#c0d0c5;--field-border:#6b8475}
.theme-control{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:var(--muted)}
.theme-control select{font:inherit;font-size:12px;padding:9px 25px 9px 10px;min-height:38px;max-width:140px;border:1px solid var(--field-border);border-radius:3px;background:var(--field);color:var(--ink);cursor:pointer;outline-offset:4px}
.site-header{gap:22px}.site-header .owner{display:none}.site-header nav{gap:24px}
.intro,.featured p,.content-card p,.video-disclosure p,.about-grid p,article p,.admin-note,.privacy-copy p{color:var(--body-copy)}
.featured,.watch-player,.admin-metrics div,.thumb,.sources,blockquote{background:var(--surface)}
.feature-no,.card-index{color:var(--muted)}
.filters input,.comment-form input,.comment-form textarea{background:var(--field);border-color:var(--field-border);color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.sources li{border-color:var(--line)}
.site-principles,.framework{background:var(--inverse-bg);color:var(--inverse-ink)}
.site-principles p,.framework p,.framework-footer{color:var(--inverse-muted)}
.framework .section-kicker{color:#f2b696}.framework button{color:#bfcec2}.framework button[aria-selected=true]{color:#fff;border-color:#f2b696}
.button,.comment-form button,.comment-actions button{background:var(--inverse-bg);color:var(--inverse-ink);border-color:var(--field-border)}
.button:hover,.comment-form button:hover,.comment-actions button:hover{background:#2b5142;color:#fff}
:root[data-theme=dark] .brand-mark{background:#cee3d4;color:#173428}
:root[data-theme=dark] .watch-player video{background:#09100d}
:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:780px) and (min-width:651px){.site-header{height:auto;min-height:105px;flex-wrap:wrap;padding-top:15px;padding-bottom:10px;gap:10px}.site-header nav{order:3;width:100%;justify-content:space-between}.theme-control{margin-left:auto}}
@media(max-width:650px){.site-header{gap:10px}.theme-control{margin-left:auto}.theme-control>span{display:none}.theme-control select{max-width:126px;font-size:11px;padding:8px 18px 8px 8px}.site-header nav{order:3;gap:0}.brand b{letter-spacing:2px;margin-left:2px}}
@media(max-width:360px){.brand{font-size:18px;gap:7px}.brand b{font-size:8px}.brand-mark{width:30px;height:30px}.theme-control select{max-width:112px}}
/* Language and appearance remain independent, including narrow screens. */
.language-control{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:var(--muted)}
.language-control select{font:inherit;font-size:12px;padding:9px 22px 9px 9px;min-height:38px;max-width:115px;border:1px solid var(--field-border);border-radius:3px;background:var(--field);color:var(--ink);cursor:pointer}
.site-header{flex-wrap:wrap;height:auto;min-height:96px;padding-top:16px;padding-bottom:16px;gap:16px}.site-header nav{margin-left:auto;gap:18px}
@media(max-width:1000px){.site-header nav{order:4;width:100%;justify-content:space-between;margin:0}.theme-control{margin-left:auto}}
@media(max-width:650px){.site-header{gap:8px}.language-control>span,.theme-control>span{display:none}.theme-control select{max-width:100px}.language-control select{max-width:90px;font-size:11px;padding:8px 16px 8px 7px}.brand{font-size:19px;gap:6px}.brand b{font-size:9px}.site-header nav{font-size:12px}.site-header nav a{white-space:nowrap}}
@media(max-width:390px){.brand-mark{display:none}.brand{font-size:16px}.brand b{font-size:8px;letter-spacing:1px}.site-header{gap:6px}.theme-control select{max-width:94px}}
html[lang=en] .home-hero h1{font-size:clamp(38px,5vw,68px)}
html[lang=en] .page-heading h1{overflow-wrap:break-word}