/* Shared manual themes: warm paper by day, layered charcoal and slate-blue by night. */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--paper:#17191b;--rail:#121416;--raise:#202427;--ink:#f2efe9;--body:#cbd0d3;--muted:#a7b0b8;--faint:#85919b;--line:#39424a;--line-soft:#252c31;--acc:#9dc3d8;--accent:#9dc3d8;--brand:#9dc3d8;--acc-ink:#b4d2e3;--acc-soft:#243843;--accent-soft:#243843;--on-acc:#14202a;--deep:#14232d;--warn:#eda99f;--error:#eda99f;--error-soft:#392729;--ok:#9fc5a5;--ok-soft:#23322a;--gold:#dfbd86;--knob:#30383e}
html[data-theme="dark"] body{background:var(--paper);color:var(--body)}
html[data-theme="dark"] :is(.tile,.plan,.integration-card,.app-card,.media-card,.contact-card,.panel){border-color:var(--line)}
html[data-theme="dark"] :is(input,textarea,select)::placeholder{color:var(--muted);opacity:1}
html[data-theme="dark"] :is(.code,.qa details,.media-stamp){background:var(--raise)}
html[data-theme="dark"] .hw-brand img,html[data-theme="dark"] .hw-mark{background:#fdfcfa}
.site-appearance{position:relative;display:inline-block;color:var(--ink);font:500 14px/1.4 var(--sans,var(--font,system-ui));text-align:left;letter-spacing:normal;z-index:40}
.site-appearance summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid var(--line,#d6d0c8);border-radius:10px;background:var(--paper,#fdfcfa);color:var(--ink,#221d19);cursor:pointer;box-sizing:border-box}
.site-appearance summary::-webkit-details-marker{display:none}.site-appearance svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.site-appearance summary:hover{background:var(--raise)}.site-appearance summary:focus-visible,.site-appearance input:focus-visible{outline:2px solid var(--acc,#46738c);outline-offset:3px}
.site-appearance fieldset{position:absolute;top:calc(100% + 8px);right:0;margin:0;min-width:190px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--raise,var(--paper));color:var(--ink);box-shadow:0 16px 40px #0003;z-index:50}
.site-appearance legend{padding:0 6px;font-size:12px;color:var(--muted)}.site-appearance label{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:8px;cursor:pointer;font:500 14px/1.4 var(--sans,var(--font,system-ui));color:var(--ink)}
.site-appearance label:hover{background:var(--paper)}.site-appearance input[type=radio]{appearance:auto!important;position:static!important;opacity:1!important;width:18px!important;height:18px!important;min-height:18px!important;min-width:18px!important;margin:0;accent-color:var(--acc);flex:none}
.site-theme-header{margin-left:8px;flex:none}.site-theme-header summary{width:44px;padding:10px;justify-content:center}.site-theme-header .appearance-label{display:none}
.site-theme-mobile{display:none}.appearance-footer{display:flex;justify-content:flex-end;padding:20px 24px;box-sizing:border-box;width:100%}.appearance-footer fieldset{top:auto;bottom:calc(100% + 8px)}
header:not(.top) .site-theme-header{float:right;margin:0 0 8px 12px}
@media(max-width:1100px){header.top .site-theme-header{display:none}.site-theme-mobile{display:block;margin:8px 0}.site-theme-mobile summary{justify-content:flex-start}.site-theme-mobile fieldset{position:static;box-shadow:none;margin-top:8px;min-width:0}.site-theme-mobile[open]{padding-bottom:4px}}
@media(max-width:420px){.appearance-footer{padding:16px}.site-appearance fieldset{min-width:170px}}
@media(prefers-reduced-motion:reduce){.site-appearance *{scroll-behavior:auto}}
@media(forced-colors:active){.site-appearance summary,.site-appearance fieldset{border-color:ButtonText}}
@media print{.site-appearance,.appearance-footer{display:none!important}}
html[data-theme="dark"] :is(.band,.period){--muted:#a7b0b8}
html[data-theme="dark"] :is(input:not([type=radio],[type=checkbox],[type=range]),textarea,select){border-color:#6a7883;background:var(--raise);color:var(--ink)}
html[data-theme="dark"] :is(.tile,.integration-card,.app-card,.media-card,.contact-card),html[data-theme="dark"] .plan:not(.featured){background:var(--raise)}
html[data-theme="dark"] .plan.featured{border-color:#567b91}
html[data-theme="dark"] .media-featured{background:var(--paper)}
html[data-theme="dark"] :is(.askbox,.start .askbox){background:var(--raise);border-color:#6a7883}
html[data-theme="dark"] :is(.askbox,.start .askbox) textarea{background:transparent;color:var(--ink)}
html[data-theme="dark"] .start .ask-go{background:var(--acc);color:var(--on-acc)}
html[data-theme="dark"] img[src="/apps/icons/apple.svg"],html[data-theme="dark"] .integration-icon[src="/integrations/mark.svg"]{background:#fdfcfa;padding:5px;border-radius:7px;box-sizing:content-box}
.appearance-footer{grid-column:1 / -1}.foot-end .appearance-footer{width:auto;padding:0}

@media print{html[data-theme]{color-scheme:light!important;--paper:#fff;--raise:#fff;--ink:#111;--body:#222;--muted:#444;--line:#ccc}html[data-theme] body{background:#fff;color:#222}}

/* Utility pages retain their compact header; the labeled control has its own row. */
.appearance-utility{display:flex;justify-content:flex-end;box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:12px 20px 0}
footer.has-appearance{flex-wrap:wrap}.appearance-footer{min-width:0;flex:1 0 100%}.foot-end .appearance-footer{flex:0 0 auto}
html[data-theme="dark"] .extension-trial :is(main,#retry){background:var(--raise);color:var(--ink)}
html[data-theme="dark"] .extension-guide a{color:var(--acc)}
html[data-theme="dark"] .extension-guide .button{background:var(--acc);color:var(--on-acc)}
@media print{.appearance-utility{display:none!important}}