/* Shared appearance control. Palette variants are generated per stylesheet. */
.site-header>.theme-control,.room-nav>.theme-control{display:flex;align-items:center;gap:8px;margin:0;font:13px/1.3 system-ui,sans-serif;color:#f2f3e9;order:5}
.theme-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.theme-control select{font:14px/1.2 system-ui,sans-serif;min-height:40px;padding:8px 7px;border:1px solid #82998a;border-radius:5px;background:#173e35;color:#fff8e5;max-width:90px;cursor:pointer;color-scheme:dark}
.theme-control select:focus-visible{outline:3px solid #dfbd78;outline-offset:3px}
@media(max-width:1000px){.site-header{flex-wrap:wrap;gap:12px}.site-header>nav{order:10;flex-basis:100%;justify-content:center}.site-header>.atlas-account-link{margin-left:auto}.site-header>.theme-control{margin-left:auto}.site-header:has(.atlas-account-link)>.theme-control{margin-left:0}.site-header>.atlas-account-link{order:4}}
@media(max-width:450px){.site-header>.site-brand{flex:1 1 calc(100% - 100px)}.site-header>.theme-control{order:1;margin-left:auto}.site-header>.atlas-account-link{order:11;margin:0 auto}.site-header>nav{order:10}}
@media screen{
 html[data-theme=dark]{background:#111a18;color-scheme:dark}
 html[data-theme=dark] body{background-color:#111a18;color:#e1e8df}
 html[data-theme=dark] :is(.site-header,.room-nav){background:#152b23;color:#f2f3e9}
 html[data-theme=dark] :is(.resource-card,.sangha-card,.account-panel,.atlas-dialog,.path-card,.branch-node,#branch-detail){background-color:#1b2723}
 html[data-theme=dark] :is(.resource-filter-panel,.sangha-search,.everyday-example,.talk-player,.section-nav){background-color:#22322b}
 html[data-theme=dark] :is(input,textarea,select){color-scheme:dark}
 html[data-theme=dark] ::placeholder{color:#a6b5a8;opacity:1}
 html[data-theme=dark] ::selection{background:#49694e;color:#fff9e9}
 html[data-theme=dark] .leaflet-popup-content-wrapper,html[data-theme=dark] .leaflet-popup-tip{background:#1b2723;color:#e1e8df}
 html[data-theme=dark] .leaflet-control a{background:#22322b;color:#e1e8df}
 html[data-theme=dark] .leaflet-control-attribution{background:#1b2723e8;color:#e1e8df}
 html[data-theme=dark] .leaflet-control-attribution a{color:#b6d4ac}
}
@media print{.theme-control{display:none!important}html,body{color-scheme:light!important}}