:root[data-theme="light"]{color-scheme:light;--bg:#f5f8f7;--surface:#fff;--surface2:#eaf2ef;--line:#bacfc7;--text:#102d2b;--ink:#102d2b;--muted:#476360;--accent:#006b56;--mint:#006b56;--danger:#a92622;--amber:#85520a}
.appearance-menu{position:relative;margin-left:12px;flex-shrink:0;z-index:50}.appearance-menu summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;cursor:pointer;border:1px solid var(--line);border-radius:10px;font-size:25px;color:var(--text,var(--ink));padding:0}.appearance-menu summary::-webkit-details-marker{display:none}.appearance-options{position:absolute;right:0;top:54px;min-width:180px;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--surface,#11282c);box-shadow:0 8px 30px #0003}.appearance-options button{padding:12px;min-height:44px;width:100%;border:0;border-radius:6px;background:transparent;color:var(--text,var(--ink));font:600 15px system-ui;cursor:pointer}.appearance-options button:hover{background:var(--surface2,#24433f)}[data-theme-toggle]:focus-visible{outline:3px solid var(--accent,var(--mint));outline-offset:2px}
:root[data-theme="light"] .landing-header .button,:root[data-theme="light"] .hero-actions .button,:root[data-theme="light"] .closing .button{background:#44eac0;color:#05231f}
:root[data-theme="light"] .landing-header,:root[data-theme="light"] .section-rule,:root[data-theme="light"] .story,:root[data-theme="light"] .faq-section{border-color:#bacfc7}
:root[data-theme="light"] .appearance-options{background:#fff}
.landing-header{gap:18px}.landing-header nav{margin-left:auto}@media(max-width:700px){.landing-header{gap:10px}.landing-header .appearance-menu{margin-left:0}.landing-header nav{gap:12px}}
/* Explicit editorial backgrounds retain their palette in either visitor theme. */
.surface-dark,.surface-image{--section-bg:#092127;--section-ink:#eff8f4;--section-muted:#b9cecc;--section-accent:#54e7c0;--section-line:#3c5a5c}
.surface-light{--section-bg:#fafcfb;--section-ink:#102d2b;--section-muted:#476360;--section-accent:#006b56;--section-line:#bacfc7}
.surface-mint{--section-bg:#e0f4eb;--section-ink:#123d32;--section-muted:#355f51;--section-accent:#006349;--section-line:#adcfc0}
html[data-theme] main .surface-dark,html[data-theme] main .surface-light,html[data-theme] main .surface-mint,html[data-theme] main .surface-image{position:relative;isolation:isolate;background:var(--section-bg);color:var(--section-ink);border-color:var(--section-line);border-radius:22px;padding:55px 40px;margin:30px 0;overflow:hidden}
html[data-theme] main [class*="surface-"] h1,html[data-theme] main [class*="surface-"] h2,html[data-theme] main [class*="surface-"] summary{color:var(--section-ink)}
html[data-theme] main [class*="surface-"] p,html[data-theme] main [class*="surface-"] li,html[data-theme] main [class*="surface-"] .hero-body{color:var(--section-muted)}
html[data-theme] main [class*="surface-"] .eyebrow,html[data-theme] main [class*="surface-"] a:not(.button):not(.outline-button){color:var(--section-accent)}
html[data-theme] main [class*="surface-"] .button{background:#44eac0;color:#05231f}html[data-theme] main [class*="surface-"] .outline-button{color:var(--section-ink);border-color:var(--section-line)}
.section-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.surface-image::before{content:"";position:absolute;inset:0;background:rgba(3,20,24,.88);z-index:-1;pointer-events:none}
@media(max-width:700px){html[data-theme] main .surface-dark,html[data-theme] main .surface-light,html[data-theme] main .surface-mint,html[data-theme] main .surface-image{padding:32px 22px;margin:22px 0;border-radius:16px}}