/* A sky in miniature, using the Framework's rolling switch and separate Auto control. */
.footer-appearance { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.appearance-controls { display:flex; align-items:center; gap:9px; }
.appearance-label { font-size:11px; color:var(--muted); }
.appearance-switch { position:relative; isolation:isolate; display:block; flex:none; width:112px; height:48px; padding:0; border:1px solid #a99780; border-radius:99px; overflow:hidden; background:#b9d3dd; box-shadow:inset 0 2px 5px #32251e33,inset 0 -1px 0 #fff9,0 2px 8px #493a2412; cursor:pointer; }
.appearance-day,.appearance-night { position:absolute; inset:0; border-radius:inherit; pointer-events:none; transition:opacity 650ms ease; }
.appearance-day { background:radial-gradient(ellipse at 20% 8%,#fff1c5cc,transparent 62%),linear-gradient(145deg,#9ecbdc,#d6e8e8 65%,#f4e4cb); }
.appearance-night { opacity:0; background:radial-gradient(ellipse at 32% 80%,#bda3dc66,transparent 45%),radial-gradient(ellipse at 60% 10%,#748dcf66,transparent 60%),linear-gradient(140deg,#141d35,#302c50 65%,#514562); }
.appearance-night:before { content:''; position:absolute; width:90px; height:25px; top:12px; left:-5px; transform:rotate(-22deg); background:radial-gradient(ellipse,#d6b7e854,transparent 68%); }
.appearance-clouds { position:absolute; width:77px; height:42px; right:-1px; bottom:-1px; opacity:.95; transition:opacity 500ms,transform 650ms cubic-bezier(.22,.7,.24,1); }
.appearance-stars { position:absolute; inset:0; width:100%; height:100%; opacity:0; transform:translateY(-7px); transition:opacity 500ms,transform 650ms cubic-bezier(.22,.7,.24,1); }
.appearance-orb { position:absolute; z-index:2; width:36px; height:36px; left:5px; top:5px; border:1px solid #fff5d1; border-radius:50%; overflow:hidden; transform:translateX(0) rotate(0deg); box-shadow:0 2px 7px #483d3044,inset 0 1px 2px #fff; background:#ffda83; transition:transform 650ms cubic-bezier(.22,.7,.24,1),background 500ms,border-color 500ms; }
.appearance-sun,.appearance-moon { position:absolute; inset:0; border-radius:inherit; transition:opacity 500ms; }
.appearance-sun { background:radial-gradient(circle at 30% 24%,#fffce8,#ffe397 52%,#efb956); box-shadow:inset -2px -3px 4px #c1872933,inset 1px 2px 4px #fff8; }
.appearance-sun:after { content:''; position:absolute; inset:3px; border:1px solid #fff5c44d; border-radius:50%; }
.appearance-moon { opacity:0; background:radial-gradient(circle at 29% 23%,#fffef4,#e2e4e3 65%,#a9b3c2); }
.appearance-moon i { position:absolute; border-radius:50%; background:#a6afbc88; box-shadow:inset 0 1px 2px #626f8270,0 1px 0 #ffffff66; }
.appearance-moon i:nth-child(1) { width:8px;height:8px;left:6px;top:8px; }
.appearance-moon i:nth-child(2) { width:11px;height:11px;left:17px;top:18px; }
.appearance-moon i:nth-child(3) { width:4px;height:4px;left:23px;top:6px; }
.appearance-moon i:nth-child(4) { width:3px;height:3px;left:7px;top:24px; }
.appearance-moon i:nth-child(5) { width:3px;height:3px;left:16px;top:13px; }
.appearance-auto { min-height:44px; padding:8px 13px; border:1px solid #c2b29d; border-radius:99px; background:linear-gradient(140deg,#fffdf9b3,#e9dfd052); color:#62513f; font-size:11px; font-weight:700; letter-spacing:.04em; cursor:pointer; }
.appearance-auto[aria-pressed=true] { background:#e4d4bd; border-color:#92724d; color:#44321e; box-shadow:inset 0 1px 0 #fff9; }
.appearance-state { min-width:65px; font-size:10px; color:var(--muted); }
.appearance-switch:focus-visible,.appearance-auto:focus-visible { outline:3px solid var(--warm); outline-offset:4px; }
.appearance-switch:active .appearance-orb { filter:brightness(1.05); }
html[data-theme=dark] .appearance-switch { background:#202039; border-color:#81778f; }
html[data-theme=dark] .appearance-day { opacity:0; }
html[data-theme=dark] .appearance-night { opacity:1; }
html[data-theme=dark] .appearance-clouds { opacity:0; transform:translate(12px,8px); }
html[data-theme=dark] .appearance-stars { opacity:1; transform:none; }
html[data-theme=dark] .appearance-orb { transform:translateX(64px) rotate(180deg); border-color:#fbfcff; background:#e2e4e3; }
html[data-theme=dark] .appearance-sun { opacity:0; }
html[data-theme=dark] .appearance-moon { opacity:1; }
html[data-theme=dark] .appearance-auto { color:#e7dac8; border-color:#71624e; background:linear-gradient(140deg,#51483c99,#302a2355); }
html[data-theme=dark] .appearance-auto[aria-pressed=true] { color:#fff7eb; border-color:#d5b68c; background:#55432d; }
.site-footer { flex-wrap:wrap; }
.site-footer .footer-appearance { order:3; }
.site-footer>p { order:4; }
.brief-footer { flex-wrap:wrap; }
@media(max-width:760px) {
 .footer-appearance { width:100%; padding-block:16px; border-top:1px solid var(--line); }
 .appearance-label { font-size:12px; margin-right:auto; }
 .appearance-state { width:100%; text-align:right; margin-top:-5px; font-size:11px; }
 .site-footer>p { margin-top:0; }
}
@media(prefers-reduced-motion:reduce) { .appearance-switch *, .appearance-switch *:before { transition:none!important; } }
@media(forced-colors:active) {
 .appearance-switch,.appearance-auto { background:ButtonFace; color:ButtonText; border-color:ButtonText; }
 .appearance-day,.appearance-night,.appearance-clouds,.appearance-stars,.appearance-sun,.appearance-moon { display:none; }
 .appearance-orb { background:ButtonText; border-color:ButtonText; }
 .appearance-auto[aria-pressed=true] { outline:2px solid Highlight; }
}
@media print { .footer-appearance { display:none; } }

/* Charcoal remains neutral and warm, without changing the page layout or imagery. */
@media screen {
 html[data-theme=dark] { --paper:#201e1b; --ink:#f4f0e9; --muted:#c3bbae; --line:#51493f; --warm:#d5b68c; --dark:#161513; color-scheme:dark; }
 html[data-theme=dark] body,html[data-theme=dark] body[data-page=product] { background:var(--paper); }
 html[data-theme=dark] .button-dark,html[data-theme=dark] .button-light,html[data-theme=dark] .story-next { color:#28231d; background:linear-gradient(135deg,#f3e7d4,#d6bd98); }
 html[data-theme=dark] .button-dark:hover,html[data-theme=dark] .story-next:hover { background:#e9d6b8; }
 html[data-theme=dark] .skip-link { background:#f4f0e9; color:#201e1b; }
 html[data-theme=dark] :is(.hero h1>span,.brief-opening h1>span,.section-number,.story-tabs button>span,.sample-field>span,.outcome-marker,.brief-preview>span,.review-question>span,.evidence-list li>span,.evidence-links a,.evidence-ref) { color:#d5b68c; }
 html[data-theme=dark] :is(.hero-product,.story-shell,.tour-screen,.plan-card,.brief-preview,.contact-form,.story-scene,.onboarding-step,.onboarding-step[open],.brief-actions>article) { background:linear-gradient(135deg,#37322bce,#292621e6); border-color:#655a4c; box-shadow:inset 0 1px 0 #fff5e51a,0 15px 35px #00000020; }
 html[data-theme=dark] .product-tour { background:#26231f; border-color:var(--line); }
 html[data-theme=dark] :is(.product-topline,.story-topline,.tour-toolbar,.dialog-bar,.story-disclosure,.story-tabs,.coverage-box,.review-question) { background:linear-gradient(125deg,#3c352c88,#29251fbb); box-shadow:none; border-color:var(--line); }
 html[data-theme=dark] .story-tabs button[aria-selected=true],html[data-theme=dark] .view-options button[aria-pressed=true] { background:#5a4831; color:#fff4e4; box-shadow:inset 0 1px 0 #ffffff18; }
 html[data-theme=dark] :is(.story-tabs button+button,.sample-totals,.story-controls,.action-meta,.action-meta span+span,.role-copy li,.plan-card li,.plan-footer,.brief-promo,.brief-preview dl>div,.coverage-facts>div,figcaption,.tour-caption) { border-color:var(--line); }
 html[data-theme=dark] :is(figcaption,.tour-caption,.image-disclosure,.coverage-facts dd,.coverage-box>div>p) { color:var(--muted); }
 html[data-theme=dark] :is(.avatar,.status-badge,.outcome-marker>span,.round-control,.contact-actions a,.mobile-image-tools button) { background:#494035; color:#f1e4d1; border-color:#8b765b; box-shadow:inset 0 1px 0 #ffffff12; }
 html[data-theme=dark] .role-switch { background:#312c26; border-color:#8b765b; box-shadow:inset 0 1px 0 #ffffff1a; }
 html[data-theme=dark] .role-switch-surface { background:linear-gradient(135deg,#766044,#55412c); }
 html[data-theme=dark] :is(.privacy-note,.coverage-box) { background:#2d2822; border-color:var(--line); }
 html[data-theme=dark] .plan-topline>span { color:#e6cbab; border-color:#9f835f; }
 html[data-theme=dark] .onboarding-number { background:#2b2620; border-color:#8e7657; color:#e0c7a3; }
 html[data-theme=dark] .onboarding-steps>li[data-active=true] .onboarding-number { background:#8b6a42; color:#fff9f0; }
 html[data-theme=dark] :is(.contact-form input,.contact-form textarea) { color:var(--ink); background:#211f1c; border-color:#8c7960; }
 html[data-theme=dark] .contact-form textarea::placeholder { color:#bcb2a3; }
 html[data-theme=dark] :is(.contact-form input:focus,.contact-form textarea:focus) { background:#2b2722; border-color:#e1bd8d; box-shadow:0 0 0 4px #d5b68c1f; }
 html[data-theme=dark] :is(.site-footer .wordmark img,.brief-header .wordmark img,.about-symbol img,.intro-mavari img) { filter:invert(1); mix-blend-mode:normal; }
 html[data-theme=dark] .about-symbol { background:radial-gradient(ellipse,#88755933,transparent 70%); }
 html[data-theme=dark] .hero-orbit { background:radial-gradient(ellipse,#b89a6d25,transparent 65%); }
 html[data-theme=dark] .interactive-glass:after { background:radial-gradient(ellipse at var(--glass-x,50%) var(--glass-y,20%),#fff3d31f,transparent 52%); box-shadow:inset 0 1px 0 #fff5e529; }
 html[data-theme=dark] .screen-open:after { color:#28231d; }
 html[data-theme=dark] .evidence-list strong { color:var(--ink); }
 html[data-theme=dark] .evidence-list li:target { background:#66503640; }
 html[data-theme=dark] .page-entrance:before { background:radial-gradient(ellipse at 50% 46%,#24211dfa 15%,#24211df2 60%,#1c1a17de); }
 html[data-theme=dark] :is(.intro-caption,.intro-setup-card small,.intro-fragment) { color:#dac09b; }
 html[data-theme=dark] :is(.intro-monitor,.intro-setup-card,.intro-fragment,.intro-message,.intro-message-paper,.intro-message-actions span,.page-intro-skip,.entrance-skip) { background:linear-gradient(135deg,#4d4032eb,#30291ff2); color:var(--ink); border-color:#9e8665; box-shadow:inset 0 1px 0 #ffffff26,0 14px 35px #0003; }
 html[data-theme=dark] .intro-setup-card>span { background:#6b5538; color:#fff3e0; }
 html[data-theme=dark] .intro-message-icon img { filter:invert(1); }
 html[data-theme=dark] .intro-message-flap { background:linear-gradient(135deg,#68563e,#403426); }
 html[data-theme=dark] .boutique-entrance { --entrance-trim:#9c8260; --entrance-champagne:#7d6547; background:#201e1b44; }
 html[data-theme=dark] .entrance-door { background:linear-gradient(114deg,#4b4134c9,#25211be6 45%,#584935bd); border-color:#a9916e; }
 html[data-theme=dark] .entrance-logo-half img { filter:invert(1); }
}
@media screen and (prefers-reduced-transparency:reduce) {
 html[data-theme=dark] :is(.story-shell,.story-scene,.plan-card,.contact-form,.onboarding-step,.onboarding-step[open],.intro-monitor,.intro-setup-card,.intro-fragment,.intro-message,.intro-message-paper) { background:#302a23; backdrop-filter:none; -webkit-backdrop-filter:none; }
}