/* The overview keeps its scientific record and data hooks; this is its workspace skin. */
.control-shell { --paper: #f6f7f8; --ink: #202a32; --muted: #66727a; --rule: #e3e7e9; --live: #166d60; --live-soft: #eaf3f0; --data: #4e79a7; --page-pad: 32px; --measure: min(1330px, calc(100% - var(--page-pad) * 2)); }
.control-shell .workspace { margin-left: 0; }
.control-shell .lab-sidebar,
.control-shell .workspace-top { display: none; }
.control-shell main.brief-shell,
.control-shell main.method-shell,
.control-shell main.graph-shell,
.control-shell main.trial-report,
.control-shell main.explorer-main {
  width: var(--measure);
  margin-left: auto;
  margin-right: auto;
}
.control-shell .masthead { background: #fcfcfd; }
.control-shell .masthead .brand {
  display: block;
  padding: 0;
  border: 0;
  min-width: 0;
  background: transparent;
  color: inherit;
  gap: 0;
}
.control-shell .masthead-inner { padding: 20px 0; align-items: center; gap: 16px; }
.control-shell .brand em { font-size: 15px; font-weight: 500; letter-spacing: -.025em; }
.control-shell .brand span { font: 9px var(--font-mono); letter-spacing: .06em; margin-top: 7px; }
.control-shell .masthead-status { font: 9px var(--font-mono); letter-spacing: 0; }
.control-shell .masthead-meta { gap: 16px; font-size: 10px; }
.control-shell .pulse { animation: none; background: #9ba6a9; }
.control-shell[data-evidence=live] .pulse { background: var(--lab-accent); }
.control-shell[data-evidence=cached] .pulse { background: #c89539; }
.control-shell .desk-nav { width: 100%; padding: 0 var(--page-pad); background: #fcfcfdf5; backdrop-filter: blur(10px); border-bottom: 1px solid var(--rule); }
.control-shell .desk-nav a { font-size: 10px; gap: 5px; padding-block: 14px; }
.control-shell .desk-nav a.is-on { color: var(--lab-accent); border-color: var(--lab-accent); }
.control-shell .desk-nav a em { color: #8a989d; font-size: 9px; }
.control-shell .window-box select { background: #f7f9f9; border-radius: 5px; font-size: 10px; }
.control-shell main { padding-bottom: 36px; }
.control-shell main > .chapter { background: white; border: 1px solid var(--rule); border-radius: 9px; margin-top: 24px; padding: 26px; scroll-margin-top: 16px; }
.control-shell main > .hero { background: transparent; border: 0; padding: 34px 0 0; margin-top: 0; }
.control-shell .figure-kicker { font: 10px var(--font-mono); letter-spacing: .06em; color: var(--muted); margin-bottom: 15px; }
.control-shell .hero h1 { font: 500 clamp(35px, 3.8vw, 52px)/1.12 var(--font-sans); letter-spacing: -.055em; max-width: 750px; margin: 0 0 18px; }
.control-shell .lede { font-size: 14px; line-height: 1.7; max-width: 70ch; color: var(--muted); }
.overview-links { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 22px 0 30px; }
.overview-links > span { font: 10px var(--font-mono); color: var(--muted); margin-left: auto; }
.control-shell .stock-row { border: 1px solid var(--rule); border-bottom: 0; border-radius: 9px 9px 0 0; padding: 27px 30px; margin: 0; background: white; }
.control-shell .stock-lead > span { color: var(--muted); font-size: 11px; }
.control-shell .stock-lead strong { font-size: clamp(52px, 6vw, 76px); font-weight: 400; color: var(--lab-accent); letter-spacing: -.06em; }
.control-shell .stock-lead small { font-size: 11px; }
.control-shell .stock-meter p { font-size: 11px; line-height: 1.7; }
.control-shell .meter { height: 5px; background: #e8efec; border-radius: 10px; overflow: hidden; }
.control-shell .meter i { background: var(--lab-accent); transition: width .3s ease; min-width: 0; }
.control-shell .meter i[style*="width"] { min-height: 5px; }
.control-shell .kpis { background: white; border: 1px solid var(--rule); border-radius: 0 0 9px 9px; margin: 0 0 24px; padding: 0; }
.control-shell .kpis article { padding: 23px; border-top: 0; }
.control-shell .kpis article + article { border-left: 1px solid var(--rule); }
.control-shell .kpis strong { font-size: 34px; margin: 8px 0; }
.control-shell .kpis p { color: #78838a; font-size: 11px; line-height: 1.65; }
.control-shell .split { border: 1px solid var(--rule); background: white; border-radius: 9px; padding: 23px 26px; }
.control-shell .section-head { gap: 18px; }
.control-shell .section-head h2, .control-shell .chapter > h2 { font-size: 23px; line-height: 1.25; margin: 0 0 8px; letter-spacing: -.04em; }
.control-shell .section-head p { font-size: 12px; line-height: 1.65; }
.control-shell .keys { font-size: 11px; }
.control-shell .trial-board { gap: 16px; }
.control-shell .trial-card { border: 1px solid var(--rule); background: #fcfdfd; border-radius: 7px; padding: 20px; transition: border-color .15s, box-shadow .15s; }
.control-shell .trial-card:hover { border-color: #a5c4b8; box-shadow: 0 3px 12px #14312808; }
.control-shell .trial-card h3 { font-size: 19px; line-height: 1.3; }
.control-shell .trial-card p { line-height: 1.75; }
.control-shell .globe-layout { margin-top: 18px; }
.control-shell .globe-stage { background: radial-gradient(ellipse at 50% 50%, #f0f6f4, white 70%); border-color: var(--rule); border-radius: 8px; }
.control-shell .globe-widgets { font-synthesis: none; }
.control-shell .globe-widgets article { border-color: var(--rule); border-radius: 7px; }
.control-shell .globe-spark { height: 56px; }
.control-shell .runway-grid strong { font-size: 30px; }
.control-shell .runway-grid article { padding: 20px 16px; }
.control-shell .signal-card, .control-shell .behavior-card { border-radius: 6px; }
.control-shell .briefing-thesis { font-style: normal; font-size: 13px; color: var(--muted); }
.control-shell .field-briefing { margin-bottom: 0; }
.control-shell manimgx-player,
.lab-shell manimgx-player {
  display: block;
  width: 100%;
  min-height: 320px;
  background: var(--paper, #f6f7f8);
  border: 1px solid var(--rule, #e3e7e9);
  border-radius: 8px;
}
.control-shell .math-film,
.lab-shell .math-film {
  border: 1px solid var(--rule, #e3e7e9);
  background: white;
  padding: 14px 16px 12px;
  margin: 18px 0 0;
}
.control-shell .math-film h3,
.lab-shell .math-film h3 { font-size: 13px; margin: 0 0 4px; }
.control-shell .math-film.is-off manimgx-player,
.lab-shell .math-film.is-off manimgx-player { display: none; }
@media(max-width:1190px) { .control-shell { --page-pad: 24px; } .control-shell .masthead-meta #topPace { display: none; } .overview-links > span { flex-basis: 100%; margin: 4px 0 0; } }
@media(max-width:850px) { .control-shell .kpis { grid-template-columns: 1fr 1fr; } .control-shell .kpis article:nth-child(3) { border-left: 0; } .control-shell .kpis article:nth-child(-n+2) { border-bottom: 1px solid var(--rule); } .control-shell .masthead-inner { grid-template-columns: 1fr auto; } .control-shell .masthead-meta { display: none; } }
@media(max-width:580px) { .control-shell { --page-pad: 16px; } .control-shell main > .chapter { padding: 19px; margin-top: 18px; } .control-shell main > .hero { padding: 27px 0 0; margin-top: 0; } .control-shell .hero h1 { font-size: 35px; } .control-shell .stock-row { padding: 22px; gap: 22px; } .control-shell .stock-lead strong { font-size: 60px; } .control-shell .kpis article { padding: 17px; } .control-shell .kpis strong { font-size: 30px; } .control-shell .split { padding: 20px; } .control-shell .section-head { display: block; } .control-shell .masthead-status { font-size: 8px; } .control-shell .brand span { display: none; } }