/* Shared public-preview theme. Production app theme remains independent. */
html[data-surface="public"]{--surface:#fffaf2;--surface-alt:#f8eddc;--surface-raised:#fffdf9;--text-body:#443c37;--accent-text:#6925da;--field:#faf7f2;--border-strong:#d8cbc4;--hover:#eee5f8;--feature-surface:#eee8f4;--indexed-bg:#edf3ec;--indexed-text:#3f6546;--pending-bg:#f7efdd;--pending-text:#846022;color-scheme:light}
html[data-surface="public"][data-theme="dark"]{--paper:#100d18;--ink:#f4edf9;--muted:#b7aec4;--line:#ffffff20;--surface:#191422;--surface-alt:#211a2d;--surface-raised:#211a2d;--text-body:#d2c9dd;--accent-text:#c2b3fd;--field:#17121f;--border-strong:#51435f;--hover:#302143;--feature-surface:#251b36;--indexed-bg:#163226;--indexed-text:#a5dfb7;--pending-bg:#382c17;--pending-text:#f1d293;color-scheme:dark}
@media(prefers-color-scheme:dark){html[data-surface="public"]:not([data-theme]){--paper:#100d18;--ink:#f4edf9;--muted:#b7aec4;--line:#ffffff20;--surface:#191422;--surface-alt:#211a2d;--surface-raised:#211a2d;--text-body:#d2c9dd;--accent-text:#c2b3fd;--field:#17121f;--border-strong:#51435f;--hover:#302143;--feature-surface:#251b36;--indexed-bg:#163226;--indexed-text:#a5dfb7;--pending-bg:#382c17;--pending-text:#f1d293;color-scheme:dark}}
html[data-surface="public"],html[data-surface="public"] body{background:var(--paper);color:var(--ink)}
html[data-surface="public"] .nav,html[data-surface="public"] .dropdown{background:var(--surface);border-color:var(--line)}
html[data-surface="public"] .nav-menu>a:is(:hover,:focus-visible),html[data-surface="public"] .nav-menu>.resources>button:is(:hover,:focus-visible,[aria-expanded="true"]),html[data-surface="public"] .dropdown a:hover{background:var(--hover);color:var(--accent-text)}
html[data-surface="public"] .hero h1>span,html[data-surface="public"] .eyebrow{color:var(--accent-text)}html[data-surface="public"] .hero .intro{color:var(--text-body)}
html[data-surface="public"] .product-card,html[data-surface="public"] .back-card,html[data-surface="public"] .float-chip,html[data-surface="public"] .proof-card,html[data-surface="public"] .price-card{background:var(--surface-raised);border-color:var(--border-strong)}
html[data-surface="public"] .back-card{color:var(--muted)}html[data-surface="public"] .mini-rule,html[data-surface="public"] .receipt-lines i{background:var(--line)}
html[data-surface="public"] .deck-tabs,html[data-surface="public"] .product-bottom,html[data-surface="public"] .evidence-summary{background:var(--surface-alt);border-color:var(--line)}html[data-surface="public"] .product-top,html[data-surface="public"] .status-results>div{border-color:var(--line)}
html[data-surface="public"] .product-bottom,html[data-surface="public"] .panel-heading p,html[data-surface="public"] .panel-foot,html[data-surface="public"] .deck-panel label span,html[data-surface="public"] .form-bottom>span{color:var(--muted)}
html[data-surface="public"] .deck-tabs button[aria-selected=true]{color:var(--accent-text)}
html[data-surface="public"] textarea{background:var(--field);color:var(--text-body);border-color:var(--border-strong)}
html[data-surface="public"] .pill,html[data-surface="public"] .evidence-icon{background:var(--indexed-bg);color:var(--indexed-text)}html[data-surface="public"] .pill.waiting{background:var(--pending-bg);color:var(--pending-text)}html[data-surface="public"] .evidence-summary strong{color:var(--indexed-text)}
html[data-surface="public"] .panel-glyph,html[data-surface="public"] .doc-icon{background:var(--hover);color:var(--accent-text)}
html[data-surface="public"] .ticker-section .ticker-group>span{background:var(--surface);border-color:var(--line);color:var(--text-body)}
html[data-surface="public"] .feature-visual{background:var(--feature-surface)}html[data-surface="public"] .url-stack span{background:var(--surface);border-color:var(--border-strong);color:var(--text-body)}
html[data-surface="public"] .history-label,html[data-surface="public"] .history-visual small,html[data-surface="public"] .history-visual>div>.ui-icon{color:var(--muted)}
html[data-surface="public"] .feature-card>p:last-child,html[data-surface="public"] .proof-copy>p:not(.eyebrow){color:var(--text-body)}
html[data-surface="public"] .proof-results,html[data-surface="public"] .proof-results>div,html[data-surface="public"] .faq details{border-color:var(--line)}html[data-surface="public"] .faq details p{color:var(--text-body)}
html[data-surface="public"] .price-card.featured{background:var(--hover);border-color:var(--violet)}html[data-surface="public"] .pack-highlight{background:var(--feature-surface);color:var(--accent-text)}
html[data-surface="public"] .pack-price>span,html[data-surface="public"] .price-card ul,html[data-surface="public"] .pack-unit,html[data-surface="public"] .pack-payment{color:var(--muted)}
html[data-surface="public"] .closing{background:var(--surface-alt)}html[data-surface="public"] .closing>div>p:not(.eyebrow){color:var(--text-body);margin-top:18px}
html[data-surface="public"] .motion-control{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}
html[data-surface="public"] .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
html[data-surface="public"] .theme-picker{position:relative}html[data-surface="public"] .theme-trigger{display:grid;place-items:center;width:40px;height:44px;border-radius:10px;color:var(--ink);padding:0}
html[data-surface="public"] .theme-trigger:is(:hover,:focus-visible){background:var(--hover);color:var(--accent-text)}



@media(min-width:901px){html[data-surface="public"] .nav{grid-template-columns:232px minmax(0,1fr) 232px;max-width:1040px}html[data-surface="public"] .nav-actions{justify-self:end}}
@media(max-width:900px){html[data-surface="public"] .nav-links{background:var(--surface);border-color:var(--line)}html[data-surface="public"] .dropdown{background:var(--surface-alt)}html[data-surface="public"] .nav-actions{margin-top:10px;justify-content:space-between}html[data-surface="public"] .nav-actions>.nav-cta{margin:0;flex:1}}
/* Labels and borders on light cards change colour; the mechanism band stays dark. */
html[data-surface="public"][data-theme="dark"] .brand-lockup{color:var(--ink)}

/* Feature cards share the same themed surfaces as the product and pricing cards. */
html[data-surface="public"] .feature-card{background:var(--surface);border-color:var(--border-strong)}
html[data-surface="public"] .feature-card>p{color:var(--text-body)}
html[data-surface="public"] .feature-symbol{background:var(--hover);color:var(--accent-text);border-color:var(--border-strong)}
html[data-surface="public"] .history-visual b,html[data-surface="public"] .batch-visual>div>span{color:var(--accent-text)}
html[data-surface="public"] .sample-label{border-color:var(--border-strong)}
html[data-surface="public"] .pack-button:not(.primary):hover{background:var(--text-body);color:var(--paper)}
html[data-surface="public"] .theme-trigger{width:44px}

/* Base image reset uses block layout; explicitly centre the closing brand mark. */
html[data-surface="public"] .closing>div>img{display:block;margin-inline:auto}

/* Legal copy stays together on wide screens and wraps naturally on mobile. */
html[data-surface="public"] .footer-bottom{justify-content:flex-start;flex-wrap:wrap;gap:8px 24px;color:var(--muted);font-size:12px;line-height:1.6}
html[data-surface="public"] .footer-disclaimer{color:#756b65}
html[data-surface="public"][data-theme="dark"] .footer-disclaimer{color:#9c92a9}