/* Shared branding and language controls for the public and member previews. */
:root{--gold:#edc443;--unity-gold:#edc443;--unity-paper:#f2f1ec}
.logo,.mobile-brand,.brand img{filter:none!important}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #494332;border-radius:7px;background:#111316;flex-shrink:0;line-height:1}
.language-switch button{border:0;border-radius:4px;background:transparent;color:#b7b9bf;padding:8px 10px;cursor:pointer;font:500 11px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;white-space:nowrap}
.language-switch button[aria-pressed=true]{background:var(--unity-gold);color:#171819}
.language-switch button:focus-visible{outline:2px solid var(--unity-gold);outline-offset:4px}
.topbar{gap:16px}.topbar .preview{margin-left:auto}.topbar .language-switch{margin-left:0}
.sidebar .nav a{min-height:44px}.sidebar .nav i{flex-shrink:0}
.overview-page .focus{border:1px solid #494332;background:var(--unity-paper)}
.overview-page .focus .button{background:var(--unity-gold);color:#171819}
.overview-page .focus .button:hover{background:#f4d26b}
.overview-page .focus-visual{background:radial-gradient(ellipse at 50% 40%,#edc44315,transparent 68%),#15171b}
.overview-page .art-book{background:linear-gradient(140deg,#393323,#1b1d20);color:var(--unity-gold);border-color:#edc44355}
.overview-page .art-orbit{border-color:#edc44333}.overview-page .art-orbit:after{border-color:#edc44322}
.overview-page .art-label,.overview-page .step-count,.overview-page .task-state,.overview-page .daily-kit>a>span{color:var(--unity-gold)}
.overview-page .art-label b{max-width:260px}.overview-page .focus h2{font-size:clamp(26px,2.6vw,36px)}
html[lang=en] .entry-body h2{font-size:clamp(25px,2.6vw,34px)}
html[lang=en] .hero-intro h1{font-size:clamp(34px,3.8vw,53px)}
html[lang=en] .focus-copy{padding:36px}html[lang=en] .task small{max-width:330px}
html[lang=en] .gene-copy h1,html[lang=en] .gene-copy h2{letter-spacing:-1px}
@media(max-width:800px){.topbar{gap:10px}.topbar .preview{display:none}.topbar .language-switch{margin-left:auto}.language-switch button{padding:7px 9px}.overview-page .art-label b{max-width:150px;font-size:15px}.overview-page .art-label{max-width:45%}.overview-page .focus-copy{padding:26px}.header .language-switch{margin-left:auto}html[lang=en] .focus-copy{padding:26px}}
@media(max-width:480px){.header .nav{gap:10px}.language-switch button{font-size:10px;padding:7px 8px}}
html[lang=en] .field label small{display:none}
/* Compact original logo, consistently scaled across the previews. */
.sidebar .logo{width:145px;height:auto}
.brand img{width:160px;height:auto}
@media(max-width:1100px){.sidebar .logo{width:130px}}
@media(max-width:800px){.mobile-brand{width:115px;height:auto}}
@media(max-width:760px){.brand img{width:128px}}
@media(max-width:360px){.brand img{width:115px}}
