/* Appearance selector. */
.appearance-control{display:flex;align-items:center;gap:3px;flex:none;order:3;color:#34584a;font-size:12px;font-weight:700}
.appearance-icon{font-size:18px;line-height:1}
.appearance-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.appearance-control select{width:auto;max-width:100px;min-height:38px;margin:0;padding:6px 2px;background:transparent;color:inherit;border:0;font-size:12px;font-weight:700;cursor:pointer}
.appearance-control option{background:#f8f8f2;color:#153e35}
.header .brand{order:0}.header #navigation{order:2}.header .menu-toggle{order:1}.header .language-switch{order:4}
@media(max-width:1220px){.header .menu-toggle{margin-left:auto}.appearance-control{order:3}}
@media(max-width:820px){.header .language-switch{margin-left:0}.appearance-control{margin-left:auto}}
@media(max-width:430px){.nav-wrap{width:calc(100% - 24px);gap:3px}.header .brand img{width:120px}.appearance-control{gap:0}.appearance-control select{font-size:11px;max-width:76px}.language-switch{gap:0;font-size:11px}.language-switch a{min-width:28px}}

/* Dark surfaces keep the green, gold and terracotta visual language. */
html[data-appearance="dark"]{--paper:#111e19;--ink:#eaf2e7;--muted:#b6cbbd;--line:#3a5146;--green:#a8d7ad;--red:#f0917d;--lime:#ebd66f;--white:#fff}
html[data-appearance="dark"] body{background:var(--paper);color:var(--ink)}
html[data-appearance="dark"] .header{background:rgba(20,35,28,.97)}
html[data-appearance="dark"] .header .brand img{background:#f7f7ef;border-radius:6px;padding:4px}
html[data-appearance="dark"] .appearance-control,html[data-appearance="dark"] .language-switch{color:#d5e6d6}
html[data-appearance="dark"] .appearance-control option{background:#1b3027;color:#edf5e9}
html[data-appearance="dark"] .language-switch a[aria-current="true"]{background:#365846;color:#fff}
html[data-appearance="dark"] nav a.current:not(.nav-cta){color:#ffae9c}
html[data-appearance="dark"] .nav-cta,html[data-appearance="dark"] .nav-cta.current{background:#4a805d;color:#fff}
html[data-appearance="dark"] .hero{background:radial-gradient(circle at 55% 15%,#31402a,transparent 30%),var(--paper)}
html[data-appearance="dark"] .hub-art{background:linear-gradient(140deg,#453f29,#23392e 55%,#493630);border-color:#526451}
html[data-appearance="dark"] .hub-art .core{background:#f7f7ef;border-color:#d7ded1}
html[data-appearance="dark"] .orbit-label{background:#eaf0df;color:#173b2d;border-color:#c6d3bd}
html[data-appearance="dark"] .orbit-label.l2{background:#e8c44d;color:#173b2d}
html[data-appearance="dark"] .orbit-label.l4{background:#b84734;color:#fff}
html[data-appearance="dark"] .art-top,html[data-appearance="dark"] .art-bottom{color:#e3eddd}
html[data-appearance="dark"] .manifesto{background:linear-gradient(115deg,#30392b,#1c3027 60%,#3b2c29)}
html[data-appearance="dark"] .manifesto p:last-child,html[data-appearance="dark"] .page-intro>p:last-child,html[data-appearance="dark"] .section-closer p:not(.closer-line),html[data-appearance="dark"] .about-story p:not(.eyebrow),html[data-appearance="dark"] .blog-teaser p:last-child{color:#c4d6c7}
html[data-appearance="dark"] .world-card{color:#f5f7ee}
html[data-appearance="dark"] .wc-labs{background:#294837}
html[data-appearance="dark"] .wc-play{background:#625028}
html[data-appearance="dark"] .wc-systems{background:linear-gradient(130deg,#244c3d,#44372c)}
html[data-appearance="dark"] .wc-sf{background:#663f37}
html[data-appearance="dark"] .wc-labs i,html[data-appearance="dark"] .wc-play i,html[data-appearance="dark"] .wc-sf i{color:#ffab91}
html[data-appearance="dark"] .folio-card.green{background:#263f31}
html[data-appearance="dark"] .folio-card.yellow{background:#514728}
html[data-appearance="dark"] .folio-card.red{background:#543630}
html[data-appearance="dark"] .folio-card p,html[data-appearance="dark"] .folio-foot{color:#d3dfd0}
html[data-appearance="dark"] .folio-foot{border-color:#718579}
html[data-appearance="dark"] .folio-foot a{background:#d9e7ce;color:#173b2d}
html[data-appearance="dark"] .project-monogram{background:#e1edcb;color:#183b2d}
html[data-appearance="dark"] .section-closer,html[data-appearance="dark"] .quote-band,html[data-appearance="dark"] .sf-note{background:#20372b}
html[data-appearance="dark"] .wide-cta{background:#1e3a2d;color:#f2f6ed}
html[data-appearance="dark"] .button.primary{background:#c6dcad;color:#102b1e}
html[data-appearance="dark"] .button.primary:hover{background:#e3edcb}
html[data-appearance="dark"] .button.light{background:#ebd66f;color:#1e3022}
html[data-appearance="dark"] .system-visual{color:#f8f8f2}
html[data-appearance="dark"] .sf-focus{background:linear-gradient(125deg,#253d42,#263a31 60%,#493e2b);border-color:#536e6f}
html[data-appearance="dark"] .sf-focus .eyebrow,html[data-appearance="dark"] .sf-focus p:last-child{color:#c6dfdc}
html[data-appearance="dark"] .sf-focus strong{color:#9ed5ef}
html[data-appearance="dark"] .sf-flow{background:radial-gradient(circle,#466d72,#304b45)}
html[data-appearance="dark"] .about-stamp{background:#f7f7ef;color:#173b2d}
html[data-appearance="dark"] .blog-teaser{background:#3a3329}
html[data-appearance="dark"] .contact-page .channel-card{background:#4a402a}
html[data-appearance="dark"] .contact-form{background:#1e3d2e;color:#f4f8ef}
html[data-appearance="dark"] .contact-form .form-top h2{color:#f4f8ef}
html[data-appearance="dark"] .contact-form input,html[data-appearance="dark"] .contact-form select,html[data-appearance="dark"] .contact-form textarea{background:#294b3a;color:#fff;border-color:#779582}
html[data-appearance="dark"] .contact-form input::placeholder,html[data-appearance="dark"] .contact-form textarea::placeholder{color:#cedbd0}
html[data-appearance="dark"] .contact-form .form-submit{background:#ebd66f;color:#173b2d}
html[data-appearance="dark"] .footer{background:#091711;color:#f7f8f0}
html[data-appearance="dark"] .footer p,html[data-appearance="dark"] .footer small,html[data-appearance="dark"] .footer-links a{color:#d3e4d2}
html[data-appearance="dark"] .mobile-nav,html[data-appearance="dark"] .mobile-nav.open{background:rgba(18,34,26,.98)}
html[data-appearance="dark"] .mobile-nav a,html[data-appearance="dark"] .mobile-nav a:not(.nav-cta){color:#c5d8c8}
html[data-appearance="dark"] .mobile-nav a.current,html[data-appearance="dark"] .mobile-nav a[aria-current="page"],html[data-appearance="dark"] .mobile-nav a:hover{background:#345542;color:#fff}
html[data-appearance="dark"] .editorial-card,html[data-appearance="dark"] .editorial-empty,html[data-appearance="dark"] .editorial-sources{background:#20372b}
html[data-appearance="dark"] .editorial-card:nth-child(even){background:#40352b}
html[data-appearance="dark"] .editorial-card p:not(.editorial-kicker),html[data-appearance="dark"] .editorial-deck{color:#d0dfd1}
html[data-appearance="dark"] .editorial-search-row input{background:#294536;color:#fff}
html[data-appearance="dark"] .editorial-search-row button{background:#c6dcad;color:#102b1e}
html[data-appearance="dark"] .editorial-body strong,html[data-appearance="dark"] .editorial-body em{color:#f3f7ed}

/* Theme and language share one compact corner in the public header. */
.header .header-settings{order:4;margin-left:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;flex:0 0 86px;min-width:86px}
.header-settings .appearance-control{order:0;justify-content:center;gap:2px;min-height:30px;margin:0;font-size:11px}
.header-settings .appearance-icon{font-size:14px}
.header-settings .appearance-control select{font-size:11px;min-height:30px;max-width:72px;padding:2px 0;margin:0}
.header-settings .language-switch,.header-settings nav.blog-language{position:static;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3px;width:auto;min-height:30px;margin:0;padding:0;border:0;background:transparent;color:inherit;font:700 11px/1 Arial,sans-serif;letter-spacing:.04em}
.header-settings .language-switch a,.header-settings nav.blog-language a{display:inline-flex;justify-content:center;align-items:center;min-width:31px;min-height:30px;padding:0!important;border-radius:5px;color:inherit}
.header-settings nav.blog-language a[aria-current="page"]{background:#e5ebdb;color:#153e35}
html[data-appearance="dark"] .header-settings nav.blog-language a[aria-current="page"]{background:#365846;color:#fff}
.header .menu-toggle{margin-left:auto}
@media(max-width:820px){.header .header-settings{margin-left:auto}}
@media(max-width:430px){.header .header-settings{flex-basis:78px;min-width:78px}.header .brand img{width:120px}}

/* Copyright remains visually quiet; keyboard focus stays visible. */
.copyright-trigger{display:inline;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}
