/* Shared layout and semantic tokens. Both themes use exactly the same content and geometry.
   Blue/navy surfaces follow the supplied Ale reference; font/spacing are website decisions. */
:root {
 --sc-paper:#f4f7fa; --sc-white:#fff; --sc-surface:#edf3f8; --sc-ink:#182b3d;
 --sc-muted:#506476; --sc-line:#c8d6e2; --sc-accent:#0868b6; --sc-action:#086ebf;
 --sc-on-action:#fff; --sc-green:var(--sc-accent); --sc-dark:#e6eff7; --sc-radius:22px;
 --sc-space:clamp(2.5rem,5vw,5rem); --sc-shadow:0 18px 45px #0c26341a; color-scheme:light;
}
html[data-sca-variant="consultant"] {
 --sc-paper:#060b11; --sc-white:#0d1924; --sc-surface:#102230; --sc-ink:#eaf2f8;
 --sc-muted:#a5b6c6; --sc-line:#294051; --sc-accent:#62bfff; --sc-action:#0872c9;
 --sc-on-action:#fff; --sc-dark:#08131d; --sc-shadow:0 18px 45px #0006; color-scheme:dark;
}
html {scroll-padding-top:6rem; scroll-behavior:smooth;}
body {background:var(--sc-paper); color:var(--sc-ink);}
body,h1,h2,h3,h4,.font-display {font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased;}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible {outline:3px solid var(--sc-accent); outline-offset:4px;}
::selection {background:var(--sc-action);color:var(--sc-on-action);}
.sc-site,.sc-site * {box-sizing:border-box;}
.sc-site {margin:0; font-size:1.0625rem; line-height:1.6;overflow-wrap:anywhere;}
.sc-site :is(h1,h2,h3,h4,p,figure,blockquote) {margin:0;}
.sc-site :is(h1,h2,h3,h4) {color:var(--sc-ink);font-weight:650; letter-spacing:-.025em;line-height:1.2;text-wrap:balance;}
.sc-site h1 {font-size:clamp(2.25rem,4.4vw,4rem);}
.sc-site h2 {font-size:clamp(1.65rem,2.65vw,2.5rem);max-width:27ch;}
.sc-site h3 {font-size:1.2rem;}
.sc-site p {color:var(--sc-muted);}
.sc-site p+p {margin-top:1rem;}
.sc-site a {color:var(--sc-accent); text-decoration:none;text-underline-offset:.2em;}
.sc-site a:hover {text-decoration:underline;}
.sc-site button,.sc-site summary {font:inherit;cursor:pointer;}
.sc-site button {color:inherit;}
.sc-site img {display:block;max-width:100%;height:auto;}
.sc-site svg {width:22px;height:22px;flex-shrink:0;}
.sc-site [hidden],.sc-site .hidden {display:none!important;}
.sc-wrap {width:min(1180px,calc(100% - 3rem));margin-inline:auto;}
.sc-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.sc-skip {position:fixed;top:-6rem;left:1rem;max-width:calc(100vw - 2rem);z-index:200;background:var(--sc-white);padding:1rem;}
.sc-skip:focus {top:1rem;}
.sc-header {position:sticky;top:0;z-index:50;border-bottom:1px solid var(--sc-line);background:var(--sc-paper);}
.sc-header-row {position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;min-height:5.25rem;}
.sc-brand {display:flex;align-items:center;gap:.7rem;flex-shrink:0;}
.sc-site .sc-brand {color:var(--sc-ink);font-weight:650;font-size:1rem;text-decoration:none;}
.sc-brand img {width:96px;height:72px;object-fit:contain;border:0;border-radius:0;}
/* Keep the approved JPEG intact. Contrast maps navy to black; screen removes
   black on dark surfaces. Inverse + multiply integrates it on light surfaces. */
:is(.sc-brand,.sc-footer-brand,.sc-logo-holder) img {
 background:transparent;border:0;border-radius:0;box-shadow:none;
 filter:contrast(4) invert(1) hue-rotate(180deg);mix-blend-mode:multiply;
}
html[data-sca-variant="consultant"] :is(.sc-brand,.sc-footer-brand,.sc-logo-holder) img {
 filter:contrast(4);mix-blend-mode:screen;
}
.sc-brand-sub {display:block;font-size:.7rem;font-weight:500;letter-spacing:.08em;color:var(--sc-muted);}
.sc-desktop-nav,.sc-header-tools {display:flex;align-items:center;gap:.4rem;}
.sc-header-tools {max-width:100%;flex-wrap:wrap;}
.sc-desktop-nav a,.sc-language {display:flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem .75rem;font-size:.875rem;white-space:nowrap;}
.sc-desktop-nav a {color:var(--sc-ink);}
.sc-theme-switch {display:flex;align-items:center;gap:2px;border:1px solid var(--sc-line);border-radius:10px;padding:2px;font-size:.75rem;}
.sc-theme-switch a {display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.35rem .5rem;color:var(--sc-muted);}
.sc-theme-switch [aria-current=true] {color:var(--sc-ink);background:var(--sc-surface);border-radius:7px;}
.sc-menu {display:none;}
.sc-menu:not([open]) nav {display:none;}
.sc-menu summary {list-style:none;border:1px solid var(--sc-line);border-radius:10px;min-height:44px;padding:.5rem .7rem;font-size:.8rem;}
.sc-menu summary::-webkit-details-marker {display:none;}
.sc-menu nav {position:absolute;right:0;top:calc(100% + .6rem);width:min(290px,calc(100vw - 2rem));max-height:75vh;overflow:auto;display:grid;padding:1rem;background:var(--sc-white);border:1px solid var(--sc-line);box-shadow:var(--sc-shadow);border-radius:16px;}
.sc-menu nav a {padding:.65rem;min-height:44px;}
.sc-eyebrow {font-size:.8rem;font-weight:600;letter-spacing:.035em;color:var(--sc-accent)!important;margin-bottom:1.3rem!important;}
.sc-actions {display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-block:1.75rem;}
.sc-site .sc-btn {display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;white-space:normal;text-align:center;padding:.8rem 1.2rem;border:1px solid transparent;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;}
.sc-site .sc-btn-primary {background:var(--sc-action);color:var(--sc-on-action);}
.sc-site .sc-btn:hover {border-color:var(--sc-accent);}
.sc-link {display:inline-block;min-height:44px;padding-block:.5rem;font-weight:600;}
.sc-small {font-size:.85rem;line-height:1.6;}
.sc-lead {font-size:1.125rem;max-width:65ch;margin-top:1.3rem!important;}
.sc-section {padding-block:var(--sc-space);}
.sc-hero {padding-top:2rem;}
.sc-hero-panel {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.65fr);gap:2rem;align-items:center;border:1px solid var(--sc-line);border-radius:26px;background:var(--sc-white);padding:clamp(1.5rem,4vw,3rem);}
.sc-hero h1 {max-width:14ch;}
.sc-hero-intro {max-width:57ch;font-size:1.125rem;margin-top:1.5rem!important;}
.sc-hero-visual {justify-self:center;width:min(100%,235px);}
.sc-image-link {display:block;border:6px solid #263b4b;border-radius:23px;overflow:hidden;background:#000;}
.sc-hero-visual figcaption {text-align:center;font-size:.75rem;margin-top:.9rem;color:var(--sc-muted);}
.sc-hero-visual figcaption span {display:block;margin-top:.2rem;}
.hero-benefits {margin-block:1.7rem 1rem;}
.hero-benefit-row {display:flex;flex-wrap:wrap;gap:.6rem 1rem;}
.hero-benefit-row+.hero-benefit-row {margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--sc-line);}
.hero-benefit {display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--sc-ink);}
.hero-benefit svg {width:17px;height:17px;color:var(--sc-muted);}
.sc-bridge {max-width:80ch;padding-top:1.5rem;font-size:.95rem;}
.sc-feature-grid,.sc-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem;}
.sc-feature {border-top:2px solid var(--sc-line);padding-top:1.3rem;display:flex;flex-direction:column;}
.sc-feature p,.sc-steps p {margin-block:1rem;font-size:1rem;}
.sc-feature a {margin-top:auto;min-height:44px;padding-top:.5rem;}
.sc-feature-more {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;border-top:1px solid var(--sc-line);padding-top:1.6rem;margin-top:2rem;}
.sc-feature-more>div {display:flex;align-items:flex-start;gap:.6rem;font-size:.875rem;min-width:0;}
.sc-feature-more>div>div {min-width:0;overflow-wrap:anywhere;}
.sc-feature-more small {display:block;color:var(--sc-muted);font-size:.8rem;margin-top:.25rem;}
.sc-feature-more svg {color:var(--sc-accent);}
.sc-explorer {padding-top:0;}
.sc-explorer-panel {position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(2rem,6vw,5rem);padding:clamp(1.3rem,4vw,3rem);border:1px solid var(--sc-line);border-radius:var(--sc-radius);background:var(--sc-white);align-items:start;}
.sc-explorer-copy {position:sticky;top:7rem;padding-top:.7rem;}
.sc-explorer-copy>p {margin-top:1.2rem;max-width:51ch;}
.sc-tabs {display:flex;flex-wrap:wrap;gap:.6rem;margin-block:2rem 1.5rem;}
.sc-tabs button {border:1px solid var(--sc-line);background:var(--sc-surface);border-radius:10px;min-height:44px;padding:.6rem .85rem;font-size:.875rem;color:var(--sc-ink);}
.sc-tabs button[aria-selected=true] {background:var(--sc-action);color:var(--sc-on-action);border-color:var(--sc-action);}
.sc-screen-description {padding-left:1rem;border-left:2px solid var(--sc-accent);}
.sc-explorer-figure {width:100%;max-width:320px;justify-self:center;min-width:0;}
.sc-phone {position:relative;overflow:hidden;border:6px solid #263b4b;border-radius:24px;background:#000;}
.sc-phone>img {width:100%;height:auto;}
.sc-explorer-figure figcaption {font-size:.8rem;line-height:1.5;color:var(--sc-muted);margin-top:1rem;}
.sc-enlarge {font-size:.85rem;}
.legacy-sample-badge {position:absolute;left:8px;top:27%;padding:3px 7px;border-radius:6px;background:#1e293b;color:#e2e8f0;font:600 10px/1.4 Inter,sans-serif;}
.legacy-sample-value {position:absolute;z-index:2;background:#000;color:#ddd;font:400 13px/1.25 Arial,sans-serif;text-align:center;white-space:nowrap;pointer-events:none;}
.legacy-hotspot {position:absolute;z-index:5;right:4%;display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;border:1px solid var(--sc-accent);border-radius:999px;background:var(--sc-white);color:var(--sc-ink)!important;font-size:.75rem!important;box-shadow:0 3px 12px #0005;cursor:pointer;}
.legacy-hotspot:hover,.legacy-hotspot[aria-expanded=true] {background:var(--sc-action);color:#fff!important;}
.legacy-tooltip {position:fixed;z-index:80;max-height:calc(100dvh - 2rem);overflow:auto;width:min(400px,calc(100vw - 2rem));padding:1.5rem;background:var(--sc-white);border:1px solid var(--sc-line);border-radius:18px;box-shadow:var(--sc-shadow);}
.legacy-tooltip h3 {font-size:1.2rem;padding-right:2.3rem;margin-bottom:.8rem;}
.legacy-tooltip p {font-size:1rem;}
.legacy-tooltip [data-legacy-close] {position:absolute;right:.5rem;top:.5rem;width:44px;height:44px;border:0;border-radius:50%;background:var(--sc-surface);color:var(--sc-ink);font-size:1.5rem;}
.sc-vision {background:var(--sc-dark);border-block:1px solid var(--sc-line);}
.sc-editorial-split,.sc-platform {display:grid;grid-template-columns:1fr 1.15fr;gap:3.5rem;}
.sc-site blockquote {max-width:36ch;font-size:clamp(1.4rem,2.3vw,2rem);color:var(--sc-ink);line-height:1.4;letter-spacing:-.015em;border-left:3px solid var(--sc-accent);padding-left:1.4rem;margin-block:2rem;}
.sc-pillars {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block:2.5rem 1.5rem;}
.sc-pillar {border-top:1px solid var(--sc-line);padding-top:1.3rem;}
.sc-pillar p {font-size:.95rem;margin-top:.7rem;}
.sc-platform {border-top:1px solid var(--sc-line);padding-top:3rem;margin-top:2.5rem;}
.sc-step-number {display:block;font-size:.85rem;color:var(--sc-accent);margin-bottom:.8rem;}
.sc-purchase {margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--sc-line);display:grid;grid-template-columns:1fr 2fr;gap:2rem;}
.sc-purchase p {font-size:.95rem;}
.sc-people {background:var(--sc-white);border-block:1px solid var(--sc-line);}
.sc-people-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;}
.sc-people-grid p {margin-top:1.3rem;}
.sc-people-grid aside {border-left:1px solid var(--sc-line);padding-left:3rem;}
.sc-faq-grid {display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;}
.sc-site details:not(.sc-menu) {border-top:1px solid var(--sc-line);}
.sc-site details:not(.sc-menu)>summary {min-height:44px;padding:1.25rem .3rem;font-size:1rem;font-weight:600;}
.sc-site details:not(.sc-menu)>p {padding:0 .3rem 1.25rem;font-size:1rem;}
.sc-site details p a {text-decoration:underline;}
.sc-final {padding-top:0;}
.sc-final-panel {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;background:var(--sc-surface);border:1px solid var(--sc-line);padding:2rem;border-radius:var(--sc-radius);}
.sc-final-panel h2 {font-size:1.5rem;}
.sc-final-panel p {margin-top:.75rem;font-size:1rem;max-width:60ch;}
.sc-final-panel .sc-btn {flex-shrink:0;}
.sc-footer {padding:2.5rem 0 1.5rem;border-top:1px solid var(--sc-line);background:var(--sc-paper);}
.sc-footer-top {display:flex;justify-content:space-between;gap:3rem;}
.sc-footer-brand {min-width:200px;}
.sc-footer-brand img {width:108px;height:81px;object-fit:contain;}
.sc-footer-brand p {font-size:.85rem;margin-top:1rem;}
.sc-footer nav {display:flex;flex-wrap:wrap;align-content:start;gap:.3rem 1.25rem;max-width:560px;}
.sc-footer nav a,.sc-footer nav button {font-size:.85rem;min-height:44px;display:flex;align-items:center;}
.sc-footer nav button {border:0;background:none;padding:0;color:var(--sc-accent);}
.sc-footer-bottom {display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--sc-muted);border-top:1px solid var(--sc-line);padding-top:1.25rem;margin-top:1.5rem;}
.sc-consent {position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--sc-white);border:1px solid var(--sc-line);border-radius:16px;box-shadow:var(--sc-shadow);font-size:.85rem;}
.sc-consent>div {display:flex;flex-wrap:wrap;gap:.5rem;}
.sc-consent button {background:var(--sc-surface);border:1px solid var(--sc-line);min-height:44px;padding:.5rem .9rem;border-radius:8px;}
.sc-document {padding-block:3.5rem 5rem;}
.sc-document-head {max-width:800px;margin-bottom:2.5rem;}
.sc-document-head h1 {font-size:clamp(2.25rem,4.4vw,3.7rem);}
.sc-page-nav {display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;border-block:1px solid var(--sc-line);padding-block:.6rem;margin-bottom:3rem;}
.sc-page-nav a {display:flex;align-items:center;min-height:44px;}
.sc-prose {max-width:65ch;}
.sc-prose p {margin-top:1.2rem;}
.sc-document section {margin-block:3rem;}
.sc-principle-list {display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem;margin-top:2rem;}
.sc-principle-list p {margin-top:.8rem;}
.sc-release-grid,.sc-role-list {display:grid;grid-template-columns:1fr 1.3fr;gap:1.5rem;margin-block:2rem;}
.sc-release,.sc-role-list article {background:var(--sc-white);border:1px solid var(--sc-line);padding:1.75rem;border-radius:var(--sc-radius);}
.sc-release p,.sc-role-list p {margin-top:.9rem;}
.sc-status {color:var(--sc-accent)!important;font-size:.8rem;font-weight:650;letter-spacing:.03em;margin:0 0 1rem!important;}
.sc-platform-names {display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:.4rem .9rem;font-weight:600;}
.sc-profile-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;border-block:1px solid var(--sc-line);padding-block:1.5rem;margin-block:2rem 3rem;}
.sc-profile-facts strong,.sc-profile-facts span {display:block;}
.sc-profile-facts span {color:var(--sc-muted);font-size:.9rem;margin-top:.5rem;}
.sc-skills {max-width:75ch;}
.sc-skills>p {margin-block:1.5rem;}
.sc-image-dialog {padding:1rem;background:var(--sc-white);color:var(--sc-ink);border:1px solid var(--sc-line);border-radius:18px;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);}
.sc-image-dialog::backdrop {background:#000c;}
.sc-image-dialog img {max-height:calc(100dvh - 9rem);width:auto;object-fit:contain;margin:auto;}
.sc-image-dialog button {display:block;min-width:44px;min-height:44px;margin-left:auto;background:var(--sc-surface);color:var(--sc-ink);border:1px solid var(--sc-line);border-radius:8px;}
.sc-image-dialog p {font-size:.85rem;max-width:55ch;margin-top:.75rem;}
html:not(.sc-interactive) .legacy-hotspot,html:not(.sc-interactive) .sc-tabs {display:none;}
@media(max-width:1080px){
 .sc-desktop-nav {display:none;} .sc-menu {display:block;}
 .sc-hero-panel {grid-template-columns:minmax(0,1fr) 210px;gap:1.5rem;}
 .sc-hero-visual {width:210px;}
 .sc-feature-more {grid-template-columns:repeat(2,minmax(0,1fr));}
 .sc-editorial-split,.sc-platform,.sc-people-grid,.sc-faq-grid {gap:2rem;}
 .sc-people-grid aside {padding-left:2rem;}
}
@media(max-width:760px){
 .sc-wrap {width:calc(100% - 2rem);}
 .sc-header-row {min-height:4.5rem;gap:.4rem;}
 .sc-brand>span {display:none;}
 .sc-header-tools {gap:.25rem;}
 .sc-language {padding:.3rem;}
 .sc-hero {padding-top:1rem;}
 .sc-hero-panel {grid-template-columns:1fr;padding:1.5rem;}
 .sc-hero h1 {max-width:16ch;font-size:clamp(2.25rem,8vw,3.4rem);}
 .sc-hero-intro {font-size:1.0625rem;}
 .sc-hero-visual {width:195px;margin-top:.5rem!important;}
 .sc-feature-grid,.sc-steps,.sc-editorial-split,.sc-platform,.sc-people-grid,.sc-faq-grid,.sc-purchase,.sc-release-grid,.sc-role-list {grid-template-columns:1fr;gap:1.5rem;}
 .sc-pillars,.sc-principle-list {grid-template-columns:1fr 1fr;gap:1.5rem;}
 .sc-explorer-panel {grid-template-columns:1fr;gap:1.5rem;padding:1.3rem;}
 .sc-explorer-copy {position:static;}
 .sc-tabs {margin-block:1.5rem;}
 .sc-explorer-figure {max-width:290px;}
 .legacy-tooltip {max-height:38dvh;}
 .sc-people-grid aside {border-left:0;border-top:1px solid var(--sc-line);padding:1.5rem 0 0;}
 .sc-final-panel,.sc-footer-top,.sc-consent {flex-direction:column;align-items:flex-start;}
 .sc-final-panel {padding:1.5rem;}
 .sc-profile-facts {grid-template-columns:1fr;gap:1.3rem;}
 .sc-document {padding-top:2rem;}
}
@media(max-width:420px){
 .sc-brand img {width:76px;height:57px;}
 .sc-theme-switch a {padding-inline:.35rem;}
 .sc-menu summary {padding:.5rem;}
 .sc-pillars,.sc-principle-list {grid-template-columns:1fr;}
 .sc-footer-bottom {flex-direction:column;gap:.4rem;}
 .sc-feature-more {gap:1rem;grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
 html {scroll-behavior:auto!important;}
 *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
/* Small header controls, with the alternate value in a disclosure. */
.story-dev-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root .sc-header-row{flex-wrap:nowrap;gap:16px}
html:root .sc-header-tools{flex:none;flex-wrap:nowrap;gap:8px;max-width:none}
html:root .sc-header-row>.sc-desktop-nav{flex:none;white-space:nowrap}
.sc-header-row.sc-header-collapsed>.sc-desktop-nav{display:none!important}
.sc-header-row.sc-header-collapsed>.sc-header-tools>.sc-menu{display:block}
html:root .story-resource-nav{display:none!important}
html:root .sc-desktop-nav .story-guide-menu{display:none!important}
html:root .sc-header-tools>.sc-menu{display:block}
.sc-site details.sc-theme-picker{position:relative;flex:none;border-top:0;z-index:101}
.sc-site details.sc-theme-picker>summary{display:flex;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;width:48px;height:44px;min-height:44px;margin:0;padding:7px;list-style:none;cursor:pointer;border:1px solid var(--sc-line);border-radius:var(--r-xs,8px);color:var(--sc-ink);background:transparent}
.sc-theme-picker>summary::-webkit-details-marker{display:none}
.sc-site details.sc-theme-picker>summary::after{content:none!important}
.sc-theme-picker>summary svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sc-theme-picker>summary svg:last-child{width:10px;height:10px}
.sc-theme-picker>summary:hover,.sc-theme-picker[open]>summary{background:var(--sc-surface);border-color:var(--sc-accent)}
.sc-theme-picker>summary:focus-visible,.sc-theme-picker a:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}
html:root .sc-theme-picker>nav.sc-theme-switch{display:grid;position:absolute;right:0;top:calc(100% + 7px);box-sizing:border-box;width:156px;max-width:calc(100vw - 24px);margin:0;padding:5px;border:1px solid var(--sc-line);border-radius:var(--r-sm,12px);background:var(--sc-white);box-shadow:var(--sc-shadow);z-index:101}
.sc-theme-picker:not([open])>nav{display:none!important}
html:root body.sc-site .sc-theme-picker .sc-theme-switch a{display:flex;align-items:center;justify-content:flex-start;gap:10px;box-sizing:border-box;min-height:44px;padding:9px 12px;color:var(--sc-ink);font:500 .875rem/1.4 Inter,system-ui,sans-serif;font-size:.875rem;white-space:nowrap;border-radius:6px;text-decoration:none}
html:root .sc-theme-picker .sc-theme-switch a[aria-current],html:root .sc-theme-picker .sc-theme-switch a:hover{background:var(--sc-surface)}
html:root .sc-theme-picker .sc-theme-switch a::before{content:none!important}
.sc-theme-picker a[aria-current]::after{content:'✓';margin-left:auto;color:var(--sc-accent)}
.sc-header-tools>.sc-menu{position:relative;flex:none}
html:root .sc-header-tools>.sc-menu>summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:10px;border-radius:var(--r-xs,8px);color:var(--sc-ink);background:transparent}
.sc-header-tools>.sc-menu>summary svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
html:root .sc-header-tools>.sc-menu>nav{top:calc(100% + 8px);width:300px;max-width:calc(100vw - 24px);padding:6px;border-radius:var(--r-sm,12px)}
html:root .sc-header-tools>.sc-menu>nav a{font-size:.875rem;line-height:1.4;padding:10px 12px;border-radius:6px}
.sc-header-tools>.sc-menu>nav a:hover{background:var(--sc-surface)}
.sc-header-tools>.sc-menu>nav a:nth-of-type(5){margin-top:5px;border-top:1px solid var(--sc-line);border-radius:0;padding-top:15px}
.sc-header-tools>.sc-menu>nav a[aria-current]{color:var(--sc-accent);background:var(--sc-surface);box-shadow:inset 2px 0 var(--sc-accent)}
@media(max-width:760px){html:root .sc-header-row{gap:8px}html:root .sc-header-tools{gap:6px}}
@media(max-width:360px){html:root .sc-header-tools{gap:4px}.sc-header-row .sc-brand{max-width:88px}.sc-header-row .sc-brand-mark{max-width:88px}}

/* Keep the preview identifier inside the hamburger without a pre-paint banner. */
.story-dev-note:not(.sc-menu-version){display:none!important}
.sc-menu nav>.story-dev-note.sc-menu-version{display:block;font:500 .75rem/1.5 Inter,system-ui,sans-serif;white-space:normal;text-align:left;letter-spacing:0;margin:6px 6px 0;padding:12px 6px 6px;border:0;border-top:1px solid var(--sc-line);background:transparent;color:var(--sc-muted)}

/* Hierarchical hamburger: sections are visible, without nested dropdowns. */
html:root .sc-grouped-menu .sc-menu-group{display:grid;padding:4px 0 8px}
html:root .sc-grouped-menu .sc-menu-group+.sc-menu-group{border-top:1px solid var(--sc-line)}
html:root .sc-grouped-menu .sc-menu-group-title{font:600 .7rem/1.4 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--sc-muted);margin:9px 12px 4px;padding:0}
html:root .sc-header-tools>.sc-menu>nav.sc-grouped-menu a{margin:0;border:0;padding:9px 12px;min-height:40px}

/* Approved preview rhythm, 2026-11-05. Text sections only: cards and forms retain their own spacing. */
html:root body.sc-site:not(.sc-feedback) {
 --site-section-space: 1.5rem;
 --site-title-space: 1.5rem;
 --site-heading-space: .75rem;
 --site-page-top: 2rem;
}
@media(max-width:600px) {
 html:root body.sc-site:not(.sc-feedback) {
  --site-section-space: 1.25rem;
  --site-title-space: 1.25rem;
  --site-heading-space: .5rem;
  --site-page-top: 1.5rem;
 }
}
html:root body.sc-site.sc-editorial main.sc-document {
 padding-top:var(--site-page-top) !important;
}
html:root body.sc-site.sc-editorial main.sc-document > .release-document {
 padding-top:0 !important;
}
html:root body.sc-site.sc-editorial main.sc-document > h1,
html:root body.sc-site.sc-editorial main.sc-document > :is(.release-document,.sc-prose,.sc-document-head) > h1 {
 margin-top:0 !important;
 margin-bottom:var(--site-title-space) !important;
}
html:root body.sc-site.sc-editorial main.sc-document > .sc-document-head {
 margin-bottom:var(--site-title-space) !important;
}
html:root body.sc-site:not(.sc-feedback) main > .commercial-section.commercial-prose,
html:root body.sc-site.sc-editorial main.sc-document > section:not(.obs-sheet):has(> h2),
html:root body.sc-site.sc-editorial main.sc-document > :is(.release-document,.sc-prose) > section:not(.obs-sheet):has(> h2) {
 margin-top:0 !important;
 margin-bottom:0 !important;
 padding-top:var(--site-section-space) !important;
 padding-bottom:var(--site-section-space) !important;
}
html:root body.sc-site:not(.sc-feedback) main > .commercial-section.commercial-prose > .sc-wrap > h2,
html:root body.sc-site.sc-editorial main.sc-document > section:not(.obs-sheet) > h2,
html:root body.sc-site.sc-editorial main.sc-document > :is(.release-document,.sc-prose) > section:not(.obs-sheet) > h2 {
 margin-top:0 !important;
 margin-bottom:var(--site-heading-space) !important;
}
html:root body.sc-site:not(.sc-feedback) main > .commercial-section.commercial-prose > .sc-wrap > p,
html:root body.sc-site.sc-editorial main.sc-document > section:not(.obs-sheet):has(> h2) > p,
html:root body.sc-site.sc-editorial main.sc-document > :is(.release-document,.sc-prose) > section:not(.obs-sheet):has(> h2) > p {
 margin-top:0 !important;
 margin-bottom:.875rem !important;
}
html:root body.sc-site:not(.sc-feedback) main > .commercial-section.commercial-prose > .sc-wrap > :is(ul,ol),
html:root body.sc-site.sc-editorial main.sc-document > section:not(.obs-sheet):has(> h2) > :is(ul,ol),
html:root body.sc-site.sc-editorial main.sc-document > :is(.release-document,.sc-prose) > section:not(.obs-sheet):has(> h2) > :is(ul,ol) {
 margin-top:.5rem !important;
 margin-bottom:.875rem !important;
}
html:root body.sc-site:not(.sc-feedback) main > .commercial-section.commercial-prose > .sc-wrap > :last-child,
html:root body.sc-site.sc-editorial main.sc-document > section:not(.obs-sheet):has(> h2) > :last-child,
html:root body.sc-site.sc-editorial main.sc-document > :is(.release-document,.sc-prose) > section:not(.obs-sheet):has(> h2) > :last-child {
 margin-bottom:0 !important;
}
@media(max-width:600px) {
 html:root body.sc-site:not(.sc-feedback) main > .commercial-section.commercial-prose > .sc-wrap > p,
 html:root body.sc-site.sc-editorial main.sc-document > section:not(.obs-sheet):has(> h2) > p,
 html:root body.sc-site.sc-editorial main.sc-document > :is(.release-document,.sc-prose) > section:not(.obs-sheet):has(> h2) > p {
  line-height:1.6;
 }
}

/* An introduction needs space before the first section divider. */
html:root body.sc-site.sc-editorial main.sc-document > p + section:not(.obs-sheet):has(> h2),
html:root body.sc-site.sc-editorial main.sc-document > :is(.release-document,.sc-prose) > p + section:not(.obs-sheet):has(> h2) {
 margin-top:var(--site-section-space) !important;
}