/* coachroom.ai · /science section layer · v4.1, approval pending. Builds on tokens.css, tokens-web.css, components.css, site.css. No raw hex outside the topic tokens below. */
:root{
 --sci-flashcards:#0B5D5E;--sci-quizzes:#3A5F8F;--sci-roleplay:#A63E16;
 --sci-voiceroom:#6A3E8E;--sci-roomie:#4E6418;--sci-outreach:#424245; /* violet + moss: new, v4.1 approval pending */
 --sci-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
 --sci-grid-line:var(--border-subtle);
 --sci-ease:cubic-bezier(.23,1,.32,1);
}
.sci-grid{background-image:linear-gradient(var(--sci-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--sci-grid-line) 1px,transparent 1px);background-size:64px 64px;background-position:-1px -1px}
.sci-hero{position:relative;padding-top:var(--web-space-4);padding-bottom:var(--web-space-4);border-bottom:1px solid var(--border-subtle)}
.sci-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--surface-raised));pointer-events:none}
.sci-hero .wrap{position:relative;z-index:1}
.sci-kicker{font-family:var(--sci-mono);font-size:13px;line-height:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);display:flex;gap:16px;flex-wrap:wrap}
.sci-kicker b{color:var(--text-primary);font-weight:500}
.sci-hero h1{font-size:var(--web-h1-size);line-height:var(--web-h1-line);letter-spacing:var(--web-h1-track);font-weight:600;max-width:13em;margin:24px 0}
.sci-hero .lead{max-width:36em;color:var(--text-secondary)}
.sci-index{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--border-strong);margin-top:var(--web-space-3);font-family:var(--sci-mono);font-size:13px}
.sci-index a{padding:16px 8px 0 0;min-height:44px;color:var(--text-primary);text-decoration:none;border-right:1px solid var(--border-subtle);display:block}
.sci-index a span{display:block;color:var(--text-secondary)}
.sci-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle)}
.sci-card{--t:var(--text-primary);position:relative;display:flex;flex-direction:column;gap:16px;min-height:320px;padding:32px;background:var(--surface-raised);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);text-decoration:none;transition:background-color var(--web-dur-ui) var(--sci-ease)}
.sci-card::before{content:"";position:absolute;left:0;top:0;height:4px;width:48px;background:var(--t);transition:width var(--web-dur-reveal) var(--sci-ease)}
.sci-card__no{font-family:var(--sci-mono);font-size:13px;color:var(--t);font-weight:500;letter-spacing:.04em}
.sci-card h3{font-size:var(--web-h3-size);line-height:var(--web-h3-line);letter-spacing:var(--web-h3-track);font-weight:600;margin:0}
.sci-card p{margin:0;color:var(--text-secondary);font-size:var(--web-small-size);line-height:var(--web-small-line)}
.sci-card__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--sci-mono);font-size:12px;color:var(--text-secondary)}
.sci-card__go{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--t);transition:transform var(--web-dur-ui) var(--sci-ease)}
@media (hover:hover) and (pointer:fine){.sci-card:hover{background:var(--surface-canvas)}.sci-card:hover::before{width:100%}.sci-card:hover .sci-card__go{transform:translateX(4px)}}
.sci-card:focus-visible{outline:2px solid var(--t);outline-offset:-4px}
.sci-card:active .sci-card__go{transform:scale(.97)}
.t-flashcards{--t:var(--sci-flashcards)}.t-quizzes{--t:var(--sci-quizzes)}.t-roleplay{--t:var(--sci-roleplay)}.t-voiceroom{--t:var(--sci-voiceroom)}.t-roomie{--t:var(--sci-roomie)}.t-outreach{--t:var(--sci-outreach)}
.sci-glyph{width:56px;height:56px;color:var(--t)}
.doi{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--sci-mono);font-size:13px;line-height:20px;color:var(--text-brand);text-decoration:underline;text-decoration-color:var(--border-subtle);text-underline-offset:4px}
.doi:hover{text-decoration-color:currentColor}
.cite{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--border-subtle)}
.cite__n{font-family:var(--sci-mono);font-size:13px;color:var(--t,var(--text-secondary));padding-top:4px}
.cite h3{margin:0 0 8px;font-size:18px;line-height:26px;font-weight:600}
.cite p{margin:0;color:var(--text-secondary);font-size:var(--web-small-size);line-height:var(--web-small-line)}
.cite__src{font-family:var(--sci-mono);font-size:12px;color:var(--text-secondary);margin-top:8px}
.stat{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:end;padding:40px;border-radius:var(--cr-radius-md);background:var(--surface-ink);color:var(--text-on-stage)}
.stat__num{font-size:120px;line-height:.9;letter-spacing:-.05em;font-weight:600;font-variant-numeric:tabular-nums}
.stat__num sup{font-size:.35em;vertical-align:top;color:var(--web-accent-word)}
.stat p{margin:0 0 8px;font-size:var(--web-lead-size);line-height:var(--web-lead-line);max-width:24em}
.stat .doi{color:var(--text-on-stage-secondary)}
.answer{border-left:4px solid var(--t);padding:8px 0 8px 24px;font-size:var(--web-lead-size);line-height:var(--web-lead-line);max-width:34em}
.answer small{display:block;font-family:var(--sci-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}
.art{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--web-space-3)}
.art__rail{position:sticky;top:calc(var(--web-header-h) + 24px);align-self:start;font-family:var(--sci-mono);font-size:13px}
.art__rail a{display:flex;align-items:center;min-height:44px;color:var(--text-secondary);text-decoration:none;border-left:1px solid var(--border-subtle);padding-left:16px}
.art__rail a[aria-current]{color:var(--text-primary);border-left:2px solid var(--t)}
.art h2{font-size:var(--web-h2-size);line-height:var(--web-h2-line);letter-spacing:var(--web-h2-track);font-weight:600;margin:var(--web-space-3) 0 var(--web-space-1)}
.note{font-family:var(--sci-mono);font-size:12px;color:var(--text-secondary)}
.sci-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:40px;border-radius:var(--cr-radius-lg);background:var(--surface-ink);color:var(--text-on-stage)}
.sci-cta h2{margin:0;font-size:var(--web-h2-size);line-height:var(--web-h2-line);letter-spacing:var(--web-h2-track);font-weight:600}
.rv{opacity:0;transform:translateY(8px);animation:sci-in var(--web-dur-reveal) var(--sci-ease) forwards;animation-delay:calc(var(--i,0) * var(--web-stagger))}
@keyframes sci-in{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rv{animation:none;opacity:1;transform:none}.sci-card,.sci-card::before,.sci-card__go{transition:none}}
@media (max-width:960px){.sci-cards{grid-template-columns:repeat(2,1fr)}.art{grid-template-columns:1fr}.art__rail{display:none}.sci-index{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.sci-cards{grid-template-columns:1fr}.sci-card{min-height:0;padding:24px}.sci-grid{background-size:40px 40px}.stat{grid-template-columns:1fr;padding:24px;gap:16px}.stat__num{font-size:88px}.sci-cta{flex-direction:column;align-items:flex-start;padding:24px}.sci-index{display:none}.cite{grid-template-columns:32px 1fr}}
.doi{overflow-wrap:anywhere;word-break:break-word}.cite>div,.stat>div,.art>article{min-width:0}

/* Adapter for the current Coachroom shell; prototype token names stay local. */
.science-page{--sci-grid-line:var(--line);--border-subtle:var(--line);--border-strong:var(--border);--surface-raised:var(--white);--surface-canvas:var(--pearl);--surface-ink:var(--ink);--text-primary:var(--ink);--text-secondary:var(--graphite);--text-brand:var(--petrol);--text-on-stage:var(--white);--text-on-stage-secondary:var(--on-ink);--cr-radius-md:var(--r-card);--cr-radius-lg:var(--r-media);--web-space-1:24px;--web-space-3:64px;--web-space-4:104px;--web-h1-size:64px;--web-h1-line:70px;--web-h1-track:-.035em;--web-h2-size:48px;--web-h2-line:54px;--web-h2-track:-.03em;--web-h3-size:24px;--web-h3-line:30px;--web-h3-track:-.022em;--web-small-size:15px;--web-small-line:22px;--web-lead-size:20px;--web-lead-line:30px;--web-header-h:80px;--web-dur-ui:220ms;--web-dur-reveal:300ms;--web-stagger:70ms;--web-accent-word:var(--orange)}
.science-page .sci-section{padding-block:64px}.science-page .sci-pearl{background:var(--pearl)}
.science-page .sci-section>h2{margin-bottom:32px}.science-page .accent{color:var(--orange)}
.science-page .art p{max-width:38em}.science-page .art h2:first-child{margin-top:0}.science-page .art section+section{margin-top:64px}
.science-page .sci-kicker a{display:inline-flex;align-items:center;min-height:44px}.science-page .sci-cta :focus-visible{outline-color:var(--white)}
.science-page .stat{margin-block:32px}.science-page .stat p{color:var(--white)}
.science-page .sci-card h2{font-size:24px;line-height:30px;letter-spacing:-.022em}
@media(max-width:960px){.science-page{--web-h1-size:52px;--web-h1-line:58px;--web-h2-size:36px;--web-h2-line:42px}}
@media(max-width:640px){.science-page{--web-h1-size:36px;--web-h1-line:42px;--web-h2-size:28px;--web-h2-line:34px;--web-space-4:64px;--web-lead-size:18px;--web-lead-line:28px}.science-page .sci-section{padding-block:40px}.science-page .art section+section{margin-top:40px}.science-page .sci-cta .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){.science-page .sci-card .sci-card__go{transform:none}}

.science-page .sci-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 24px;font-size:14px}
.science-page .sci-breadcrumb li+li::before{content:">";margin-inline-end:8px}
.science-page .sci-breadcrumb a{display:inline-block;padding-block:8px;text-decoration:underline}
.science-page .sci-breadcrumb span{display:inline-block;padding-block:8px}
.science-page .sci-updated{font-size:14px;margin-block:16px 24px}
.science-page .art article a{ text-decoration:underline;text-underline-offset:3px }
/* Science invitation variant C, scoped to the generated science shell. */
.science-page .nav .btn,.science-page .sci-cta .btn{background:#fff;color:#1D1D1F;box-shadow:none}
.science-page .nav .btn{border:1.5px solid #1D1D1F}
.science-page .nav .btn__signal{background:#1D1D1F;color:#fff;box-shadow:none}
.science-page .sci-cta .btn{height:56px;min-height:56px}
.science-page .sci-cta .btn__signal{background:#F5662A;color:#1D1D1F;box-shadow:none}
.science-page .sci-cta__note{margin:12px 0 0;color:#fff;font-size:14px;line-height:20px}
.science-page .nav .btn:focus-visible{outline:3px solid #1D1D1F;outline-offset:5px}
.science-page .sci-cta .btn:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:700px){
 .science-page .nav:has([data-cta-suppressed="true"]) .nav-actions>.btn{display:none!important}
 .science-page .nav:has([data-cta-suppressed="true"]) .nav-in{grid-template-columns:1fr auto auto;grid-template-rows:auto;gap:8px}
 .science-page .nav:has([data-cta-suppressed="true"]) .nav-actions .login{grid-column:2;grid-row:1}
 .science-page .nav:has([data-cta-suppressed="true"]) .mobile-menu{grid-column:3;grid-row:1}
 .science-page .sci-cta{flex-direction:column;align-items:stretch}
 .science-page .sci-cta__action,.science-page .sci-cta .btn{width:100%}
}

.science-page .nav .btn.btn-primary:is(:hover,:active),.science-page .sci-cta .btn.btn-primary:is(:hover,:active){background:#fff;color:#1D1D1F}