/* Bio2Twin public About cluster. Scoped; canonical design tokens from design-system.css. */
body.bt-about-unified[data-bt-surface="public"]{padding-top:64px;overflow-x:clip}
body.bt-about-unified [data-b2t-shared-topbar]{position:relative;z-index:999}
body.bt-about-unified :is(main,.bt-page){color:var(--bt-ink,#eeeae4)}
body.bt-about-unified main :is(h1,h2,h3){text-wrap:balance;overflow-wrap:anywhere}
body.bt-about-unified main h1{font-size:clamp(32px,4.2vw,52px);line-height:1.12;letter-spacing:-.038em}
body.bt-about-unified main .hero{min-height:0}
body.bt-about-unified main .hero .wrap{max-width:1180px}
body.bt-about-unified main .hero h1{max-width:800px}
body.bt-about-unified :is(.hero,.bt-page,.bt-section) :is(.lead,p){overflow-wrap:anywhere}
body.bt-about-unified main a:focus-visible{outline:2px solid var(--bt-focus,#89b6df);outline-offset:3px}
body.bt-about-unified .bt-about-intro{padding:28px 0 32px;border-top:1px solid var(--bt-line,#32363b);border-bottom:1px solid var(--bt-line,#32363b);margin:30px 0;color:var(--bt-ink,#eeeae4)}
body.bt-about-unified .bt-about-intro h2{font-size:clamp(27px,3vw,36px);margin:6px 0 12px}
body.bt-about-unified .bt-about-intro>p:not(.kicker){max-width:800px;line-height:1.75;color:var(--bt-body,#c1beb8)}
body.bt-about-unified .bt-about-linkrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
body.bt-about-unified .bt-about-linkrow a{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border:1px solid var(--bt-line,#32363b);border-radius:9px;text-decoration:none;color:var(--bt-ink,#eeeae4)}
body.bt-about-unified .bt-about-linkrow a:hover{background:var(--bt-surface,#191c1f)}
body.bt-about-unified .bt-about-evidence-note{max-width:790px;color:var(--bt-body,#c1beb8);background:var(--bt-surface,#191c1f);border-left:3px solid var(--bt-accent,#e66b76);padding:13px 17px;margin:19px 0 18px;line-height:1.7;font-size:13px}
body.bt-about-unified .bt-about-evidence-note strong{color:var(--bt-ink,#eeeae4)}
@media(max-width:900px){body.bt-about-unified main h1{font-size:clamp(30px,7vw,43px)}}
@media(max-width:640px){body.bt-about-unified .bt-about-intro{margin:24px 0;padding:22px 0}body.bt-about-unified .bt-about-linkrow{flex-direction:column;align-items:stretch}body.bt-about-unified .bt-about-linkrow a{width:100%}body.bt-about-unified main .hero{padding-top:45px}}
@media(prefers-reduced-motion:reduce){body.bt-about-unified *{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Unified graphite palette across /about/, /roadmap/, /about/development/.
   Authoritative colors: /assets/css/biotwin-design-system.css. No legacy mint/green. */
html:has(body.bt-about-unified[data-bt-surface="public"]){
 background:var(--bt-canvas,#111315)!important;
 color-scheme:dark;
}
body.bt-about-unified[data-bt-surface="public"]{
 --bg:var(--bt-canvas,#111315);
 --panel:var(--bt-surface,#191c1f);
 --text:var(--bt-ink,#eeeae4);
 --soft:var(--bt-muted,#969a9e);
 --line:var(--bt-line,#32363b);
 --blue:var(--bt-accent,#e66b76);
 --mint:var(--bt-accent,#e66b76);
 --ds-canvas:var(--bt-canvas,#111315);
 --ds-elevated:var(--bt-surface,#191c1f);
 --ds-soft:var(--bt-surface-raised,#202428);
 --ds-ink:var(--bt-ink,#eeeae4);
 --ds-muted:var(--bt-muted,#969a9e);
 --ds-line:var(--bt-line,#32363b);
 --ds-line-strong:var(--bt-line,#32363b);
 --ds-accent:var(--bt-accent,#e66b76);
 --rm-bg:var(--bt-canvas,#111315);
 --rm-card:var(--bt-surface,#191c1f);
 --rm-card-top:var(--bt-surface-raised,#202428);
 --rm-line-strong:var(--bt-line,#32363b);
 --rm-blue:var(--bt-accent,#e66b76);
 --rm-blue-bright:var(--bt-accent,#e66b76);
 background:var(--bt-canvas,#111315)!important;
 background-color:var(--bt-canvas,#111315)!important;
 color:var(--bt-ink,#eeeae4);
}
body.bt-about-unified :is(main,.bt-page){background-color:transparent;color:var(--bt-ink,#eeeae4)}
body.bt-about-unified main :is(.hero,.section,.bt-section,.section--future,.decision){background:transparent!important;border-color:var(--bt-line,#32363b)!important}
body.bt-about-unified main :is(.card,.bt-card,.milestone-card,.fact,.gate-status,.gate-unit,.decision-panel,.bt-notice,.research-card,.timeline-card){
 background:var(--bt-surface,#191c1f)!important;
 border-color:var(--bt-line,#32363b)!important;
 box-shadow:none!important;
}
body.bt-about-unified main :is(.card:hover,.bt-card:hover){border-color:var(--bt-muted,#969a9e)!important}
body.bt-about-unified main :is(.lead,.hero .lead,.section p,.bt-section p,.card p,.bt-card p,.fact,.legend,.eyebrow,.kicker,.section-id,.en-sub,.meta,.sub,.note){
 color:var(--bt-body,#c1beb8)!important;
}
body.bt-about-unified main :is(.kicker,.eyebrow,.section-id,.card .n,.bt-card .n){color:var(--bt-muted,#969a9e)!important}
body.bt-about-unified main :is(.jump.primary,.bt-cta,.bt-cta-primary){
 background:var(--bt-surface-raised,#202428)!important;
 border:1px solid var(--bt-line,#32363b)!important;
 color:var(--bt-ink,#eeeae4)!important;
 box-shadow:none!important;
}
body.bt-about-unified main :is(.jump.primary:hover,.bt-cta:hover){background:var(--bt-surface,#191c1f)!important;border-color:var(--bt-accent,#e66b76)!important}
body.bt-about-unified main :is(.jump:not(.primary),.bt-about-linkrow a){background:transparent!important;border-color:var(--bt-line,#32363b)!important;color:var(--bt-ink,#eeeae4)!important}
body.bt-about-unified main :is(.milestone.current::before,.legend i,.square){background:var(--bt-accent,#e66b76)!important;box-shadow:none!important}
body.bt-about-unified main :is(.timeline,.milestone,.gate-unit){border-color:var(--bt-line,#32363b)!important}
body.bt-about-unified main :is(a:focus-visible,button:focus-visible){outline:2px solid var(--bt-focus,#89b6df);outline-offset:3px}

body.bt-about-unified main :is(.decision,.decision-panel) a:not(.jump){color:var(--bt-ink,#eeeae4)!important}
body.bt-about-unified main .bt-notice{color:var(--bt-body,#c1beb8)!important}

/* Remove remaining mint from historical OI icons and article emphasis. */
body.bt-about-unified main .oi-glyph,
body.bt-about-unified main .oi-glyph :is(svg,path,circle,ellipse,rect){color:var(--bt-accent,#e66b76)!important}
body.bt-about-unified main .card-link{color:var(--bt-body,#c1beb8)!important}
body.bt-about-unified main :is(.card,.fact,.gate-status,.gate-unit,.decision-panel) strong{color:var(--bt-ink,#eeeae4)!important}

/* Roadmap timeline cards: headline text is warm white; numbers and icons keep accent. */
body.bt-about-unified main article.card h3{color:var(--bt-ink,#eeeae4)!important}