/* Presentation typography: essential labels, clear contrast, larger figures. */
.projector { --muted: #506879; }
.projector header { height: 42px; border-bottom: 0; }
.projector .brand b { font-size: 22px; }
.projector .brand span, .projector #chapter-label, .projector #next-label,
.projector #takeaway-number, .projector .illustration-note,
.projector #diagram-status, .projector #legend,
.projector .allocation-note, .projector .history-key,
.projector .agent-row p, .projector .comparison-source,
.projector .package-footnote, .projector .package-label,
.projector .plot-note, .projector .plot-detail,
.projector .stack-comparison>p, .projector .stack-comparison>h2,
.projector .stack-comparison .base-label,
.projector .stream-footer, .projector .frontier-note,
.projector .benefit-note, .projector .iso-layout { display: none !important; }
.projector #stage { padding-top: 12px; }
.projector h1 { font-size: clamp(30px,3vw,46px); line-height: 1.15; letter-spacing: -1.2px; }
.projector #subtitle { font-size: clamp(17px,1.45vw,22px); color: #476174; line-height: 1.35; margin-top: 12px; max-width: none; }
.projector footer { height: 54px; min-height: 54px; gap: 24px; }
.projector .page { font-size: 17px; color: #607686; }
.projector #chapters { gap: 9px; justify-content: center; }
.projector #chapters button { font-size: 17px; min-width: 31px; padding: 7px 3px; color: #526b7c; }
.projector #chapters button[aria-current] { color: #254e70; font-weight: 600; }
.projector .icon { width: 44px; height: 40px; }
.projector .figure-layout { padding: 18px 0 12px; gap: 30px; }
.projector #stage[data-mode='workload'] .figure-layout { grid-template-columns: 240px minmax(0,1fr); gap: 24px; padding-top: 16px; }
.projector #stage[data-slide='0'] .figure-layout { grid-template-columns: minmax(0,1fr); }
.projector #stage[data-slide='0'] #explanation { display: none; }
.projector #stage[data-slide='0'] .diagram-heading { justify-content: center; }
.projector #stage .diagram-heading { font: 500 27px 'Segoe UI',Arial,sans-serif; color: #355b77; padding: 0; margin-bottom: 12px; min-height: 0; }
.projector .diagram-heading:has(#diagram-label:empty) { display: none; }
.projector .intro-dram-die { fill: #ccdfec; stroke: #7598b0; stroke-width: 1; }
.projector .workload-memory-title { font-size: 22px; fill: #365b77; }
.projector .workload-memory.hbf .workload-memory-title { fill: #945c31; }
.projector .resident-name { font-size: 16px; }
.projector .workload-xpu text { font-size: 37px; }
.projector .host-svg-title { font-size: 22px; }
.projector .host-svg-subtitle { font-size: 20px; }
.projector .workload-route { font-size: 21px; }
.projector .host-agent-name { font-size: 14px; }
.projector .roster-heading h2, .projector .burst-roster h2 { font-size: 25px; }
.projector #stage .agent-row { padding: 8px 6px; }
.projector #stage .agent-identity b { font-size: 24px; }
.projector #stage .agent-identity span { font-size: 17px; color: #486476; }
.projector .history-track { height: 10px; }
.projector .burst-count { font-size: 20px; color: #4c697d; }
.projector .burst-agent { font-size: 17px; padding: 7px 3px; }
.projector .hbf-backing-label text { font-size: 23px; }
.projector .hbf-backing-label .hbf-read-note { display: none; }
.projector #scene-controls { gap: 10px; margin-top: 16px; }
.projector .trace-events button, .projector .trace-actions button { font-size: 15px; color: #45657c; padding: 8px 10px; }
.projector .trace-events button span { display: none; }
.projector #stage[data-mode='comparison'] .figure-layout { grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); gap: 45px; align-items: center; }
.projector .stack-comparison svg { max-height: 420px; }
.projector .cutaway-title { font-size: 24px; }
.projector .stack-cutaway .die-label { font-size: 23px; }
.projector .spec-comparison th, .projector .spec-comparison td { padding: 25px 16px; }
.projector .spec-comparison thead th { font-size: 26px; }
.projector .spec-comparison thead th:first-child { font-size: 21px; }
.projector .spec-comparison tbody th { font-size: 22px; color: #466379; }
.projector .spec-comparison .primary-spec td { font-size: 41px; }
.projector .spec-comparison td span { font-size: 23px; }
.projector #stage[data-mode='replacement'] .figure-layout, .projector #stage[data-mode='chain'] .figure-layout { grid-template-columns: minmax(320px,.8fr) minmax(0,1.5fr); gap: 35px; }
.projector .capacity-panel h2 { font-size: 25px; color: #385c76; }
.projector #capacity-plot .axis-title { font-size: 20px; }
.projector #capacity-plot .tick { font-size: 17px; }
.projector #capacity-plot .plot-point text { font-size: 16px; }
.projector #capacity-plot .plot-point:not(.selected) text { display: none; }
.projector .plot-result { flex-direction: column; gap: 7px; }
.projector .plot-result span { font-size: 21px; color: #48657a; }
.projector .plot-result strong { font-size: 29px; }
.projector #stage .memory-name, .projector #stage .chain-memory .memory-name { font-size: 23px; }
.projector #stage .rate-label text { font-size: 24px; }
.projector #stage .flash-capacity { font-size: 37px; }
.projector #stage .flash-capacity tspan { font-size: 21px; }
.projector .flash-face>text:not(.flash-capacity), .projector #hardware-callout { display: none; }
/* Live output remains fully visible; give the controls and figures more space. */
.projector #results { padding-top: 16px; }
.projector #results[data-view='streams'][data-selected='true'] { grid-template-rows: 130px minmax(0,1fr); gap: 12px; }
.projector #results[data-selected='true'] .results-chart { width: 510px; height: 225px; top: -94px; }
.projector #stage:has(#results[data-selected='true']) .heading { max-width: calc(100% - 545px); }
.projector #stage:has(#results[data-selected='true']) h1 { font-size: 34px; }
.projector #results[data-selected='true'] .region-picker { max-width: calc(100% - 545px); }
.projector .synthetic-badge { font: 18px 'Segoe UI',Arial,sans-serif; color: #906437; letter-spacing: 0; }
.projector .region-buttons button { font-size: 19px; padding: 9px 13px; color: #355c77; }
.projector .region-summary, .projector .results-empty { font-size: 20px; color: #526d80; }
.projector .playback-controls { gap: 18px; }
.projector .playback-controls button { font-size: 16px; }
.projector .playback-controls>span { display: none; }
.projector .results-plot .result-axis-title { font-size: 22px; }
.projector .results-plot .result-tick { font-size: 18px; }
.projector .results-plot .result-region text { font-size: 17px; }
.projector .series-legend { font-size: 16px; color: #4f697c; }
.projector .result-card-heading { flex-wrap: wrap; }
.projector .result-card-heading h3 { font-size: 24px; }
.projector .result-card-heading>span { font-size: 17px; color: #506c80; }
.projector .result-metrics { flex-wrap: wrap; margin: 9px 0; }
.projector .result-metrics strong { font-size: 24px; }
.projector .result-metrics strong span, .projector .result-metrics>span { font-size: 16px; }
.projector .result-metrics b { font-size: 24px; }
.projector .result-metrics b span { font-size: 14px; }
.projector .readable-streams .stream-user { font-size: 11px; line-height: 12px; color: #345a75; }
.projector .readable-streams .stream-text { color: #526b7c; }
.projector .readable-streams .latest-word { color: #15394f; }
.projector .activity-light { opacity: .4; }
.projector .activity-light.emitting { opacity: 1; }
/* Equal budget: remove the fine print and enlarge both charts and system totals. */
.projector #results[data-view='iso'] { grid-template-rows: minmax(0,1.1fr) minmax(0,1fr); gap: 18px; }
.projector .iso-top { gap: 30px; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
.projector .iso-top .series-legend { font-size: 16px; }
.projector .iso-plot .result-axis-title { font-size: 23px; }
.projector .iso-plot .result-tick { font-size: 20px; }
.projector .threshold-label { font-size: 21px; }
.projector .benefit-heading h2 { font-size: 22px; }
.projector .benefit-heading label { font-size: 17px; color: #4e6b7f; }
.projector .benefit-heading input { font-size: 21px; padding: 4px 6px; }
.projector .benefit-label { font-size: 20px; fill: #456479; }
.projector .benefit-value { font-size: 21px; fill: #284d69; }
.projector .benefit-footnote { font-size: 17px; fill: #506b7d; }
.projector .iso-system .result-card-heading h3 { font-size: 24px; }
.projector .iso-system-summary { flex-wrap: wrap; }
.projector .iso-system-summary strong { font-size: 25px; }
.projector .iso-system-summary span { font-size: 17px; color: #4f6b7f; }
.projector .blade-network text { font-size: 16px; fill: #35566e; }
.projector .blade-network .switch-label { font-size: 20px; }
.projector .blade-network .blade-xpu { font-size: 19px; }
.projector .blade-network .blade-number { font-size: 16px; }
.projector .iso-metrics strong { font-size: 31px; }
.projector .iso-metrics strong span { font-size: 17px; }
.projector .iso-metrics p { display: none; }
@media (min-width:761px) and (max-height:800px) {
  .projector #stage { padding-top: 8px; }
  .projector h1 { font-size: 34px; }
  .projector #subtitle { font-size: 18px; margin-top: 8px; }
  .projector #stage .diagram-heading { font-size: 24px; margin-bottom: 8px; }
  .projector .spec-comparison th, .projector .spec-comparison td { padding: 18px 12px; }
  .projector .spec-comparison .primary-spec td { font-size: 36px; }
  .projector .spec-comparison tbody th { font-size: 20px; }
  .projector #scene-controls { margin-top: 10px; }
  .projector .trace-events button, .projector .trace-actions button { font-size: 14px; padding: 7px 8px; }
  .projector .result-card-heading h3, .projector .iso-system .result-card-heading h3 { font-size: 21px; }
  .projector .result-card-heading>span { font-size: 15px; }
  .projector .result-metrics strong { font-size: 24px; }
  .projector .result-metrics b { font-size: 21px; }
  .projector #results[data-view='streams'][data-selected='true'] { grid-template-rows: 114px minmax(0,1fr); }
  .projector #results[data-selected='true'] .results-chart { top: -86px; height: 202px; width: 455px; }
  .projector #stage:has(#results[data-selected='true']) .heading, .projector #results[data-selected='true'] .region-picker { max-width: calc(100% - 480px); }
  .projector #stage:has(#results[data-selected='true']) h1 { font-size: 30px; }
  .projector .readable-streams .stream-user { font-size: 10px; line-height: 11px; }
  .projector .iso-system-summary strong { font-size: 22px; }
  .projector .iso-system-summary span { font-size: 15px; }
  .projector .iso-metrics strong { font-size: 24px; }
  .projector .benefit-heading h2 { font-size: 23px; }
}
@media (max-width:760px) {
  .projector header { height: 42px; }
  .projector footer { height: auto; gap: 10px; }
  .projector #chapters { flex-wrap: wrap; gap: 4px; }
  .projector #chapters button { font-size: 15px; min-width: 28px; }
  .projector #stage .figure-layout { display: flex; flex-direction: column; }
  .projector #stage:has(#results[data-selected='true']) .heading, .projector #results[data-selected='true'] .region-picker { max-width: none; }
  .projector #results[data-selected='true'] .results-chart { position: static; width: 100%; height: 250px; }
  .projector .spec-comparison th, .projector .spec-comparison td { padding: 15px 6px; }
  .projector .spec-comparison tbody th { font-size: 17px; }
  .projector .spec-comparison .primary-spec td { font-size: 29px; }
  .projector .spec-comparison td span { font-size: 17px; }
  .projector .spec-comparison thead th { font-size: 25px; }
  .projector #stage .diagram-heading { font-size: 22px; }
  .projector .readable-streams { height: 560px; }
  .projector .iso-top { display: flex; }
  .projector .iso-system { min-height: 335px; }
}
.projector .xpu-subtitle, .projector .results-empty { display: none !important; }
.projector #stage[data-mode='workload'] .agent-roster .agent-identity b { font-size: 22px; }
.projector #results .series-legend { font-size: 16px; }
.projector #results .results-plot .result-axis-title { font-size: 22px; }
.projector #results .results-plot .result-tick { font-size: 18px; }
.projector #results[data-selected='true'] .results-chart { top: -50px; }
.projector #results[data-view='streams'][data-selected='true'] { grid-template-rows: 176px minmax(0,1fr); }
.projector #stage[data-slide='0'] .diagram-heading { display: none; }
@media (min-width:761px) {
  .projector #stage[data-mode='replacement'] .figure-layout,
  .projector #stage[data-mode='chain'] .figure-layout { display: flex; flex-direction: column; gap: 10px; }
  .projector #stage[data-mode='replacement'] .diagram,
  .projector #stage[data-mode='chain'] .diagram { order: 0; flex: 1; min-height: 0; }
  .projector #stage[data-mode='replacement'] #explanation,
  .projector #stage[data-mode='chain'] #explanation { order: 1; height: 180px; width: 100%; flex-shrink: 0; }
  .projector #stage[data-mode='replacement'] .diagram-heading,
  .projector #stage[data-mode='chain'] .diagram-heading,
  .projector #stage[data-mode='replacement'] .package-edge,
  .projector #stage[data-mode='chain'] .package-edge { display: none; }
  .projector .capacity-panel { height: 100%; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 40px; align-items: center; }
  .projector .capacity-panel h2 { display: none; }
  .projector #capacity-plot { height: 100%; max-height: none; width: 100%; }
  .projector #capacity-plot .plot-point text { display: none; }
  .projector .plot-result { border-top: 0; padding: 0; }
  .projector .plot-result span { font-size: 21px; }
  .projector .plot-result strong { font-size: 27px; }
  .projector #stage[data-mode='replacement'] .memory-name,
  .projector #stage[data-mode='chain'] .memory-name { font-size: 26px; }
  .projector #stage[data-mode='replacement'] .rate-label text,
  .projector #stage[data-mode='chain'] .rate-label text { font-size: 29px; }
  .projector #stage[data-mode='replacement'] .hardware-face text,
  .projector #stage[data-mode='chain'] .hardware-face text { font-size: 24px; }
  .projector #stage[data-mode='replacement'] .xpu-title,
  .projector #stage[data-mode='chain'] .xpu-title { font-size: 42px; }
}
@media (min-width:761px) and (max-height:800px) {
  .projector #results[data-view='streams'][data-selected='true'] { grid-template-rows: 148px minmax(0,1fr); }
  .projector #results[data-selected='true'] .results-chart { top: -50px; }
  .projector #stage[data-mode='replacement'] #explanation,
  .projector #stage[data-mode='chain'] #explanation { height: 155px; }
  .projector .plot-result strong { font-size: 25px; }
}
@media (max-width:760px) {
  .projector #results[data-selected='true'] .results-chart { top: auto; }
}
.projector #stage .rate-label text { font-family: 'Segoe UI',Arial,sans-serif; }
.projector #results .result-tick, .projector #capacity-plot .tick { fill: #506779; }
.projector #results .result-axis-title, .projector #capacity-plot .axis-title { fill: #3f6078; }
@media (min-width:761px) {
  .projector .capacity-panel { grid-template-rows: minmax(0,1fr); }
  .projector #capacity-plot { min-height: 0; }
  .projector #stage[data-mode='replacement'] .rate-label text,
  .projector #stage[data-mode='chain'] .rate-label text { font-size: 24px; }
}
/* Only preset labels activate regions. The plot resolves nearby dots by distance. */
.projector .result-region { cursor: default; }
.projector .result-region rect { pointer-events: none; }
.projector .result-region text[data-region] { cursor: pointer; pointer-events: bounding-box; }
.projector .result-region text[data-region]:hover,
.projector .result-region text[data-region]:focus-visible { fill: #204d6d; text-decoration: underline; }
.projector .results-plot .result-dot.point-hover { stroke: #173f5b; stroke-width: 3; }

.projector .iso-todo { display: grid; place-items: center; min-height: 0; border-left: 1px solid #dce4e9; font-size: clamp(60px,7vw,105px); font-weight: 500; color: #52758c; }
@media (max-width:760px) { .projector .iso-todo { min-height: 190px; border-left: 0; } }

/* Balanced presentation scale: readable explanations and room around diagrams. */
.projector .iso-topology-label { font-size: 16px; line-height: 1.3; margin: 4px 0 8px; color: #526879; }
.projector .topology-hbm { color: #225f98; }
.projector .topology-hbf { color: #ae5d27; }
.projector .iso-system .result-card-heading { justify-content: space-between; gap: 6px; }
.projector .iso-system .iso-blade-count { font-size: 18px; color: var(--result-color); white-space: nowrap; }
.projector .topology-network .blade-xpu { font-size: 17px; font-weight: 600; }
.projector .topology-network .switch-label { font-size: 23px; }
.projector .topology-network .lpddr-pool text { font-size: 18px; }
.projector .topology-network .blade-shell { fill: #fff; stroke: #c4d1db; }
.projector .topology-network .blade-hbm { fill: #c3dced; stroke: #5786ab; }
.projector .topology-network .blade-hbf { fill: #f5d6b6; stroke: #be814c; }
.projector .package-memory-link { fill: none; stroke-width: 1.8; }
.projector .package-memory-link.hbm, .projector .memory-stack-lines.hbm { stroke: #5786ab; }
.projector .package-memory-link.hbf, .projector .memory-stack-lines.hbf { stroke: #be814c; }
.projector .memory-stack-lines { fill: none; stroke-width: .7; }
.projector .topology-network .blade-link { stroke: #7f98ac; stroke-width: 1.2; }
.projector .takeaway { display: flex; flex-shrink: 0; min-height: 44px; padding: 10px 0 12px; gap: 0; border-top: 1px solid #d9e2e9; }
.projector #takeaway { margin: 0; font-size: clamp(16px,1.3vw,20px); line-height: 1.4; color: #344f62; }
.projector #stage[data-slide='12'] .takeaway { display: none; }
.projector .history-key { display: block !important; font-size: 15px; margin: 8px 0 10px; color: #526879; }
.projector #stage[data-slide='1'] .agent-row p,
.projector #stage[data-slide='2'] .agent-row p { display: block !important; font-size: 15px; color: #526879; margin: 4px 0 7px; }
.projector .stack-comparison .base-label { display: block !important; font-size: 17px; }
.projector .stack-comparison>p { display: block !important; max-width: 34ch; font-size: 17px; line-height: 1.45; color: #526879; margin: 16px auto 0; text-align: center; text-wrap: pretty; }
.projector .stack-comparison>p>span { display: block; margin-top: 6px; }
.projector #stage[data-mode='comparison'] .figure-layout { grid-template-columns: minmax(240px,.7fr) minmax(0,1.3fr); gap: 36px; }
.projector .stack-comparison svg { max-height: 330px; }
.projector .spec-comparison thead th:first-child { width: 35%; font-size: 17px; }
.projector .spec-comparison thead th { font-size: 25px; }
.projector .spec-comparison th, .projector .spec-comparison td { padding: 12px 10px; }
.projector .spec-comparison tbody th { font-size: 18px; }
.projector .spec-comparison td { font-size: 19px; letter-spacing: 0; white-space: normal; }
.projector .spec-comparison .primary-spec td { font-size: 28px; }
.projector .spec-comparison td span { font-size: 18px; }
.projector .spec-comparison td small { display: block; font-size: 14px; line-height: 1.3; margin-top: 3px; color: #526879; }
.projector .result-card-heading h3, .projector .iso-system .result-card-heading h3 { font-size: 21px; }
.projector .result-card-heading>span { font-size: 15px; }
.projector .result-metrics { display: grid; grid-template-columns: max-content minmax(0,1fr); align-items: baseline; margin: 7px 0; gap: 5px 12px; }
.projector .result-metrics>span { text-align: right; white-space: nowrap; }
.projector .result-metrics b { grid-column: 1 / -1; }
.projector .result-metrics strong, .projector .result-metrics b { font-size: 23px; }
.projector .iso-system-summary strong { font-size: 21px; }
.projector .iso-metrics strong { font-size: 25px; }
.projector .iso-todo { font-size: clamp(54px,6vw,86px); }
@media (min-width:761px) {
  .projector .deck { min-height: 0; }
  .projector #results[data-view='iso'] { grid-template-rows: minmax(135px,.7fr) minmax(0,1.3fr); gap: 12px; }
  .projector .iso-top { grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); }
  .projector #workload>svg { max-height: 445px; }
  .projector #stage[data-slide='0'] #workload>svg { max-height: 415px; }
  .projector #stage[data-mode='replacement'] #explanation,
  .projector #stage[data-mode='chain'] #explanation { height: 150px; }
  .projector #stage[data-mode='replacement'] #package,
  .projector #stage[data-mode='chain'] #package { max-height: 380px; }
  .projector #results[data-view='streams'][data-selected='true'] { grid-template-rows: 155px minmax(0,1fr); }
  .projector #results[data-selected='true'] .results-chart { width: 465px; height: 205px; top: -42px; }
  .projector #stage:has(#results[data-selected='true']) .heading,
  .projector #results[data-selected='true'] .region-picker { max-width: calc(100% - 490px); }
}
@media (min-width:761px) and (max-height:800px) {
  .projector .figure-layout { padding-top: 12px; padding-bottom: 8px; }
  .projector .takeaway { min-height: 40px; padding: 8px 0 10px; }
  .projector #stage .diagram-heading { font-size: 21px; margin-bottom: 7px; }
  .projector .roster-heading h2, .projector .burst-roster h2 { font-size: 21px; }
  .projector #stage .agent-identity b, .projector #stage[data-mode='workload'] .agent-roster .agent-identity b { font-size: 22px; }
  .projector .spec-comparison th, .projector .spec-comparison td { padding: 8px 9px; }
  .projector .spec-comparison .primary-spec td { font-size: 25px; }
  .projector #stage[data-mode='replacement'] #explanation,
  .projector #stage[data-mode='chain'] #explanation { height: 130px; }
  .projector #results[data-selected='true'] .results-chart { width: 410px; height: 181px; top: -38px; }
  .projector #results[data-view='streams'][data-selected='true'] { grid-template-rows: 135px minmax(0,1fr); }
  .projector #stage:has(#results[data-selected='true']) .heading,
  .projector #results[data-selected='true'] .region-picker { max-width: calc(100% - 435px); }
  .projector .result-metrics strong, .projector .result-metrics b { font-size: 21px; }
}
@media (min-width:761px) and (max-height:650px) {
  .projector h1 { font-size: 30px; }
  .projector #subtitle { font-size: 17px; }
  .projector #stage[data-mode='comparison'] .figure-layout { gap: 24px; }
  .projector .spec-comparison th, .projector .spec-comparison td { padding: 5px 8px; }
  .projector .spec-comparison tbody th { font-size: 16px; }
  .projector .spec-comparison td { font-size: 17px; }
  .projector .spec-comparison .primary-spec td { font-size: 23px; }
  .projector .stack-comparison svg { max-height: 240px; }
  .projector .stack-comparison>p { font-size: 15px; }
  .projector #stage .agent-row { padding: 5px 6px; }
  .projector #stage .agent-roster:not(.few-agents) .agent-row { padding: 3px 6px; }
  .projector #stage[data-mode='workload'] .agent-roster:not(.few-agents) .agent-identity b { font-size: 20px; }
  .projector .agent-roster:not(.few-agents) .history-track { height: 7px; }
  .projector .agent-roster:not(.few-agents) .history-key { margin: 5px 0 7px; font-size: 14px; }
  .projector .burst-agent { font-size: 15px; line-height: 18px; padding: 4px 3px; }
  .projector .burst-roster .agent-cloud { gap: 3px; }
  .projector .burst-count { font-size: 17px; margin-bottom: 10px; }
  .projector #stage[data-mode='replacement'] #explanation,
  .projector #stage[data-mode='chain'] #explanation { height: 110px; }
  .projector #results[data-view='streams'][data-selected='true'] { grid-template-rows: 112px minmax(0,1fr); }
  .projector #results[data-selected='true'] .results-chart { width: 360px; height: 159px; }
  .projector #stage:has(#results[data-selected='true']) .heading,
  .projector #results[data-selected='true'] .region-picker { max-width: calc(100% - 385px); }
  .projector .result-card-heading h3, .projector .iso-system .result-card-heading h3 { font-size: 19px; }
  .projector .result-metrics strong, .projector .result-metrics b, .projector .iso-metrics strong { font-size: 20px; }
}
@media (max-width:760px) {
  .projector .iso-system { min-height: 420px; }
  .projector .topology-network { min-height: 230px; }
  .projector #stage[data-mode='comparison'] .figure-layout { gap: 24px; }
  .projector .spec-comparison th, .projector .spec-comparison td { padding: 9px 5px; }
  .projector .spec-comparison tbody th, .projector .spec-comparison td { font-size: 15px; }
  .projector .spec-comparison .primary-spec td { font-size: 24px; }
  .projector .spec-comparison td span { font-size: 15px; }
  .projector .spec-comparison td small { font-size: 13px; }
  .projector .takeaway { padding: 14px 0; }
}