/* SHARED·SCIENCE (415) — "The science" aside (Read · teal tint). (D-619 1C heading-led)
 * EXTRACTED from read.css (.wkr-aside + .wkr-ccite), values verbatim, prefix renamed (→ sci).
 * ⚠️ The live read keeps its copy until the reviewed migration pass. */
.sci { background: var(--teal-100); border: 1px solid var(--teal-200); border-radius: var(--radius-card); padding: var(--space-16); margin: var(--space-16) 0 0; } /* token-exception */
.sci .ttl { display: flex; align-items: center; font-family: var(--font-display); font-size: var(--text-body); font-weight: var(--weight-600); color: var(--nav-active); margin-bottom: var(--space-4); }
.sci .ttl .act-wrap { margin-left: auto; }
.sci p { font-size: var(--text-caption); line-height: var(--leading-150); margin: 0; color: var(--nav-active); }
.sci .ccite { font-family: var(--font-label); font-size: var(--text-micro); color: var(--text-tertiary); margin-top: var(--space-8); }
.sci .ccite a { color: var(--accent); }
.sci .ccite a:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.sci .ccite a:active { opacity: 0.72; }