.oo-appearance-control{display:inline-flex;align-items:center;flex-shrink:0;gap:8px;font:14px/1.4 system-ui,sans-serif;margin-left:auto}
.oo-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}
.oo-appearance-control select{font:inherit;color:var(--ink);background:var(--surface,#fffefb);border:1px solid var(--line);border-radius:7px;min-height:44px;padding:8px 28px 8px 12px;cursor:pointer;max-width:120px}
.oo-appearance-control select:focus-visible{outline:3px solid #98612c;outline-offset:3px}
:root[data-oo-surface=demo] body>header{flex-wrap:wrap}
:root[data-oo-surface=public][data-appearance=dark]{--paper:#16241d;--surface:#213027;--ink:#e6eddf;--green:#244c3f;--muted:#b3c2b1;--line:#405247;--gold:#d4bf82}
:root[data-oo-surface=public][data-appearance=dark] .reading-strip,
:root[data-oo-surface=public][data-appearance=dark] .product-legal-notice,
:root[data-oo-surface=public][data-appearance=dark] .end-note{background:#26392d}
:root[data-oo-surface=public][data-appearance=dark] :is(.hero h1 em,.learn-hero em,.number,.card-meta){color:#b5c9a5}
:root[data-oo-surface=public][data-appearance=dark] :is(.directory-heading p,.card-copy p,.lesson-heading p:not(.eyebrow),.source-note,.reading-area figcaption span,.learning-footer p){color:var(--muted)}
:root[data-oo-surface=public][data-appearance=dark] :is(.rule-card,.reading-area figure,.zoom-bar,input,button){background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-oo-surface=public][data-appearance=dark] :is(.card-art,dialog){background:#1c2c23;color:var(--ink)}
:root[data-oo-surface=public][data-appearance=dark] :is(.rule-directory,.lesson,.learning-footer,.source-note,.guide-card){border-color:var(--line)}
:root[data-oo-surface=public][data-appearance=dark] button{box-shadow:0 3px 0 #0c1912}
:root[data-oo-surface=public][data-appearance=dark] button:hover{background:#314a3b}
:root[data-oo-surface=public][data-appearance=dark] :is(button[aria-pressed=true],.step[aria-current=step]){background:#b5c9a5;color:#16241d;border-color:#b5c9a5}
:root[data-oo-surface=public][data-appearance=dark] :is(#image-error,#load-error){background:#493528;color:#fff0d3}
:root[data-oo-surface=public][data-appearance=dark] .skip{background:var(--surface)}
/* Educational artwork keeps its own approved palette in both modes. */
@media(max-width:1050px) and (min-width:621px){.masthead{flex-wrap:wrap;gap:16px}.masthead nav{order:2;width:100%;margin:0;justify-content:center}}
@media(max-width:620px){.masthead .oo-appearance-control{grid-column:2;grid-row:2;justify-self:end}.masthead nav{grid-row:3}.masthead .oo-appearance-control select{min-height:40px}.oo-appearance-control{font-size:13px}:root[data-oo-surface=demo] .oo-appearance-control{order:3;width:100%;justify-content:flex-end;margin-top:4px}}