/* Workbench shell. All visual rules exclude the existing presentation surface. */
body:not(.present-mode) {--blue:#126af3;--muted:#66809e;--line:#dce7f2;background:#f2f6fa;color:#153157;padding-bottom:0!important}
body:not(.present-mode) .site-header {height:76px;padding:0 28px;gap:32px;box-shadow:0 2px 12px #194c8210;position:relative;z-index:6}
body:not(.present-mode) .brand {min-width:194px;font-size:22px;color:#123057;gap:12px}
body:not(.present-mode) .brand-icon {background:linear-gradient(135deg,#268dff,#0861ec);border-radius:10px;box-shadow:0 4px 10px #126af325}
body:not(.present-mode) .brand-sub {color:#6b89ab;letter-spacing:1.3px}
body:not(.present-mode) .site-header nav {gap:32px;margin:0}
body:not(.present-mode) .site-header .tab {font-size:15px;font-weight:600;position:relative;padding:0 4px;border-bottom-width:4px;color:#3d5879}
body:not(.present-mode) .site-header .tab.active {color:var(--blue)}
body:not(.present-mode) .header-tag {display:none}
body:not(.present-mode) .home-link {margin-left:auto;white-space:nowrap;font-size:13px;color:#48688e;letter-spacing:.4px}
body:not(.present-mode) .home-link span {margin-left:5px}
body:not(.present-mode) .contact-trigger {height:36px;font-size:13px;padding:0 17px}
body:not(.present-mode) .workspace-shell {display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 150px)}
body:not(.present-mode) .region-directory {background:linear-gradient(110deg,#edf5fc,#f5f9fd);border-right:1px solid #dce7f2;padding:26px 14px 24px}
body:not(.present-mode) .directory-label {font-size:17px;font-weight:700;margin:0 10px 14px;padding-bottom:15px;border-bottom:1px solid #dce7f2;letter-spacing:.5px}
body:not(.present-mode) .directory-toggle {display:none}
body:not(.present-mode) .region-group {padding:0 0 12px;margin-bottom:14px;border-bottom:1px solid #dce7f2}
body:not(.present-mode) .region-group h2 {display:flex;justify-content:space-between;margin:0 10px 9px;font-size:13px;font-weight:700;color:#24456c}
body:not(.present-mode) .region-group h2 span {font-size:10px;font-weight:500;color:#8aa0b8;font-family:ui-monospace,monospace}
body:not(.present-mode) .region-group button {display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-radius:7px;background:transparent;color:#35577b;padding:10px 12px;font-size:13px;min-height:38px;text-align:left;transition:background .15s}
body:not(.present-mode) .region-group button:not(:disabled):not(.selected):hover {background:#e0edfc}
body:not(.present-mode) .region-group button.selected {background:linear-gradient(100deg,#0868ef,#2482fb);color:white;font-weight:600;box-shadow:0 4px 10px #126af31b}
body:not(.present-mode) .region-group button>span:not(.development-badge) {font-size:20px;line-height:1;opacity:.45}
body:not(.present-mode) .region-group button.selected>span {opacity:1}
body:not(.present-mode) .region-group button:disabled {opacity:1;color:#6b829b;cursor:default}
body:not(.present-mode) .development-badge {background:#e5eef7;color:#6b86a4;font-size:10px;padding:3px 7px;border-radius:5px;font-weight:400}
body:not(.present-mode) .directory-note {color:#7089a6;font-size:11px;margin:18px 10px 0;line-height:1.8}
body:not(.present-mode) .workspace-content {min-width:0;background:radial-gradient(ellipse at top left,#eaf4ff88,transparent 70%)}
body:not(.present-mode) .page {padding:32px 28px 16px;max-width:1700px}
body:not(.present-mode) .page-heading {margin-bottom:24px;gap:16px}
body:not(.present-mode) h1 {font-size:32px;letter-spacing:-.7px;font-weight:700;line-height:1.4;margin-bottom:8px;color:#102e55}
body:not(.present-mode) .page-heading p {color:#617e9f;font-size:14px;display:block}
body:not(.present-mode) .page-heading .eyebrow {display:none}
body:not(.present-mode) .page-heading .button {background:#e0edff;border-color:#e0edff;color:#126af3;border-radius:8px;padding:12px 17px;font-size:13px;gap:12px;box-shadow:none}
body:not(.present-mode) .page-heading .button:hover {background:#cfe3ff}
body:not(.present-mode) .workbench {background:#fff;border:1px solid #e0eaf4;border-radius:12px;padding:18px;grid-template-columns:minmax(0,1fr) 252px;gap:14px 16px;box-shadow:0 4px 28px #1c558704}
body:not(.present-mode) .module-heading {grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:0 2px 2px}
body:not(.present-mode) .module-heading h2 {font-size:20px;color:#14355e;font-weight:700}
body:not(.present-mode) #module-count {padding-left:18px;border-left:1px solid #d3e2f1;color:#607d9e;font-size:13px}
body:not(.present-mode) .module-status {margin-left:auto;color:#6a859e;font-size:11px;display:flex;align-items:center;gap:6px}
body:not(.present-mode) .module-status i {width:6px;height:6px;border-radius:100%;background:#36aaa1}
body:not(.present-mode) .imaging-column {border:0;border-radius:0;background:transparent}
body:not(.present-mode) .viewer-toolbar {height:44px;padding:0;margin-bottom:14px;gap:8px}
body:not(.present-mode) .segmented {height:44px;flex:1;background:#f0f6fd;padding:3px;gap:2px;border:1px solid #dfebf7;border-radius:7px}
body:not(.present-mode) .segmented button {flex:1;white-space:nowrap;padding:7px 10px;font-size:12px;color:#375b84;border-radius:5px}
body:not(.present-mode) .segmented button.selected {background:var(--blue);color:#fff;box-shadow:0 2px 5px #126af324}
body:not(.present-mode) #reset {padding:7px 11px;font-size:12px;border:1px solid #dce7f2;border-radius:6px;white-space:nowrap}
body:not(.present-mode) .stage-grid {grid-template-columns:1.08fr 1fr;gap:10px;border:0;background:transparent;height:470px}
body:not(.present-mode) .anatomy-stage {border:1px solid #d9e7ed;background:#e8f2f5;border-radius:8px;height:100%;min-height:0}
body:not(.present-mode) .anatomy-stage canvas {width:100%;height:100%;max-height:none;margin:0}
body:not(.present-mode) .anatomy-stage figcaption {top:15px;left:13px;right:13px;font-size:12px}
body:not(.present-mode) .anatomy-view-switch {top:42px;left:12px;right:auto;background:#ffffffeb;border-color:#ccdde9;border-radius:6px}
body:not(.present-mode) .anatomy-mode {top:79px;left:12px;right:12px;max-width:calc(100% - 24px);width:calc(100% - 24px);padding:6px 8px;background:#fffffff0}
body:not(.present-mode) .body-context {bottom:67px;font-size:10px}
body:not(.present-mode) .anatomy-legend {bottom:40px;left:12px;right:8px;gap:5px;font-size:9px;flex-wrap:wrap}
body:not(.present-mode) .drag-hint {bottom:13px;font-size:10px}
body:not(.present-mode) .scene-tag {font-size:9px}
body:not(.present-mode) .radiograph-stage {border:1px solid #263f57;border-radius:8px;min-height:0;height:100%;padding:48px 8px 36px;background:#132b3d}
body:not(.present-mode) .radiograph-stage figcaption {top:14px;left:12px;right:12px;font-size:12px;flex-wrap:wrap;gap:5px}
body:not(.present-mode) .radiograph-stage figcaption #projection-label {font-size:10px;color:#a2b7c9;margin-left:auto}
body:not(.present-mode) .film {height:100%;min-height:0;margin:0;background:#071019}
body:not(.present-mode) .film-box {min-height:0}
body:not(.present-mode) .side-marker {left:12px;top:12px;font-size:14px}
body:not(.present-mode) .compare-button {bottom:8px;right:8px;top:auto;font-size:10px;padding:5px 8px;border-radius:5px;background:#203f56}
body:not(.present-mode) .readout-bar {margin-top:7px;padding:7px 5px;max-width:100%;background:#102333;border-color:#3e60764d}
body:not(.present-mode) .readout-item .readout-value {font-size:15px}
body:not(.present-mode) .readout-item .readout-label {font-size:9px}
body:not(.present-mode) .readout-def {font-size:9px}
body:not(.present-mode) .readout-items {gap:6px}
body:not(.present-mode) .observation {display:flex;margin-top:12px;min-height:72px;padding:13px 15px;background:#f8fbff;border:1px solid #e3edf7;border-radius:7px;gap:12px}
body:not(.present-mode) .observation strong {font-size:12px;color:#375c80;margin-bottom:4px}
body:not(.present-mode) .observation p {font-size:11px;color:#6c87a2}
body:not(.present-mode) .controls {position:static;display:block;min-height:0;max-height:none;padding:16px;border:1px solid #e1eaf4;border-radius:8px;box-shadow:none;margin-top:58px;background:linear-gradient(#fff,#fcfdff);overflow:visible}
body:not(.present-mode) .control-heading .eyebrow {display:none}
body:not(.present-mode) .control-heading h2 {font-size:16px;color:#183c65;margin-bottom:6px;font-weight:700}
body:not(.present-mode) .control-heading p {font-size:11px;color:#6b83a1;display:block}
body:not(.present-mode) .controls .parameter {padding:6px 0}
body:not(.present-mode) .parameter label {font-size:12px;line-height:1.5;color:#355373}
body:not(.present-mode) .parameter output {font-size:15px;color:#154a99}
body:not(.present-mode) .parameter input {accent-color:#126af3;margin:8px 0 6px}
body:not(.present-mode) .range-ends {font-size:10px;color:#7691ae}
body:not(.present-mode) .parameter.group-start:before {display:none}
body:not(.present-mode) .geometry-note {margin-top:12px}
body:not(.present-mode) .geometry-note p,body:not(.present-mode) .scope-note {color:#748aa3;font-size:10px}
body:not(.present-mode) .scope-note {margin-top:9px;padding-top:9px}
body:not(.present-mode) .mobile-tip {display:none}
body:not(.present-mode) .module-footer {margin-top:14px;color:#748da7}
body:not(.present-mode) .module-footer .text-button {color:#557b9e;font-size:11px}
body:not(.present-mode) .site-footer {margin:0 28px 0 252px;padding:18px 0 22px;max-width:none;font-size:10px;color:#7d94ad;gap:16px}
body:not(.present-mode) .question-workbench {grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:24px}
body:not(.present-mode) .question-content {min-width:0}
body:not(.present-mode) .criteria-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body:not(.present-mode) .criteria-card {padding:16px}
body:not(.present-mode) .criteria-top {gap:9px}
body:not(.present-mode) .criteria-top h2 {font-size:15px}
@media (max-width:1250px) and (min-width:761px) {
 body:not(.present-mode) .workspace-shell {grid-template-columns:190px minmax(0,1fr)}
 body:not(.present-mode) .site-header {gap:24px;padding:0 22px}
 body:not(.present-mode) .brand {min-width:144px;font-size:19px}
 body:not(.present-mode) .site-header nav {gap:22px}
 body:not(.present-mode) .page {padding:26px 20px 14px}
 body:not(.present-mode) h1 {font-size:27px}
 body:not(.present-mode) .workbench {grid-template-columns:minmax(0,1fr) 220px;padding:14px;gap:14px 12px}
 body:not(.present-mode) .stage-grid {height:440px;gap:8px}
 body:not(.present-mode) .anatomy-view-switch {left:7px}
 body:not(.present-mode) .anatomy-mode {left:7px;right:7px;width:calc(100% - 14px);max-width:none}
 body:not(.present-mode) .controls {padding:13px}
 body:not(.present-mode) .site-footer {margin-left:210px;margin-right:20px}
 body:not(.present-mode) .criteria-grid {grid-template-columns:1fr}
 body:not(.present-mode) .criteria-card {grid-template-columns:150px 1fr}
}
@media (max-width:1040px) and (min-width:761px) {
 body:not(.present-mode) .workbench {grid-template-columns:1fr}
 body:not(.present-mode) .controls {margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
 body:not(.present-mode) .control-heading {grid-column:1/-1}
 body:not(.present-mode) .geometry-note,body:not(.present-mode) .scope-note {grid-column:1/-1}
 body:not(.present-mode) .module-heading {grid-column:1}
 body:not(.present-mode) .page-heading {flex-wrap:wrap}
 body:not(.present-mode) .site-header nav {gap:16px}
 body:not(.present-mode) .site-header .tab {font-size:13px}
 body:not(.present-mode) .home-link {font-size:11px}
 body:not(.present-mode) .contact-trigger {padding:0 12px;font-size:12px}
 body:not(.present-mode) .question-workbench {grid-template-columns:1fr}
}
@media (max-width:760px) {
 body:not(.present-mode) .site-header {height:auto;min-height:112px;display:flex;flex-wrap:wrap;padding:15px 16px 0;gap:12px}
 body:not(.present-mode) .site-header .brand {display:flex;min-width:0;font-size:19px;gap:9px;order:0}
 body:not(.present-mode) .brand-icon {width:32px;height:32px;font-size:26px;border-radius:8px}
 body:not(.present-mode) .brand-sub {display:none}
 body:not(.present-mode) .home-link {order:1;margin-left:auto;font-size:10px;letter-spacing:0}
 body:not(.present-mode) .contact-trigger {display:inline-flex;order:2;margin:0;height:29px;font-size:11px;padding:0 10px}
 body:not(.present-mode) .site-header nav {width:100%;height:47px;gap:0;order:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
 body:not(.present-mode) .site-header .tab {font-size:13px;padding:0;border-bottom-width:3px}
 body:not(.present-mode) .workspace-shell {display:block;min-height:0}
 body:not(.present-mode) .region-directory {border:0;padding:0;margin:18px 16px 0;border-radius:10px;background:#eaf2fa;border:1px solid #e2ebf5}
 body:not(.present-mode) .directory-label {display:none}
 body:not(.present-mode) .directory-toggle {display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px 7px;background:none;border:0;color:#1f416b;text-align:left;font-size:12px}
 body:not(.present-mode) .directory-toggle strong {font-size:13px;font-weight:600;margin-left:auto}
 body:not(.present-mode) .directory-chevron {font-size:18px;line-height:1;transition:transform .15s}
 body:not(.present-mode) .directory-toggle[aria-expanded=true] .directory-chevron {transform:rotate(180deg)}
 body:not(.present-mode) .directory-note {margin:0;padding:0 14px 12px;font-size:10px;color:#748eaa}
 body:not(.present-mode) .region-list {display:none;padding:10px 12px 0}
 body:not(.present-mode) .region-list.directory-open {display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
 body:not(.present-mode) .region-group {margin-bottom:6px;padding-bottom:9px}
 body:not(.present-mode) .region-group h2 {font-size:12px;margin:0 8px 5px}
 body:not(.present-mode) .region-group button {padding:9px 8px;font-size:12px;min-height:36px}
 body:not(.present-mode) .development-badge {font-size:9px;padding:2px 5px}
 body:not(.present-mode) .page {padding:23px 16px 12px}
 body:not(.present-mode) .page-heading {display:flex;margin-bottom:18px;gap:12px;flex-wrap:wrap}
 body:not(.present-mode) h1 {font-size:23px;letter-spacing:-.4px;line-height:1.45;margin-bottom:8px}
 body:not(.present-mode) .page-heading p {display:block;font-size:12px;line-height:1.8}
 body:not(.present-mode) .page-heading .button {font-size:11px;padding:9px 12px;gap:12px}
 body:not(.present-mode) .workbench {display:grid;grid-template-columns:1fr;padding:12px;border-radius:10px;gap:12px}
 body:not(.present-mode) .module-heading {padding:1px 0 2px;gap:10px}
 body:not(.present-mode) .module-heading h2 {font-size:16px}
 body:not(.present-mode) #module-count {padding-left:10px;font-size:11px}
 body:not(.present-mode) .module-status {font-size:9px;gap:4px}
 body:not(.present-mode) .viewer-toolbar {height:auto;min-height:38px;margin-bottom:12px;gap:7px}
 body:not(.present-mode) .segmented {height:auto;min-height:38px;padding:2px}
 body:not(.present-mode) .segmented button {font-size:10px;padding:8px 3px;white-space:normal;line-height:1.4}
 body:not(.present-mode) #reset {font-size:10px;padding:7px}
 body:not(.present-mode) .stage-grid {display:grid;grid-template-columns:1fr 1fr;gap:7px;height:400px}
 body:not(.present-mode) .anatomy-stage,body:not(.present-mode) .radiograph-stage {height:100%;min-height:0;border-radius:6px}
 body:not(.present-mode) .anatomy-stage figcaption {top:10px;left:8px;right:8px;font-size:10px;gap:4px}
 body:not(.present-mode) .step {display:none}
 body:not(.present-mode) .anatomy-view-switch {top:33px;left:5px;right:5px;justify-content:center;height:34px;padding:2px;border:1px solid #cddfeb;border-radius:5px;background:#ffffffeb}
 body:not(.present-mode) .anatomy-view-switch button {font-size:11px;padding:4px;min-height:28px}
 body:not(.present-mode) #expand-anatomy {display:block;padding-left:5px;margin-left:2px}
 body:not(.present-mode) .anatomy-mode {top:73px;left:5px;right:5px;min-height:32px;width:calc(100% - 10px);padding:4px;font-size:11px;border-radius:4px}
 body:not(.present-mode) .anatomy-stage canvas {height:calc(100% - 106px);margin:106px 0 0;align-self:flex-end;object-fit:fill}
 body:not(.present-mode) .body-context {display:none}
 body:not(.present-mode) .anatomy-legend {bottom:30px;left:6px;font-size:7px;gap:2px;line-height:1.6}
 body:not(.present-mode) .anatomy-legend i {width:10px}
 body:not(.present-mode) .anatomy-legend span {margin-left:0}
 body:not(.present-mode) .drag-hint {font-size:8px;bottom:6px}
 body:not(.present-mode) .scene-tag {font-size:7px;padding:2px 3px}
 body:not(.present-mode) .radiograph-stage {padding:61px 4px 45px}
 body:not(.present-mode) .radiograph-stage figcaption {top:10px;left:7px;right:6px;font-size:10px}
 body:not(.present-mode) .radiograph-stage figcaption #projection-label {display:block;flex-basis:100%;font-size:8px;margin:1px 0 0;color:#a4bdcf}
 body:not(.present-mode) .film {height:100%;margin:0}
 body:not(.present-mode) .side-marker {left:6px;top:8px;font-size:11px}
 body:not(.present-mode) .readout-bar {margin-top:5px;padding:5px 2px}
 body:not(.present-mode) .readout-item .readout-value {font-size:14px}
 body:not(.present-mode) .readout-item .readout-label {font-size:9px;white-space:normal;text-align:center;line-height:1.5}
 body:not(.present-mode) .readout-def {font-size:9px;line-height:1.5}
 body:not(.present-mode) .compare-button {font-size:11px;min-height:32px;bottom:6px;right:5px;padding:5px 7px;top:auto}
 body:not(.present-mode) .observation {display:flex;min-height:0;padding:11px 9px;margin-top:12px;gap:7px}
 body:not(.present-mode) .observation-icon {font-size:18px}
 body:not(.present-mode) .observation strong {font-size:11px;line-height:1.6}
 body:not(.present-mode) .observation p {font-size:10px;line-height:1.7}
 body:not(.present-mode) .controls {position:static;inset:auto;display:flex;flex-direction:column;padding:14px;min-height:0;max-height:none;margin:0;border-radius:8px;box-shadow:none;overflow:visible;gap:0}
 body:not(.present-mode) .control-heading {margin-bottom:4px}
 body:not(.present-mode) .control-heading h2 {font-size:15px;margin-bottom:5px}
 body:not(.present-mode) .control-heading p {display:block;font-size:11px}
 body:not(.present-mode) .mobile-parameter-label {display:flex;order:1;align-items:center;justify-content:space-between;margin:14px 0 0;gap:12px;font-size:11px;color:#57779c}
 body:not(.present-mode) .mobile-parameter-label select {flex:1;max-width:72%;padding:9px 6px;background:#f6faff;border:1px solid #d8e6f3;border-radius:6px;color:#254b76;font-size:11px;min-width:0}
 body:not(.present-mode) .controls .parameter {display:none;padding:17px 0 11px;order:2}
 body:not(.present-mode) .controls .parameter.mobile-active {display:block}
 body:not(.present-mode) .controls .parameter.group-start:before {display:none}
 body:not(.present-mode) .parameter label {font-size:12px;flex-wrap:nowrap}
 body:not(.present-mode) .parameter output {font-size:16px}
 body:not(.present-mode) .parameter input {height:5px;margin:22px 0 15px}
 body:not(.present-mode) .range-ends {font-size:10px}
 body:not(.present-mode) .geometry-note {order:3;margin-top:14px}
 body:not(.present-mode) .scope-note {order:4;margin-top:12px;font-size:10px}
 body:not(.present-mode) .mobile-tip {display:none}
 body:not(.present-mode) .module-footer {display:flex;gap:10px;font-size:9px;line-height:1.6;flex-wrap:wrap}
 body:not(.present-mode) .module-footer .text-button {font-size:10px}
 body:not(.present-mode) .site-footer {margin:2px 16px 0;padding:16px 0 20px;display:flex;flex-wrap:wrap;gap:9px 16px;font-size:9px;line-height:1.5}
 body:not(.present-mode) .footer-contact {font-size:9px;padding:0}
 body:not(.present-mode) .question-workbench {grid-template-columns:1fr;padding:12px;gap:22px}
 body:not(.present-mode) .question-content {padding:0 4px 8px}
 body:not(.present-mode) .criteria-grid {grid-template-columns:1fr}
 body:not(.present-mode) .criteria-card {grid-template-columns:95px 1fr;padding:14px;gap:12px}
 body:not(.present-mode) .criteria-top {grid-column:1/-1}
 body:not(.present-mode) .evidence-grid {grid-template-columns:1fr}
 body:not(.present-mode) .stage-grid.anatomy-expanded {position:relative;inset:auto;height:440px!important;grid-template-columns:1fr;max-height:none;z-index:auto;box-shadow:none}
 body:not(.present-mode) .anatomy-expanded .anatomy-stage canvas {position:static;inset:auto;height:calc(100% - 106px);margin:106px 0 0}
 body:not(.present-mode) .anatomy-expanded .body-context {display:block;bottom:29px;padding:4px;background:#edf5f9;font-size:9px;min-height:0}
 body:not(.present-mode) .anatomy-expanded .drag-hint {bottom:6px}
 body:not(.present-mode) .anatomy-expanded .top-orientation {font-size:10px;right:12%}
}
body.present-mode .region-directory,body.present-mode .module-heading {display:none!important}
/* Shared reading surfaces use the same spacing and medical blue palette. */
body:not(.present-mode) .question-workbench,body:not(.present-mode) .criteria-card,body:not(.present-mode) .summary-card {border-color:#e0e9f3;border-radius:10px;box-shadow:0 3px 18px #1a507504}
body:not(.present-mode) .question-intro p,body:not(.present-mode) .criteria-card p,body:not(.present-mode) .feedback p {color:#65809c;line-height:1.8}
body:not(.present-mode) .option {border-radius:7px;line-height:1.6;min-height:46px;color:#536f8e;border-color:#dce7f2}
body:not(.present-mode) .option:has(input:checked) {border-color:#82aff3;background:#edf5ff;color:#245895}
body:not(.present-mode) .option.correct {color:#2c7a64;background:#edf7f4;border-color:#99c7bb}
body:not(.present-mode) .option.incorrect:has(input:checked) {color:#a85f47;background:#fff2ed;border-color:#e6b5a3}
body:not(.present-mode) .evidence p span,body:not(.present-mode) .evidence .boundary {color:#6b83a0}
body:not(.present-mode) .invite-gate {background:#14335452}
body:not(.present-mode) .invite-gate-card {border:1px solid #e2ebf5;padding:28px;border-radius:16px;box-shadow:0 24px 80px #0e325333}
body:not(.present-mode) .invite-gate-icon {background:linear-gradient(135deg,#268dff,#0861ec);border-radius:9px}
body:not(.present-mode) .invite-gate-header h2 {color:#153157;font-size:20px}
body:not(.present-mode) .invite-gate-notice {color:#6c819a;line-height:1.8;margin:4px 0 22px}
body:not(.present-mode) .invite-code-input {height:46px;border-color:#d7e4f1;background:#f7faff}
body:not(.present-mode) .invite-gate-submit {border-radius:7px;height:44px}
body:not(.present-mode) .invite-gate-purchase {border-radius:7px;height:44px;color:#126af3}
@media(max-width:760px) {
 body:not(.present-mode) .page-heading #start-quiz {display:inline-flex}
 body:not(.present-mode) .controls .control-heading {display:block}
 body:not(.present-mode) .controls .geometry-note {display:block}
 body:not(.present-mode) .controls .scope-note {display:block}
 body:not(.present-mode) .invite-gate-card {padding:24px}
}
/* Native range interaction is retained; its painted track reflects the live value. */
body:not(.present-mode) .parameter input[type=range] {appearance:none;-webkit-appearance:none;height:4px;border:0;border-radius:999px;background:linear-gradient(to right,#126af3 0 var(--range-progress,50%),#dce8f5 var(--range-progress,50%) 100%);outline-offset:6px}
body:not(.present-mode) .parameter input[type=range]::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:15px;height:15px;background:#126af3;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #126af3,0 2px 5px #126af326;cursor:pointer}
body:not(.present-mode) .parameter input[type=range]::-moz-range-thumb {width:12px;height:12px;background:#126af3;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #126af3;cursor:pointer}
body:not(.present-mode) .geometry-note p {margin-top:4px;line-height:1.5}
body:not(.present-mode) .scope-note {line-height:1.6}
@media(max-width:760px) {
 body:not(.present-mode) .page-heading:has(#start-quiz) {display:flex}
 body:not(.present-mode) .page-heading:has(#start-quiz) p {display:block}
 body:not(.present-mode) .readout-items {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px}
 body:not(.present-mode) .readout-item {min-width:0}
 body:not(.present-mode) .readout-item .readout-value {font-size:13px;letter-spacing:-.5px}
 body:not(.present-mode) .anatomy-view-switch {padding:0}
 body:not(.present-mode) .anatomy-view-switch button {min-height:32px}
 body:not(.present-mode) .parameter input[type=range] {height:5px}
 body:not(.present-mode) .parameter input[type=range]::-webkit-slider-thumb {width:19px;height:19px}
 body:not(.present-mode) .parameter input[type=range]::-moz-range-thumb {width:16px;height:16px}
}
body:not(.present-mode) .invite-gate-footer {align-items:center;gap:12px;margin-top:5px}
body:not(.present-mode) .invite-gate-contact {padding:6px 0;font-size:12px}
body:not(.present-mode) .invite-footer-divider {width:1px;height:12px;background:#d8e3ef}
body:not(.present-mode) .invite-home-link {font-size:12px;color:#6480a0;padding:6px 0}
body:not(.present-mode) .invite-home-link:hover {color:#126af3}

body:not(.present-mode) .site-header .angiography-link{display:flex;align-items:center;justify-content:center;border-bottom:4px solid transparent;white-space:nowrap}
@media(max-width:760px){body:not(.present-mode) .site-header .angiography-link{border-bottom-width:3px;font-size:12px}}