/* Temporary whole-site Demo theme study; never loaded on the normal site. */
.preview-control-bottom{flex-wrap:wrap}
.preview-hero-tones{display:flex;flex-wrap:wrap;gap:6px}
body .preview-hero-tones a{min-height:28px;padding:3px 9px;font-weight:400;font-size:12px}
html[data-hero-tone=light] body:has(.preview-workspace) .structured-page{--bg:#f5f2ec;--surface:#eae5dd;--ink:#17232e;--muted:#425361;--line:#17232e55;--accent:#00749f;--on-accent:#fff;background:var(--bg);color:var(--ink);color-scheme:light}
html[data-hero-tone=light] body:has(.preview-workspace) .home-sections{--bg:#191c20;--surface:#25292e;--ink:#faf7f1;--muted:#c5c0b9;--line:#ffffff29;--accent:#29abe2;--on-accent:#191c20;background:var(--bg);color:var(--ink);color-scheme:dark}
html[data-hero=background][data-hero-tone=light] .hero-stage::after{background:linear-gradient(90deg,#f5f2ecf5 0%,#f5f2ece8 42%,#f5f2ec88 75%,#f5f2ec55),linear-gradient(0deg,#f5f2ecfa 0%,transparent 40%)}
html[data-hero=background][data-hero-tone=light] .home-title-row h1{text-shadow:none}
html[data-hero=background][data-hero-tone=light] .home-heading-copy>p,
html[data-hero=background][data-hero-tone=light] .hero-current-caption{color:var(--ink)}
html[data-hero=background][data-hero-tone=light] .hero-toolbar{border-color:#17232e66}
html[data-hero=background][data-hero-tone=light] .hero-controls button{background:#f5f2eceb;border-color:#17232e66;color:#17232e}
@media(max-width:850px){html[data-hero=background][data-hero-tone=light] .hero-stage::after{background:linear-gradient(90deg,#f5f2ecf5,#f5f2ece6),linear-gradient(0deg,#f5f2ecfa,transparent 50%)}}