/* Calm is the original CPC palette; the other modes preserve the same layout. */
:root{--muted:#56666c;--surface:#fff;--soft:#edf1e9;--cta:#e8e3f0;--button-bg:#2268ad;--button-text:#fff;--button-hover:#173d62;--header:rgba(250,248,242,.98)}
:root[data-appearance="clear"]{color-scheme:light;--blue:#135796;--deep:#163c61;--ink:#142f40;--muted:#435b67;--cream:#fff;--sage:#edf3f5;--lavender:#edf0f8;--peach:#f4eee6;--line:#899ba6;--sky:#eaf2f8;--surface:#fff;--soft:#edf3f5;--cta:#eaf2f8;--header:#fff;--button-bg:#135796;--button-hover:#123d64}
:root[data-appearance="evening"]{color-scheme:dark;--blue:#9dcaff;--deep:#d9eaff;--ink:#f3f0e9;--muted:#bccbd6;--cream:#142431;--sage:#223a3d;--lavender:#30364a;--peach:#413833;--line:#607581;--sky:#233e55;--surface:#1c303e;--soft:#203541;--cta:#30364a;--header:#142431;--button-bg:#a8d0ff;--button-text:#142431;--button-hover:#d2e6ff}
.appearance-bar{background:var(--soft);border-bottom:1px solid var(--line);position:relative;z-index:110}
.appearance-bar[hidden]{display:none}.appearance-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px}.appearance-invitation{font-size:.76rem;color:var(--ink)}
.appearance-picker{position:relative;font-size:.8rem}.appearance-picker>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-height:44px;color:var(--blue);font-weight:600}.appearance-picker>summary::-webkit-details-marker{display:none}.appearance-picker>summary:after{content:'⌄';margin-left:5px}.appearance-picker[open]>summary:after{content:'⌃'}
.appearance-panel{position:absolute;right:0;top:calc(100% + 8px);width:330px;max-width:calc(100vw - 36px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 16px 40px #0003;max-height:calc(100dvh - 80px);overflow:auto;text-align:left}
.appearance-panel fieldset{border:0;padding:0;margin:0;min-width:0}.appearance-panel legend{font-size:1.05rem;font-weight:650;padding:0}.appearance-panel fieldset>p{font-size:.8rem;color:var(--muted);margin:7px 0 16px}.appearance-panel label{display:flex;align-items:center;gap:12px;padding:12px 10px;border:1px solid var(--line);border-radius:9px;margin:9px 0;cursor:pointer;font-weight:400}.appearance-panel label:has(input:checked){border:2px solid var(--blue);padding:11px 9px;background:var(--sky)}.appearance-panel input{width:18px;height:18px;padding:0;margin:0;flex-shrink:0;accent-color:var(--blue)}.appearance-panel strong,.appearance-panel small{display:block}.appearance-panel strong{font-size:.88rem}.appearance-panel small{font-size:.73rem;color:var(--muted)}.appearance-swatch{width:27px;height:30px;border:1px solid #82919b;border-radius:7px;flex-shrink:0}.swatch-calm{background:linear-gradient(135deg,#faf8f2 50%,#e5eddf 50%)}.swatch-clear{background:linear-gradient(135deg,#fff 50%,#135796 50%)}.swatch-evening{background:linear-gradient(135deg,#142431 50%,#a8d0ff 50%)}.appearance-storage{font-size:.73rem;line-height:1.6;color:var(--muted);margin:16px 0}.appearance-done{width:100%;min-height:44px;border:1px solid var(--blue);border-radius:7px;background:var(--button-bg);color:var(--button-text);font-weight:600;cursor:pointer}
html[data-appearance] .site-header{background:var(--header)}
html[data-appearance] .site-footer,html[data-appearance] .fit-strip,html[data-appearance] .page-hero{background:var(--soft)}
html[data-appearance] .cta{background:var(--cta)}
html[data-appearance] .button{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text)!important;transition:none}
html[data-appearance] .button:hover,html[data-appearance] .appearance-done:hover{background:var(--button-hover)}
html[data-appearance] .button-secondary{background:transparent;color:var(--blue)!important;border-color:var(--blue)}
html[data-appearance] .button-secondary:hover{background:var(--sky)}
html[data-appearance="evening"] .brand img,html[data-appearance="evening"] .footer-logo{background:#faf8f2;border-radius:9px;padding:8px}
html[data-appearance="evening"] .section-soft,html[data-appearance="evening"] .capability,html[data-appearance="evening"] .proof-name,html[data-appearance="evening"] .agenda-row,html[data-appearance="evening"] .format-table,html[data-appearance="evening"] input,html[data-appearance="evening"] textarea,html[data-appearance="evening"] select,html[data-appearance="evening"] .not-item{background:var(--surface)}
html[data-appearance="evening"] .capability:nth-child(2){background:var(--peach)}html[data-appearance="evening"] .capability:nth-child(3){background:var(--lavender)}html[data-appearance="evening"] .capability:nth-child(4){background:var(--sky)}
html[data-appearance="evening"] .offer{background:var(--lavender);border-color:var(--line)}html[data-appearance="evening"] .offer.primary{background:var(--sky);border-color:var(--line)}
html[data-appearance="evening"] .agenda-row.break{background:var(--sage)}
html[data-appearance="evening"] .art-caption{background:var(--surface);border-color:var(--line)}
html[data-appearance="evening"] .error-notice{background:#4a2e28;color:#ffe5db}
html[data-appearance="evening"] .cookie-banner{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-appearance="evening"] .cookie-manage{color:var(--blue)}
html[data-appearance="clear"] .section-soft,html[data-appearance="clear"] .art-caption{background:var(--surface)}
html[data-appearance="clear"] .capability,html[data-appearance="clear"] .offer{background:var(--soft);border:1px solid var(--line)!important}
html[data-appearance="clear"] .art-caption{box-shadow:none}
@media(max-width:560px){.appearance-inner{gap:8px}.appearance-invitation{font-size:.68rem}.appearance-picker{font-size:.73rem}.appearance-panel{padding:18px}}
@media(forced-colors:active){.appearance-panel label:has(input:checked){outline:2px solid Highlight}.appearance-swatch{forced-color-adjust:none}}
/* A drawn chevron avoids the font glyph's uneven baseline. */
.appearance-picker>summary:after{content:"";display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex-shrink:0}
.appearance-picker[open]>summary:after{content:"";transform:translateY(2px) rotate(225deg)}