/* AmbientOS Internal: Slate HQ tokens. Copyright © 2026 Slate HQ Ltd. All rights reserved and asserted.
   The scroll stories in slate-hq.uk page bodies carry their own engine styles: dark tokens by default and the light
   set only when the device prefers light. Here the light set follows the theme's mode instead, so every surface opens
   in Slate HQ Native light and the dark set applies only when the theme sets data-theme="dark". Values are the
   stories' own light set (wordpress/scrolly/engine.py). Flat: no shadow, glow or gloss. */
:root[data-theme=light] .sx{--sx-bg:#fdfdfd;--sx-ink:#171a20;--sx-ink2:#52565e;--sx-ink3:#6c7079;--sx-sep:rgba(0,0,0,.12);--sx-glass:#ffffff;--sx-glass-line:rgba(0,0,0,.10);--sx-accent:#171a20;--sx-k:.4;--sx-frame:rgba(0,0,0,.28);--sx-iri:linear-gradient(135deg,#f8eff4 0%,#f1eff9 28%,#ebf3f8 52%,#edf7f2 76%,#f8f4ec 100%)}
:root[data-theme=light] .sx .wordmark.dark{display:none}
:root[data-theme=light] .sx .wordmark.light{display:block}
:root[data-theme=light] .sx .wm-ent .erp{color:#00875A}
/* The page title is hidden where the live site hides it (custom CSS 182). */
.aos-slate-hq-notitle .aos-page-head{display:none}
/* Scroll frame around pages that are not scroll stories yet: one reveal step per top-level block, live content width. */
.sx.aos-frame{overflow:visible;padding:8px 0 96px}
.sx.aos-frame>.aos-frame-step{max-width:1120px;margin:0 auto;padding:0 20px 28px}
.sx.aos-frame>.aos-frame-step:first-child{padding-top:8px}
@media (prefers-reduced-motion:reduce){.sx.aos-frame.sx-js .reveal{opacity:1;transform:none;transition:none}}
/* Dark, only when the theme's switcher sets data-theme="dark". The stories' own dark set (engine.py); it also
   overrides the stories' sx-lt class, which pins them light, so nothing on a page stays hard-coded to light. */
:root[data-theme=dark] .sx,:root[data-theme=dark] .sx.sx-lt{--sx-bg:#0f1113;--sx-ink:#f2f2f4;--sx-ink2:#c0c2c8;--sx-ink3:#8d9098;--sx-sep:rgba(255,255,255,.12);--sx-glass:#1b1d22;--sx-glass-line:rgba(255,255,255,.16);--sx-accent:#c0c2c8;--sx-k:1;--sx-frame:rgba(255,255,255,.34);--sx-iri:linear-gradient(135deg,#1a161d 0%,#14161c 30%,#121a1a 60%,#1a1719 100%)}
:root[data-theme=dark] .sx .wordmark.dark{display:block}
:root[data-theme=dark] .sx .wordmark.light{display:none}