/* Loaded only by public HTML, never by the studio-admin shell. */
.site-appearance{display:flex;align-items:center;gap:8px;margin:0;font:600 12px/1.5 system-ui,sans-serif;color:inherit;order:3;flex-shrink:0}
.site-appearance select{display:inline-block;width:auto;max-width:110px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #788779;border-radius:14px;background:#fbf8f0;color:#153f40;font:14px/1.5 system-ui,sans-serif}
header nav:has(.site-appearance){flex-wrap:wrap;gap:16px;padding-block:18px}
main>.site-appearance,body>.site-appearance{justify-content:flex-end;padding:16px 22px}
:root[data-site-theme=light]{color-scheme:light}
:root[data-site-theme=dark]{color-scheme:dark;--paper:#1e2b25;--ink:#e9eddf;--teal:#9bdfca;--muted:#bcc9b9;--line:#71836c;--coral:#f1b38c;--gold:#e8bd80;background:#1e2b25;color:#e9eddf}
:root[data-site-theme=dark] body{color-scheme:dark;background:#1e2b25;color:#e9eddf}
:root[data-site-theme=dark] body :is(h1,h2,h3,h4,.brand,summary,label){color:#e9eddf}
:root[data-site-theme=dark] body :is(p,li,.lead,.small,.muted,.updated,.empty,.eyebrow,.studio-caption,.artcaption,figcaption,.hand-note,.art-note,.hero-note,.quote-signature,.quote-label,footer,.split-harbor-subtitle,.sectionhead span){color:#bcc9b9}
:root[data-site-theme=dark] body :is(a,h1 em,.text-link,.textlink){color:#9bdfca}
:root[data-site-theme=dark] body :is(header,footer,details,.contact,.sectionhead,.status-row,td,th){border-color:#71836c}
:root[data-site-theme=dark] body :is(.app-card,.appcard,.panel,.card,.record,details,.notice,.callout,.little-thought){background:#28392f;border-color:#71836c;color:#e9eddf;box-shadow:none}
:root[data-site-theme=dark] body :is(.button,button:not(.link)){background:#9bdfca!important;color:#123e32!important;border-color:#9bdfca}
:root[data-site-theme=dark] body :is(.button.secondary,.secondary,footer a,.support-shortcut){background:#28392f!important;color:#c1efdf!important;border-color:#8d9f89}
:root[data-site-theme=dark] body :is(.button,button):hover{filter:brightness(1.08)}
:root[data-site-theme=dark] body :is(input,select,textarea){background:#28392f;color:#e9eddf;border-color:#8d9f89}
:root[data-site-theme=dark] body :is(input,textarea)::placeholder{color:#bcc9b9;opacity:1}
:root[data-site-theme=dark] body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #e8bd80;outline-offset:4px}
:root[data-site-theme=dark] body :is(.badge,.badges span,.pill){background:#36483e;color:#e9eddf;border-color:#8d9f89}
:root[data-site-theme=dark] body .badge.operational{background:#254b38;color:#bcf0cc}
:root[data-site-theme=dark] body :is(.badge.degraded,.badge.maintenance){background:#574524;color:#ffe3a0}
:root[data-site-theme=dark] body :is(.badge.major_outage,.badge.partial_outage){background:#59332f;color:#ffc5bc}
:root[data-site-theme=dark] body :is(.error,.save-warning){color:#ffc5bc}
:root[data-site-theme=dark] body :is(.scene,.card-art img,.studio-art,.group-illustration img,.status-lookout){mix-blend-mode:normal;background:#eee8d8;border-radius:20px;mask-image:none;-webkit-mask-image:none;opacity:1}
:root[data-site-theme=dark] body .card-art{mask-image:none;-webkit-mask-image:none;border-radius:20px}
:root[data-site-theme=dark] body .hero-art:after{display:none}
:root[data-site-theme=dark] body :is(#welcome-quote,.welcome-quote){color:#e9eddf}
:root[data-site-theme=dark] body .quote-mark{color:#e8bd80}
:root[data-site-theme=dark] body .skip:focus{background:#28392f;color:#e9eddf}
@media(max-width:700px){header nav:has(.site-appearance){gap:12px}.site-appearance{margin-left:auto}.navlinks{flex-wrap:wrap}body .status-row{flex-wrap:wrap}body .badge{white-space:normal}body .art-note{position:static;display:block;margin-top:12px}body .article{overflow-wrap:anywhere}}
:root[data-site-theme=dark] body:has(main>header) main>section{background:#28392f;color:#e9eddf}
:root[data-site-theme=dark] body :is(.fine,.hint,.footer,.navlinks a,.principles p,.article p){color:#bcc9b9}
:root[data-site-theme=dark] body .quote-label{color:#bcc9b9!important}
/* Give every public header destination the same button treatment. */
body header .navlinks a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 14px;border:1px solid #bac7b9;border-radius:16px;background:#eef0e5;color:#245f54;font-size:14px;line-height:1.5;text-decoration:none;gap:5px}
body header .navlinks a:hover{background:#e1e8d9;text-decoration:none}
:root[data-site-theme=dark] body header .navlinks a{background:#28392f!important;color:#c1efdf!important;border-color:#8d9f89}
:root[data-site-theme=dark] body header .navlinks a:hover{background:#364b3d!important}
@media(max-width:700px){body header .navlinks{gap:8px;align-items:stretch}body header .navlinks a{font-size:12px;padding:7px 10px;flex:1 1 auto}}

/* Transparent natural-color illustrations, shared with the approved dark study. */
:root[data-site-theme=dark] body :is(.scene,.card-art img,.studio-art,.group-illustration img,.status-lookout){background:transparent;border-radius:0;mix-blend-mode:normal;filter:none;opacity:1;mask-image:radial-gradient(ellipse at center,#000 55%,#000e 72%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse at center,#000 55%,#000e 72%,transparent 98%)}
:root[data-site-theme=dark] body .card-art{border-radius:0}

/* Product-name labels are text, not decorative artwork: preserve dark contrast. */
:root[data-site-theme=dark] body .split-harbor-brand strong{color:#e9eddf}