/* Light retains every original color fallback. Dark tokens exist only on screen,
   so print documents and standalone PDF/email templates remain light. */
:root{color-scheme:light}
.appearance-control{display:flex;align-items:center;gap:8px;font:13px/1.4 Arial,Helvetica,sans-serif;letter-spacing:normal;color:inherit}
.appearance-control select{font:inherit;min-height:44px;max-width:100%;padding:8px 28px 8px 10px;border:1px solid var(--appearance-border,#a8bed7);border-radius:7px;color:var(--appearance-text,#183754);background:var(--appearance-surface,#fff);cursor:pointer}
.site-footer .appearance-control{margin-top:12px;flex-wrap:wrap}
.site-footer .appearance-footer-status{margin:6px 0 0;font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--appearance-muted,#526d9c);max-width:36ch;overflow-wrap:anywhere}.appearance-footer-status:empty{display:none}
.appearance-panel{margin:0 0 20px;padding:24px;border:1px solid var(--appearance-border,#d9e9fa);border-radius:10px;background:var(--appearance-surface,#fff);color:var(--appearance-text,#102657)}
.appearance-panel h2{font-size:20px;margin:0 0 6px}.appearance-panel>p{font-size:14px;color:var(--appearance-muted,#526d9c);line-height:1.6;margin:6px 0 16px}
.appearance-choices{display:flex;gap:12px;border:0;padding:0;margin:0;min-width:0}
.appearance-choice{position:relative;cursor:pointer;min-width:0;flex:1}
.appearance-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.appearance-choice>span{display:flex;flex-direction:column;gap:8px;border:1px solid var(--appearance-border,#b8cde5);border-radius:9px;padding:14px;color:var(--appearance-text,#102657);height:100%}
.appearance-choice strong{font-size:14px}.appearance-choice small{font-size:12px;line-height:1.5;color:var(--appearance-muted,#526d9c)}
.appearance-choice input:checked+span{border-color:var(--appearance-link,#066bff);box-shadow:0 0 0 1px var(--appearance-link,#066bff);background:var(--appearance-raised,#f1f7ff)}
.appearance-choice input:focus-visible+span{outline:3px solid var(--appearance-focus,#086bfa);outline-offset:4px}
.appearance-swatch{display:block;height:56px;padding:9px;border-radius:5px;border:1px solid #a8bed7;background:#edf5ff;overflow:hidden}
.appearance-swatch:before,.appearance-swatch:after{content:"";display:block;height:9px;width:65%;background:#6281aa;border-radius:3px;margin-bottom:7px}
.appearance-swatch:after{width:90%;height:16px;background:#fff}
.appearance-swatch.dark{background:#0e192b;border-color:#4b6382}.appearance-swatch.dark:before{background:#9cb6d7}.appearance-swatch.dark:after{background:#223650}
.appearance-swatch.system{background:linear-gradient(90deg,#edf5ff 50%,#0e192b 50%)}
.appearance-panel .appearance-status{font-size:13px;margin:16px 0 0}
.appearance-dark-logo{display:none!important}
@media screen{
 html[data-appearance=dark]{
  color-scheme:dark;
  --appearance-text:#e4edf7;--appearance-muted:#a9bdd5;--appearance-inverse:#f3f7fd;
  --appearance-surface:#142238;--appearance-raised:#1b2e47;--appearance-deep:#0d192b;
  --appearance-border:#425872;--appearance-focus:#91c4ff;--appearance-link:#8cc5ff;
  --appearance-primary:#0860cf;--appearance-wash:rgba(132,178,234,.09);--appearance-shadow:rgba(0,6,18,.3);
  --appearance-green:#79deb5;--appearance-green-surface:#123b34;
  --appearance-gold:#f5d17d;--appearance-gold-surface:#3c321b;
  --appearance-orange:#ffbb89;--appearance-orange-surface:#422c22;
  --appearance-red:#ffa5b2;--appearance-red-surface:#422534;
  --appearance-purple:#ccb1ff;--appearance-purple-surface:#322945;
  background:#0d192b;color:var(--appearance-text);
 }
 html[data-appearance=dark] body{background:#0d192b;color:var(--appearance-text)}
 html[data-appearance=dark] .appearance-light-logo{display:none!important}
 html[data-appearance=dark] .appearance-dark-logo{display:block!important}
 html[data-appearance=dark] :is(input,select,textarea){color:var(--appearance-text);background-color:var(--appearance-deep);border-color:#587493;accent-color:#78b6ff}
 html[data-appearance=dark] :is(input,textarea)::placeholder{color:#9eb2cd;opacity:1}
 html[data-appearance=dark] option{background:#142238;color:#e4edf7}
 html[data-appearance=dark] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--appearance-focus)}
 html[data-appearance=dark] dialog::backdrop{background:rgba(2,8,20,.78)}
 html[data-appearance=dark] ::selection{background:#315784;color:#fff}
 html[data-appearance=dark] :is(.create-account,.gold-button){background:#f3c45b;color:#102239;border-color:#f3c45b}
 html[data-appearance=dark] .weather-panel{background-image:linear-gradient(90deg,rgba(8,25,47,.94),rgba(8,25,47,.74)),url('cities/los-angeles.jpg')}
 /* Dynamic inline AQI colors stay on the indicator, never dark text on dark. */
 html[data-appearance=dark] .aq-hero{background:linear-gradient(120deg,#142238,#193342)}
 html[data-appearance=dark] :is(.aq-number,.aq-day strong){background:#142238;color:#e4edf7}
 html[data-appearance=dark] .aq-badge{color:#79deb5;background:#123b34}
 html[data-appearance=dark] :is(.aq-category-table,.aq-guide-table) :is(td,th){color:#e4edf7}
 html[data-appearance=dark] :is(.analytics-chart,.report-chart,.chart) text{fill:var(--appearance-muted)}
 html[data-appearance=dark] svg [stroke="#dde8f5"],html[data-appearance=dark] svg [stroke="#edf2f9"]{stroke:#425872}
 html[data-appearance=dark] svg [stroke="#086bfa"]{stroke:#78b6ff}
 html[data-appearance=dark] svg [stroke="#8052ce"]{stroke:#ccb1ff}
 html[data-appearance=dark] .analytics-key{background:#78b6ff}
 html[data-appearance=dark] .analytics-key.paid{background:#ccb1ff}
 html[data-appearance=dark] :is(#aq-legend i,.guide-scale-dot){box-shadow:0 0 0 1px #a9bdd5}
 html[data-appearance=dark] svg [stroke="#edf3fa"],html[data-appearance=dark] svg [stroke="#e3edf9"],html[data-appearance=dark] svg [stroke="#e7eef8"],html[data-appearance=dark] svg [stroke="#b2d1eb"]{stroke:#425872}
 html[data-appearance=dark] svg [fill="#e4f1ff"],html[data-appearance=dark] svg [fill="#dcefff"],html[data-appearance=dark] svg [fill="#fbfdff"]{fill:#1b3555}
 html[data-appearance=dark] svg [fill="#dcf7ed"]{fill:#123b34}
 html[data-appearance=dark] svg [fill="#8052ce"]{fill:#ccb1ff}
 /* Payment marks are original brand artwork, on a deliberate light badge. */
 html[data-appearance=dark] img[src*="assets/payments/"]{background:#f5f8fc;border-radius:4px;padding:3px}
 /* Calendar paper previews stay light intentionally; export is a separate document. */
 html[data-appearance=dark] iframe{color-scheme:light}
}
@media(max-width:520px){.appearance-panel{padding:18px}.appearance-choices{gap:8px}.appearance-choice>span{padding:10px 8px}.appearance-choice small{font-size:11px}.appearance-swatch{height:46px}}
@media print{.appearance-control,.appearance-panel,.appearance-footer-status{display:none!important}.appearance-dark-logo{display:none!important}.appearance-light-logo{display:block!important}:root{color-scheme:light!important}body{background:white!important;color:#102657!important}}

/* Shared header placement across public, account and admin pages. */
header .appearance-header-control{
 display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap;
 margin:0;min-width:0;color:var(--appearance-text,inherit);font-size:13px;
}
header .appearance-header-control select{
 min-height:36px;max-width:108px;padding:5px 22px 5px 9px;border-radius:7px;
 border:1px solid var(--appearance-border,#a8bed7);background:var(--appearance-surface,#fff);
 color:var(--appearance-text,#183754);font:inherit;
}
header .appearance-header-status{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;
 clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
@media(max-width:700px){
 header .appearance-header-control{font-size:12px;gap:4px}
 header .appearance-header-control select{min-height:34px;max-width:96px;padding:4px 18px 4px 5px}
 header :is(.account,.header-right,.header-actions){flex-wrap:wrap;row-gap:6px}
}

/* Privileged Admin browser-only ad-placement toolbar. Never rendered for visitors. */
.sky-admin-ad-preview{
 display:flex;align-items:center;justify-content:center;gap:14px;
 width:100%;box-sizing:border-box;padding:7px 16px;
 background:var(--appearance-raised,#e8f0fc);
 color:var(--appearance-text,#25486e);
 border-bottom:1px solid var(--appearance-border,#cbd9eb);
 font:12px/1.5 Arial,Helvetica,sans-serif;
}
.sky-admin-ad-preview strong{font-size:11px;letter-spacing:.04em}
.sky-admin-ad-preview label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.sky-admin-ad-preview select{
 padding:5px 8px;border:1px solid var(--appearance-border,#a8bed7);
 border-radius:5px;background:var(--appearance-surface,#fff);
 color:var(--appearance-text,#183754);font:inherit;min-height:34px;
}
.sky-admin-ad-preview .sky-admin-ad-status{font-size:11px;color:var(--appearance-muted,#526b95)}
@media(max-width:540px){.sky-admin-ad-preview{flex-wrap:wrap;gap:4px 12px;padding:6px 10px}.sky-admin-ad-status{width:100%;text-align:center}}
@media print{.sky-admin-ad-preview{display:none!important}}

/* The public header checks the session before offering guest actions. */
html[data-appearance][data-account-appearance]:not([data-public-account-view]):not(:has(#signin-form)) body > header :is(.account, .premium-header-actions):has(> a[href$="premium.html#free-signup"]) > :is(a[href="signin.html"], a[href="/signin.html"], a[href$="premium.html#free-signup"]) {
  visibility: hidden;
}
html[data-public-account-view="pending"] [data-public-guest-link] {
  visibility: hidden;
}
html[data-public-account-view]:not([data-public-account-view="member"]) [data-public-member-link],
html:is([data-public-account-view="member"], [data-public-account-view="unknown"]) [data-public-guest-link],
html[data-public-account-view="guest"] [data-public-guest-link]:is([aria-disabled="true"], [hidden]) {
  display: none !important;
}
html[data-public-account-view="unknown"] [data-public-member-link][data-public-account-fallback] {
  display: inline-flex !important;
}
[data-public-account-group] {
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .premium-public-header .premium-header-actions[data-public-account-group] {
    flex: 1 1 100%;
    min-width: 0;
    max-width: 100%;
    justify-content: flex-end;
  }
}
[data-public-account-destinations] > [data-public-member-link] {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 44px;
}
[data-public-account-destinations] > [data-public-member-link]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
[data-public-account-destinations] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 4px 12px;
}
html:is([data-public-account-view="pending"], [data-public-account-view="guest"]) [data-public-account-destinations] {
  display: none;
}
@media (max-width: 600px) {
  html[data-public-account-view="member"] [data-public-account-group],
  [data-public-account-destinations] {
    justify-content: center;
  }
}