/* A research instrument: midnight surfaces, ion accents and local system type. */
:root {
  --bg:#071018; --surface:#0d1b25; --surface-2:#122632;
  --ink:#e7f2f4; --muted:#9fb5c0; --subtle:#8aa3b1; --line:#263e4b;
  --accent:#7ce8cd; --accent-dim:#59bba7; --warning:#efc18b; --danger:#ffa9a9;
  --science-midnight:#071018; --science-ice:#9dcff2; --science-copper:#c69270;
  --science-space:clamp(24px,4.5vw,76px); color-scheme:dark;
}
html {scroll-padding-top:95px}
body {background:var(--bg); font-size:15px; -webkit-font-smoothing:antialiased}
::selection {background:var(--accent); color:var(--bg)}
[hidden]{display:none!important}
.app-shell {display:block; min-width:0}
.workspace {min-width:0}
.sidebar.science-masthead {
  position:relative; top:auto; width:100%; height:auto; min-height:86px;
  background:var(--bg); padding:18px var(--science-space); border:0;
  border-bottom:1px solid var(--line); display:flex; flex-direction:row;
  align-items:center; justify-content:space-between; gap:26px; overflow:visible;
}
.brand {font:700 21px/1.25 var(--sans); letter-spacing:2.5px; gap:11px; flex-shrink:0; align-items:center}
.brand-mark {width:32px; height:36px; color:var(--accent); margin:0}
.brand-caption {font:10px/1.4 var(--mono); letter-spacing:1px; margin-top:4px; color:var(--muted); text-transform:uppercase}
.science-masthead .nav-heading {display:none}
.science-masthead #navigation {margin-left:auto; min-width:0}
.science-masthead .sidebar-note {margin:0; padding:0; border:0; flex-shrink:0; font:10px/1.5 var(--mono); color:var(--muted); max-width:100px}
.science-masthead .sidebar-note p,.science-masthead .sidebar-note .version {display:none}
.status-dot {background:var(--accent); width:5px; height:5px}
.science-navigation {display:flex; align-items:center; gap:clamp(10px,1.5vw,25px); flex-wrap:wrap; justify-content:flex-end}
.science-navigation .nav-link {font:500 12px/1.4 var(--sans); white-space:nowrap; padding:9px 0; margin:0; border:0; border-radius:0; background:none; color:var(--muted); position:relative}
.science-navigation .nav-link:after {content:''; height:1px; position:absolute; bottom:3px; left:0; right:0; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .2s}
.science-navigation .nav-link:hover {color:var(--ink)}
.science-navigation .nav-link:hover:after,.science-navigation .nav-link[aria-current=page]:after {transform:scaleX(1)}
.science-navigation .nav-link[aria-current=page] {color:var(--accent)}
.science-reference-menu {position:relative; font:11px/1.5 var(--sans); color:var(--muted)}
.science-reference-menu summary {display:flex; align-items:center; gap:12px; padding:9px 0; list-style:none; cursor:pointer; white-space:nowrap}
.science-reference-menu summary::-webkit-details-marker {display:none}
.science-reference-menu summary>span {font:18px/1 var(--mono); color:var(--accent)}
.science-reference-menu[open] summary>span {transform:rotate(45deg)}
.science-reference-links {position:absolute; right:0; top:calc(100% + 13px); width:310px; padding:18px 22px; background:var(--surface); border:1px solid var(--line); box-shadow:0 16px 40px #0008; display:grid; grid-template-columns:1fr 1fr; gap:0 20px; z-index:20}
.science-navigation .science-reference-link {font-size:12px; white-space:normal; padding:10px 0}
.topbar {height:38px; padding:0 var(--science-space); border:0; max-width:1536px; margin:auto}
.breadcrumb {font-size:10px; letter-spacing:1.1px}
.demo-indicator,.demo-detail {color:var(--muted); font-size:10px}
.science-status-link {font:10px/1.5 var(--mono); color:var(--muted)}
.science-status-link:hover {color:var(--accent)}
main {max-width:1536px; padding:14px var(--science-space) 34px; min-height:calc(100vh - 190px)}
.page-footer {padding:20px var(--science-space); font-size:10px; line-height:1.8; color:var(--muted); max-width:1536px; margin:auto}
.skip-link {background:var(--accent); color:var(--bg)}
.science-label {font:10px/1.7 var(--mono); letter-spacing:1.2px; color:var(--muted); display:block}
.science-home h1,.science-protocol-page h1 {font:500 clamp(43px,4.4vw,69px)/1.07 var(--sans); letter-spacing:-2.7px; color:var(--ink); margin:23px 0 24px}
.science-home h1 em,.science-protocol-page h1 em {font-style:normal; color:var(--accent)}
.science-home h2,.science-protocol-page h2 {font:500 clamp(28px,3vw,42px)/1.16 var(--sans); letter-spacing:-1.3px}
.science-home h3,.science-protocol-page h3 {font:500 23px/1.2 var(--sans); letter-spacing:-.6px}
.science-home p,.science-protocol-page p,.token-user-experience p {color:var(--muted); font-size:14px; line-height:1.75}
.science-hero {display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:15px; min-height:430px; padding:0 0 22px; position:relative}
.science-hero-copy {position:relative; z-index:2; padding:23px 0}
.science-hero-copy>.science-label {color:var(--science-ice)}
.science-hero-lead {max-width:480px; font-size:16px!important; line-height:1.75!important; margin-bottom:0}
.science-hero-actions {display:flex; flex-wrap:wrap; gap:23px; align-items:center; margin-top:27px}
.button.science-primary,.button {border-radius:2px; padding:12px 17px; line-height:1.5; background:var(--accent); color:#08251f; border:1px solid var(--accent); font-size:12px; font-weight:600; gap:18px; transition:background .2s}
.button.science-primary:hover,.button:hover {background:#a4f6df; color:#08251f}
.button.secondary {background:transparent; color:var(--ink); border-color:#527380}
.button.secondary:hover {background:var(--surface-2); color:var(--ink)}
.science-line-link {display:inline-flex; align-items:center; gap:21px; font:500 12px/1.6 var(--sans); border-bottom:1px solid var(--line); padding:7px 0; color:var(--ink); width:fit-content; max-width:100%}
.science-line-link:hover {color:var(--accent); border-color:var(--accent)}
.science-arrow {font:20px/1 var(--sans); color:var(--accent); transition:transform .2s}
.science-line-link:hover .science-arrow,.science-workbench-link:hover .science-arrow {transform:translate(2px,-2px)}
.science-home .science-availability {font:10px/1.8 var(--mono); max-width:455px; margin:20px 0 0; color:var(--muted)}
.science-specimen {margin:0 -18px 0 0; position:relative; min-width:0; align-self:stretch; display:flex; flex-direction:column; justify-content:center}
.science-specimen-field {position:relative; display:grid; place-items:center; min-width:0; aspect-ratio:1.35; overflow:hidden; isolation:isolate; background-image:linear-gradient(#254c5b30 1px,transparent 1px),linear-gradient(90deg,#254c5b30 1px,transparent 1px); background-size:38px 38px; mask-image:radial-gradient(ellipse at center,#000 40%,transparent 76%)}
.science-specimen-field:before {content:''; position:absolute; width:73%; aspect-ratio:1; border:1px solid #4a8c9f45; border-radius:50%; transform:rotateX(52deg) rotate(-25deg); z-index:0}
.science-specimen-field:after {content:''; position:absolute; inset:12% 6%; border-left:1px solid #76cbbb44; border-right:1px solid #76cbbb44; z-index:2; pointer-events:none}
.science-specimen-image {width:122%; max-width:none; height:auto; display:block; filter:invert(1) saturate(.4); mix-blend-mode:screen; object-fit:contain; position:relative; z-index:1; transform:translate(-2%,-1%); opacity:.92}
.science-specimen figcaption {display:flex; flex-wrap:wrap; justify-content:space-between; gap:3px 15px; font:10px/1.8 var(--mono); letter-spacing:.65px; color:var(--muted); border-top:1px solid var(--line); padding-top:9px; margin:0 18px 0 22px}
.science-specimen-fallback {width:100%; height:auto; max-height:390px; overflow:visible}
.science-specimen-layer {fill:#152d39; stroke:#5b8e9b; stroke-width:1}
.science-specimen-layer.layer-2 {fill:#24554e}
.science-specimen-edge {fill:none; stroke:#6e9ba6; stroke-width:1}
.science-specimen-wire {stroke:var(--accent); fill:none; stroke-width:1}
/* A conceptual scan and a single trace add motion without suggesting live work. */
.science-specimen-motion {position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; overflow:hidden}
.science-specimen-scan {fill:#7ce8cd06; stroke:#7ce8cd66; stroke-width:1; vector-effect:non-scaling-stroke; animation:science-strata-scan 14s ease-in-out infinite; animation-play-state:paused}
.science-specimen-trace {fill:none; stroke:#9dcff270; stroke-width:1.2; stroke-linecap:round; stroke-dasharray:18 982; vector-effect:non-scaling-stroke; animation:science-strata-trace 26s linear infinite; animation-play-state:paused}
.science-specimen[data-hero-motion=running] .science-specimen-scan,.science-specimen[data-hero-motion=running] .science-specimen-trace {animation-play-state:running}
.science-hero-motion-control {border:0; background:transparent; padding:0 0 0 5px; margin:-3px 0; color:var(--accent); font:inherit; letter-spacing:inherit; white-space:nowrap; min-height:24px; cursor:pointer}
.science-hero-motion-control:hover {color:var(--ink)}
.science-hero-motion-control:disabled {color:var(--muted); cursor:default}
@keyframes science-strata-scan {0%,100%{transform:translateY(-62px)}50%{transform:translateY(50px)}}
@keyframes science-strata-trace {to{stroke-dashoffset:-1000}}
.science-workbench {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); background:var(--surface)}
.science-workbench-link {padding:23px 25px 20px; min-width:0; border-right:1px solid var(--line); transition:background .2s}
.science-workbench-link:last-child {border-right:0}
.science-workbench-link:hover {background:var(--surface-2)}
.science-workbench-meta {display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:16px}
.science-workbench-meta>.science-label:last-child {font-size:10px; color:var(--accent); letter-spacing:.6px}
.science-workbench-link h3 {display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:23px; margin:0 0 12px}
.science-workbench-link p {font-size:13px; line-height:1.75; margin:0; max-width:350px}
.science-network-thesis {padding:35px 0 0}
.science-thesis-copy {display:grid; grid-template-columns:.85fr 1.15fr; gap:55px}
.science-thesis-copy>.science-label {color:var(--accent)}
.science-thesis-copy h2 {font-size:35px; margin:14px 0 0; line-height:1.18}
.science-thesis-copy p {font-size:13px; margin:0 0 11px; line-height:1.75; max-width:680px}
.science-thesis-links {display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:3px}
.science-home-privacy {font:10px/1.8 var(--mono)!important; border-top:1px solid var(--line); margin:14px 0 0; padding-top:12px}
/* Motion describes a proposed sequence. It never represents network activity. */
.science-process {margin:22px 0 0; --process-ink:var(--ink); --process-muted:var(--muted); --process-line:#355762; --process-accent:var(--accent)}
.science-process-hint {display:none}
.science-process-svg {width:100%; height:auto; display:block; overflow:visible}
.science-flow-track {stroke:var(--process-line); stroke-width:1; fill:none}
.science-flow-pass {stroke:var(--process-accent); stroke-width:1.7; stroke-dasharray:12 118; stroke-linecap:round; fill:none; animation:science-evidence-pass 4.5s linear infinite; animation-play-state:paused}
.science-flow-pass[data-stage="2"] {animation-delay:.7s}
.science-flow-pass[data-stage="3"] {animation-delay:1.4s}
.science-flow-pass[data-stage="4"] {animation-delay:2.1s}
.science-flow-pass[data-stage="5"] {animation-delay:2.8s}
.science-process[data-motion=running] .science-flow-pass {animation-play-state:running}
.science-flow-node circle {stroke:var(--process-line); fill:var(--bg); stroke-width:1}
.science-flow-number {fill:var(--process-ink); font:11px var(--mono)}
.science-flow-title {fill:var(--process-ink); font:12px var(--mono); letter-spacing:1px}
.science-flow-status {fill:var(--process-muted); font:10px var(--mono); letter-spacing:.5px}
.science-process-footer {display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:12px 0 0; border-top:1px solid var(--process-line)}
.science-process-footer>.science-label {color:var(--process-muted)}
.science-motion {display:flex; align-items:center; gap:17px}
.science-motion-status {font:10px/1.7 var(--mono); color:var(--process-muted); max-width:310px; text-align:right}
.science-motion-control {border:1px solid var(--process-line); border-radius:2px; background:transparent; color:var(--process-ink); font:10px/1.5 var(--mono); padding:8px 12px; white-space:nowrap; min-height:34px}
.science-motion-control:hover {border-color:var(--process-accent)}
.science-motion-control:disabled {cursor:default; opacity:1}
/* Detailed protocol content lives in its own inspectable workspace. */
.science-protocol-intro {padding:22px 0 27px; max-width:850px}
.science-protocol-intro h1 {font-size:clamp(43px,4.9vw,69px); margin:20px 0}
.science-protocol-intro>.science-hero-lead {max-width:680px}
.science-protocol-page>.science-process {border:1px solid var(--line); background:var(--surface); padding:0 20px 15px; margin:0 0 30px}
.science-protocol-page>.science-process .science-flow-node circle {fill:var(--surface)}
.science-protocol-explorer {display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(30px,5vw,80px); margin-bottom:45px}
.science-step-list {border-top:1px solid var(--line)}
.science-step-button {display:grid; grid-template-columns:27px 1fr auto 18px; gap:12px; align-items:center; padding:18px 6px; width:100%; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; min-height:66px}
.science-step-button>strong {font:500 22px/1.2 var(--sans)}
.science-step-button>.science-step-state {font:10px/1.5 var(--mono); letter-spacing:.45px; color:var(--muted); text-align:right}
.science-step-button>.science-arrow {font-size:16px}
.science-step-button[aria-pressed=true] {background:#122e33}
.science-step-button[aria-pressed=true]>strong {color:var(--accent)}
.science-step-button:hover {background:var(--surface-2)}
.science-step-button:disabled {opacity:.8; cursor:default}
.science-protocol-detail {padding:13px 0 20px; min-height:330px}
.science-protocol-detail>.science-label {color:var(--accent)}
.science-protocol-detail h2 {font-size:36px; margin:23px 0 19px; max-width:470px}
.science-protocol-detail p {font-size:14px; max-width:550px}
.science-protocol-detail p.science-protocol-lead {font-size:16px; line-height:1.75; margin-bottom:17px}
.science-protocol-detail .science-line-link {margin-top:9px}
.science-protocol-pending {font:11px/1.8 var(--mono); color:var(--accent); display:block; margin-top:23px}
.science-accountability {border-top:1px solid var(--line); padding-top:30px}
.science-accountability>.science-label {color:var(--accent); margin-bottom:16px}
.science-accountability h2 {max-width:680px; margin-bottom:25px}
.science-accountability-grid {display:grid; grid-template-columns:1fr 1fr; gap:50px}
.science-accountability-grid h3 {font-size:24px; margin-bottom:13px}
.science-accountability-grid p {font-size:14px; max-width:510px}
.science-protocol-links {display:flex; gap:30px; margin-top:18px; flex-wrap:wrap}
.science-further-reading {border-top:1px solid var(--line); margin-top:30px; padding-top:25px}
.science-further-reading>.science-label {color:var(--accent)}
.science-further-reading>p {max-width:780px; font-size:14px; margin-top:15px}
.science-further-reading .science-protocol-links {margin-top:8px}
/* Existing instruments retain their behavior, with dark receipts and readable forms. */
.page-intro {padding-top:18px; margin-bottom:28px}
.page-intro h1,.token-user-experience h1 {font-family:var(--sans); font-weight:500; font-size:clamp(34px,4vw,58px); letter-spacing:-1.8px}
.eyebrow {font-size:10px; letter-spacing:1.3px; color:var(--accent)}
.eyebrow:before {width:16px}
.lead {font-size:14px; line-height:1.8}
.panel,.model-card,.concept-card,.governance-task-card {border-radius:2px; background:var(--surface); box-shadow:none}
.panel-pad {padding:25px}
.panel-header {padding:20px 25px}
.panel-label {font-size:10px; line-height:1.8}
.tag {border-radius:2px; font-size:10px; line-height:1.7; white-space:normal}
.tag.good {background:#12352f; color:#9deed7; border-color:#35665a}
.tag.warning {background:#342a20; color:var(--warning); border-color:#70563c}
.tag.neutral {background:var(--surface-2); color:var(--muted)}
.button-link {color:var(--accent); line-height:1.8}
.fine-print,.help {color:var(--subtle)}
.metric-grid {border-radius:2px}
.metric-value {font-size:30px}
.metric {padding:23px}
.metric-label,.metric-note {line-height:1.8}
.section-header {margin:32px 0 18px}
.section-header h2,.token-panel h2,.token-panel h3,.library-task-card h3,.coverage-source-card h2,.concept-card h3 {font-family:var(--sans); font-weight:500; letter-spacing:-.5px}
.section-header h2 {font-size:26px}
.token-panel h2 {font-size:28px}
.token-panel h3 {font-size:23px}
.token-panel p,.token-section-copy {font-size:14px}
.token-question {border-radius:2px; background:var(--surface); padding:24px 40px 24px 24px}
.token-question strong {font:500 23px/1.25 var(--sans); letter-spacing:-.5px}
.token-question:hover {background:var(--surface-2); border-color:#4e827f}
.token-question>span:not(.panel-label):not(.token-question-arrow) {font-size:14px; line-height:1.8}
.token-result-metric {border-left-color:var(--accent)}
.token-result-metric strong {font-size:25px}
.token-funding-assumptions {border-radius:2px; padding:18px}
.token-funding-assumptions>summary {color:var(--accent)}
.token-budget-proof>div {font-size:12px}
.token-progress-grid h3 {font-size:25px}
.source-detail {border-radius:2px}
.source-detail,.allowance-grid,.usage-receipt,.curve-step {background:var(--surface); border-color:var(--line)}
.source-detail>summary {background:transparent; color:var(--ink)}
.source-detail[open]>summary {background:var(--surface-2)}
.source-detail summary {color:var(--ink)}
.source-content,.source-content p {color:var(--muted)}
input,select,textarea {background:#08151e; color:var(--ink); border-color:#4d6b78; border-radius:2px}
input:hover,select:hover,textarea:hover {border-color:var(--accent-dim)}
input:focus,select:focus,textarea:focus {border-color:var(--accent)}
.field>span:first-child {font-size:12px}
.field .help {font-size:11px; line-height:1.8}
.preset {background:var(--surface); border-color:#4d6b78; color:var(--ink); border-radius:2px}
.preset:hover {background:var(--surface-2); color:var(--accent); border-color:var(--accent)}
.notice,.empty-state {background:var(--surface); border-color:var(--line); color:var(--muted); border-radius:2px}
.notice p {color:var(--muted)}
.notice.warning {color:var(--warning); background:#2a241d; border-color:#70563c}
.error-message {color:var(--danger)}
.definition-grid {gap:20px}
.definition-grid dt {color:var(--subtle)}
.definition-grid dd {color:var(--ink)}
table {background:var(--surface)}
th {background:var(--surface-2); color:var(--muted)}
td {color:var(--ink)}
.table-wrap {border-radius:2px}
.concept-choice {border-radius:2px; background:var(--surface); font-size:13px}
.concept-choice:has(input:checked) {background:#14332e; border-color:var(--accent-dim)}
.source-meta,.task-meta {line-height:1.8}
.allocation-segment:first-child,.allocation-item:first-child .swatch {background:#7ce8cd}
.allocation-segment:nth-child(2),.allocation-item:nth-child(2) .swatch {background:#8dbfe5}
.allocation-segment:nth-child(3),.allocation-item:nth-child(3) .swatch {background:#c69270}
.allocation-segment:nth-child(4),.allocation-item:nth-child(4) .swatch {background:#567b8b}
.token-user-experience .token-privacy {font-size:10px}
.brief-benchmark,.brief-next-benchmark,.brief-topic-benchmark,.brief-heldout-benchmark {border-color:#4a747c}
.loading-mark {border-color:var(--line); border-top-color:var(--accent)}
.loading-text {color:var(--muted)}
.answer-copy {color:var(--ink); font-size:14px; line-height:1.85}
.brief-boundaries {background:#25251f; color:var(--muted); border-color:#67583d}
.task-link:hover {background:var(--surface-2)}
.progress-track {background:#233b45}
@keyframes science-evidence-pass {to{stroke-dashoffset:-130}}
@media(min-width:1600px) {
  .science-hero {min-height:490px}
  .science-hero h1 {font-size:69px}
}
@media(max-width:1250px) {
  .science-masthead .sidebar-note {display:none}
  .science-navigation {gap:17px}
  .sidebar.science-masthead {gap:22px}
  .science-hero h1 {font-size:clamp(40px,4.4vw,55px)}
  .science-step-button {grid-template-columns:24px 1fr 17px; gap:10px}
  .science-step-state {grid-row:2; grid-column:2; text-align:left!important}
  .science-step-button>.science-arrow {grid-row:1; grid-column:3}
}
@media(max-width:1020px) {
  .science-navigation {gap:5px 14px}
  .science-navigation .nav-link {font-size:11px}
  .science-reference-menu {font-size:10px}
  .science-hero {min-height:410px; gap:0}
  .science-hero h1 {font-size:clamp(36px,4.4vw,45px); letter-spacing:-1.8px}
  .science-hero-lead {font-size:14px!important}
  .science-hero-actions {gap:13px}
  .science-hero-actions .button {padding:11px 13px; font-size:11px}
  .science-hero-actions .science-line-link {font-size:11px; gap:15px}
  .science-specimen {margin-right:-20px}
  .science-specimen-image {width:135%}
  .science-workbench-link {padding:20px 18px}
  .science-workbench-link h3 {font-size:20px}
  .science-thesis-copy {gap:35px}
  .science-protocol-explorer {gap:35px}
}
@media(max-width:760px) {
  :root {--science-space:24px}
  .sidebar.science-masthead {flex-wrap:wrap; gap:15px; min-height:auto; padding-top:18px; padding-bottom:15px}
  .science-masthead #navigation {width:100%; margin:0; padding:0}
  .science-navigation {justify-content:flex-start; gap:4px 19px}
  .science-navigation .nav-link {font-size:11px; padding:6px 0}
  .science-reference-menu {font-size:10px; margin-left:auto}
  .science-reference-menu summary {padding:5px 0; gap:9px}
  .science-reference-links {top:calc(100% + 13px); width:310px; right:-2px}
  .brand {font-size:20px}
  .brand-mark {width:29px; height:32px}
  .topbar {height:37px}
  .demo-detail {display:none}
  main {padding-top:10px; padding-bottom:26px}
  .science-hero {grid-template-columns:1fr; min-height:0; padding:0 0 20px}
  .science-hero-copy {padding:22px 0 9px}
  .science-hero h1 {font-size:clamp(39px,6.6vw,53px); letter-spacing:-2px; margin:18px 0 20px}
  .science-hero-lead {font-size:15px!important; max-width:540px}
  .science-hero-actions {gap:23px; margin-top:22px}
  .science-hero-actions .button {font-size:12px; padding:12px 16px}
  .science-hero-actions .science-line-link {font-size:12px}
  .science-home .science-availability {max-width:520px; margin-top:17px}
  .science-specimen {margin:0 -15px; align-self:auto}
  .science-specimen-field {aspect-ratio:1.8; max-height:320px}
  .science-specimen-image {width:100%; transform:translateY(-2%)}
  .science-specimen figcaption {margin:0 15px; padding-top:7px}
  .science-workbench {grid-template-columns:1fr}
  .science-workbench-link {padding:20px; border-right:0; border-bottom:1px solid var(--line)}
  .science-workbench-link:last-child {border-bottom:0}
  .science-workbench-meta {margin-bottom:11px}
  .science-workbench-link h3 {font-size:24px; margin-bottom:9px}
  .science-workbench-link p {max-width:580px; font-size:14px}
  .science-network-thesis {padding-top:28px}
  .science-thesis-copy {grid-template-columns:1fr; gap:20px}
  .science-thesis-copy h2 {font-size:33px; margin-top:12px}
  .science-thesis-copy p {font-size:14px}
  .science-thesis-links {gap:5px 25px}
  .science-process-hint {display:block; color:var(--science-ice); font:10px/1.7 var(--mono); margin:0 0 6px; letter-spacing:.3px}
  .science-process-svg {min-width:960px}
  .science-process{overflow-x:auto;scrollbar-width:thin}
  .science-process-footer {display:block; padding-top:10px}
  .science-motion {flex-wrap:wrap; justify-content:space-between; gap:9px 15px; margin-top:10px}
  .science-motion-status {text-align:left; max-width:300px}
  .science-home-privacy {margin-top:12px}
  .science-protocol-intro {padding:20px 0 24px}
  .science-protocol-intro h1 {font-size:52px; letter-spacing:-2.1px}
  .science-protocol-page>.science-process {padding:0 14px 14px; margin-bottom:27px}
  .science-protocol-explorer {grid-template-columns:1fr; gap:16px; margin-bottom:33px}
  .science-step-list {display:grid; grid-template-columns:repeat(2,minmax(0,1fr))}
  .science-step-button {padding:16px 12px; gap:9px; grid-template-columns:22px 1fr 14px; min-height:94px}
  .science-step-button:nth-child(odd) {border-right:1px solid var(--line)}
  .science-step-button>strong {font-size:23px}
  .science-protocol-detail {min-height:310px; padding-top:17px}
  .science-protocol-detail h2 {font-size:35px}
  .science-accountability-grid {gap:30px}
  .science-accountability h2 {font-size:33px}
  .science-accountability-grid h3 {font-size:23px}
  .science-protocol-links {gap:18px 25px}
  .token-panel {padding:23px}
  .token-question strong {font-size:23px}
  .token-question-grid {gap:15px}
  .token-user-experience h1 {font-size:41px}
  .token-progress-grid h3 {font-size:25px}
  .page-footer {align-items:flex-start; gap:20px}
  .page-footer>span:first-child {white-space:nowrap}
}
@media(max-width:480px) {
  :root {--science-space:21px}
  .sidebar.science-masthead {gap:14px; padding-top:17px; padding-bottom:13px}
  .science-navigation {column-gap:17px; row-gap:7px}
  .science-navigation .nav-link {font-size:10px}
  .science-reference-menu {width:100%; margin-left:0; border-top:1px solid var(--line); padding-top:5px}
  .science-reference-menu summary {font-size:10px; justify-content:space-between}
  .science-reference-links {position:static; box-shadow:none; width:100%; border:0; border-top:1px solid var(--line); padding:12px 4px 2px; background:transparent; gap:0 25px; margin-top:7px}
  .science-navigation .science-reference-link {font-size:11px; padding:10px 0}
  .topbar {height:35px; gap:12px}
  .breadcrumb {font-size:10px; letter-spacing:.7px; gap:9px}
  .science-status-link {font-size:10px}
  .science-hero {padding-bottom:15px}
  .science-hero-copy {padding:12px 0 5px}
  .science-hero h1 {font-size:39px; line-height:1.08; letter-spacing:-1.8px; margin:14px 0 15px}
  .science-hero-lead {font-size:14px!important; line-height:1.75!important}
  .science-hero-actions {gap:12px 19px; margin-top:16px}
  .science-hero-actions .button {font-size:11px; padding:12px 14px}
  .science-hero-actions .science-line-link {font-size:11px; gap:14px}
  .science-home .science-availability {max-width:340px; margin-top:12px}
  .science-label {letter-spacing:.8px}
  .science-specimen {margin:0 -16px}
  .science-specimen-field {aspect-ratio:1.8; max-height:260px}
  .science-specimen-image {width:115%; transform:translate(-1%,-1%)}
  .science-specimen figcaption {margin:0 16px; font-size:10px; letter-spacing:.4px}
  .science-workbench-link {padding:13px 18px}
  .science-workbench-meta {gap:6px}
  .science-workbench-link h3 {font-size:23px}
  .science-workbench-link p {font-size:14px; line-height:1.7}
  .science-network-thesis {padding-top:23px}
  .science-thesis-copy {gap:15px}
  .science-thesis-copy h2 {font-size:31px}
  .science-home .science-process {margin-top:16px}
  .science-home-privacy {margin-top:9px; padding-top:9px}
  main {padding-bottom:22px}
  .science-thesis-links {gap:4px 20px}
  .science-thesis-links .science-line-link {font-size:12px}
  .science-motion {gap:9px 10px; align-items:flex-start}
  .science-motion-status {max-width:190px}
  .science-motion-control {padding:8px 10px}
  .science-process-footer>.science-label {letter-spacing:.6px}
  .science-protocol-intro h1 {font-size:43px}
  .science-step-button {padding:15px 8px; gap:6px; grid-template-columns:20px 1fr 14px; min-height:100px}
  .science-step-button>strong {font-size:22px}
  .science-step-button>.science-step-state {grid-column:1/-1; font-size:10px; text-align:left}
  .science-protocol-detail h2 {font-size:33px}
  .science-protocol-detail p.science-protocol-lead {font-size:15px}
  .science-accountability h2 {font-size:30px}
  .science-accountability-grid {grid-template-columns:1fr; gap:20px}
  .science-accountability-grid h3 {font-size:24px}
  .page-footer {display:block; font-size:10px; padding-top:18px; padding-bottom:18px}
  .page-footer>span {display:block; margin-bottom:7px}
  .token-user-experience h1 {font-size:36px; letter-spacing:-1.4px}
  .page-intro h1 {font-size:35px}
  .panel-pad {padding:21px}
  .panel-header {padding:18px 21px; flex-wrap:wrap}
  .metric-value {font-size:25px}
  .token-panel h2 {font-size:27px}
  .token-panel h3 {font-size:24px}
  .token-question {padding:22px 39px 22px 22px}
  .token-question strong {font-size:23px}
  .token-result-metric strong {font-size:23px}
  .token-budget-proof>div {font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  .science-home *,.science-protocol-page *,.science-navigation * {animation:none!important; transition:none!important}
  .science-flow-pass {animation:none!important; stroke-dasharray:none; opacity:.35}
}