:root{color-scheme:light;--ink:#253d44;--muted:#596a6e;--line:#cdd6d5;--blue:#27637a;--paper:#fff;--wash:#f3f7f7}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}main{max-width:1280px;margin:auto;padding:40px 32px 60px}h1,h2,h3,p,figure{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.18}h1{font-size:clamp(34px,4.5vw,57px);letter-spacing:-.035em;margin-bottom:20px}h2{font-size:34px;margin-bottom:15px}h3{font-size:21px;line-height:1.25;margin-bottom:12px}p{margin-bottom:18px}.intro{font-size:19px;line-height:1.7;margin-bottom:28px}.topic-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0 34px}.topic-nav summary{display:none}.nav-links{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.nav-links a{padding:8px 14px;color:var(--ink);text-decoration:none;border-radius:3px}.nav-links a:hover{background:var(--wash)}a{color:var(--blue);text-underline-offset:4px}button,input,select{font:inherit}button,select{min-height:44px}button{cursor:pointer;border:1px solid #b7c6c8;border-radius:3px;background:white;color:var(--ink);padding:8px 13px;line-height:1.35}button:hover{background:#eaf0f1}button[aria-pressed=true]{background:#2b5261;color:white;border-color:#2b5261}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #aa7830;outline-offset:3px}input[type=range]{width:100%;accent-color:#356779;min-width:0;min-height:34px;cursor:pointer}input[type=number]{width:76px;padding:6px 8px;min-height:44px;border:1px solid #afbdc1;border-radius:3px;background:white;color:var(--ink)}input[aria-invalid=true]{border-color:#bb3428;outline:2px solid #bb3428}select{padding:6px 30px 6px 9px;border:1px solid #b7c6c8;border-radius:3px;background:white;color:var(--ink)}[hidden]{display:none!important}.small{font-size:14px;color:var(--muted)}.math{font-family:Georgia,'Times New Roman',serif;font-size:1.13em}.section{margin-top:54px;scroll-margin-top:20px}.studio{scroll-margin-top:16px;border:1px solid var(--line);background:#fff;overflow:hidden}.utility{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;background:#f1f4f4;border-bottom:1px solid var(--line)}.rotation-link{display:flex;align-items:center;position:relative;gap:12px;cursor:pointer;min-height:46px}.rotation-link input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{height:26px;width:44px;border-radius:18px;background:#a6b2b5;position:relative;flex-shrink:0}.switch-track:after{content:'';position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:white;transition:transform .15s}.rotation-link input:checked+.switch-track{background:#32687b}.rotation-link input:checked+.switch-track:after{transform:translateX(18px)}.rotation-link input:focus-visible+.switch-track{outline:3px solid #aa7830;outline-offset:4px}.switch-copy{display:flex;flex-direction:column;line-height:1.5}.switch-copy strong{font-size:15px}.switch-copy small{font-size:13px;color:var(--muted)}.view-actions{display:flex;gap:8px}.view-actions button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:bold}.view-actions [data-fullscreen]{background:#2b5261;color:white;border-color:#2b5261}.view-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.model-pane{min-width:0;padding:24px}.model-pane+.model-pane{border-left:1px solid var(--line)}.model-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.model-heading h2{font-size:29px;margin:0 0 8px}.model-heading p{font-size:13px;color:var(--muted);margin:0}.model-modes{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 6px}.model-modes button{font-size:13px;min-height:40px;padding:7px 11px}.viewport{height:350px;width:100%;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#f2f6f6 0,white 70%)}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ready .fallback{display:none}.local-panel{padding:12px 0 8px;border-top:1px solid var(--line);font-size:14px}.local-panel label{display:flex;justify-content:space-between;align-items:center;gap:14px}.range-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.view-help{font-size:13px;color:var(--muted);padding:12px 20px;background:#f8faf9;border-top:1px solid var(--line);margin:0}.dim-input{margin-top:12px}.dim-input label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:bold}.dim-input .slider-row{display:flex;align-items:center;gap:14px}.dimension-controls{background:#f5f7f6;border-top:1px solid var(--line);padding:4px 15px 16px;margin:0 -4px}.preset-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.preset-row button{font-size:13px}.results{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;gap:12px}.result{padding:16px;background:#edf4f5;border-top:3px solid #57909e;min-width:0}.result span{display:block;font-size:14px}.result strong{display:block;font-size:30px;line-height:1.35;white-space:normal}.result strong small{font-size:14px;font-weight:400}.result .math{font-size:17px;margin-top:8px}.result.cube-result{background:#fbf1e8;border-color:#b97c4f}.classification{padding:19px 22px;font-weight:bold;border-left:4px solid #ab743e;background:#fcf7ed;margin:20px 0 0}.classification.equal{border-color:#3b7663;background:#edf6ef}.unit-row{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:15px 0;font-size:14px}.fact-band{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:25px 0}.fact-band>div{padding:20px;text-align:center}.fact-band>div+div{border-left:1px solid var(--line)}.fact-band strong{font-family:Georgia,serif;font-size:42px;line-height:1.2;display:block}.fact-band span{font-size:15px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:34px}.answer{padding:25px;border:1px solid var(--line);border-left:4px solid #498291}.answer h3{font-family:Georgia,serif;font-weight:400;font-size:27px}.answer p:last-child{margin-bottom:0}.formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.formula-column{padding:22px;background:#f4f7f7}.formula-column:last-child{background:#fcf6ef}.formula-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.formula-row:last-child{border-bottom:0}.formula-row span{display:block}.formula-row strong{text-align:right;white-space:nowrap}.formula-row small{font-size:13px;font-weight:400}.table-wrap{border:1px solid var(--line);margin-top:25px}table{border-collapse:collapse;width:100%;table-layout:fixed}caption{font-weight:bold;text-align:left;padding:18px;background:#f3f6f5}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}thead th{font-size:18px;background:#eef3f2}thead th:first-child{width:22%}tbody th{font-size:14px}td{font-size:15px}tr:last-child>*{border-bottom:0}.table-net{margin:0}.table-net svg{display:block;width:100%;height:auto;min-height:120px}.table-net figcaption{font-size:13px;margin-top:8px;color:var(--muted)}.table-net button{margin-top:10px;font-size:13px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.questions details{border-bottom:1px solid var(--line);padding:16px 0}.questions summary{font-weight:bold;cursor:pointer;min-height:44px;align-content:center}.questions details p{margin:14px 0 4px}.featured{display:grid;grid-template-columns:250px 1fr;gap:38px;align-items:center;border-top:1px solid var(--line);padding-top:32px}.featured figure{margin:0}.featured img{width:100%;height:auto;display:block;border:1px solid #d9dcd4;box-shadow:0 5px 16px #253d4412}.featured h2{font-size:32px}.featured .pin{display:inline-flex;align-items:center;gap:8px;background:#ac2030;color:white;text-decoration:none;font-size:14px;font-weight:bold;padding:8px 14px;border-radius:4px}.featured .pin svg{width:17px;height:17px;fill:currentColor}.featured .image-open{display:inline-block;margin-left:17px;font-size:14px}.noscript{padding:18px;background:#fff6df}.studio:fullscreen{overflow:auto;background:#fff;max-width:none;padding:15px;width:100vw;height:100vh}.studio:fullscreen .viewport{height:calc(100vh - 340px);min-height:300px}.studio:fullscreen .dimension-controls,.studio:fullscreen .results{display:none}#status:empty{display:none}

/* Shared controls and readable small-screen tables; no model composition here. */
.viewport{background:transparent;min-width:0}.utility{background:transparent}.section{margin-top:60px}.topic-title,.intro{max-width:none}.nav-links{gap:8px 22px}.nav-links a{padding:8px 0;font-size:14px;font-weight:bold}.dim-input{margin:16px 0}.dim-input label>span{font-weight:400;white-space:nowrap}.slider-row input[type=range]{flex:1}.slider-row input[type=number]{flex:0 0 70px}.result{background:transparent;border:0;padding:16px 0}.result strong{font-variant-numeric:tabular-nums}.result strong span{display:inline;font-size:inherit}.formula-row>div{min-width:0}.formula-row strong{flex-shrink:0}.formula-row .math{color:var(--muted);font-size:16px}.large-equation{font:27px/1.6 Georgia,serif;overflow-wrap:anywhere}.constraint{font:32px Georgia,serif}.slice-control{margin:22px 0}.slice-control label{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:bold}.slice-values{display:flex;justify-content:space-between;gap:20px;margin:20px 0;font-weight:bold}.unit-row{justify-content:flex-start;flex-wrap:wrap}.classification{border-color:var(--blue);background:var(--wash)}.table-wrap thead th+th{border-left:2px solid white}.questions{display:block}.featured{display:flex}.featured figure{flex:0 0 210px}.featured>div{min-width:0}.featured .pin{min-width:68px;min-height:42px;justify-content:center}.featured .image-open{white-space:normal}.utility{border-block:1px solid var(--line);padding:16px 0}.view-help{background:transparent;border-top:0;padding:14px 0}.model-modes button{font-size:12px}.model-modes{gap:6px}.model-modes button[aria-pressed=true],button[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}.view-actions [data-fullscreen]{background:var(--blue);border-color:var(--blue)}.viewport canvas{max-width:100%}svg{max-width:100%}input:disabled{opacity:.5}[data-studio]{scroll-margin-top:15px}[data-studio]:fullscreen{width:100%;height:100%;max-width:none;overflow:auto;padding:24px;background:#fff}[data-studio]:fullscreen .viewport{min-height:300px}
@media(max-width:1000px){main{padding:30px 22px}.formula-row{gap:12px}.formula-row strong{white-space:normal;font-size:18px}}
@media(max-width:720px){main{padding:26px 16px 40px}h1{font-size:35px}h2{font-size:28px}.intro{font-size:17px}.section{margin-top:42px}.topic-nav{border:1px solid var(--line);border-radius:4px;margin:22px 0}.topic-nav summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:12px 15px;font-weight:bold;cursor:pointer}.topic-nav summary:after{content:'+';font-size:23px}.topic-nav[open] summary:after{content:'−'}.nav-links{display:block;padding:0 15px 12px}.nav-links a{display:block;border-top:1px solid var(--line);padding:13px 0;min-height:46px}.utility{display:block}.rotation-link{margin-bottom:14px}.view-actions{display:grid;grid-template-columns:1fr 1fr}.view-actions button{min-height:46px}.model-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.model-modes button{min-height:44px;font-size:12px;padding:7px 6px}.viewport{height:320px}.unit-row{gap:9px}.unit-row .small{flex-basis:100%}.dim-input label{font-size:13px}.slice-values{display:grid;gap:8px}.table-wrap{border:0}table,tbody{display:block}thead{display:flex}thead tr{display:grid;grid-template-columns:1fr 1fr;width:100%}thead th:first-child{display:none}thead th{font-size:16px;padding:14px 10px}tbody tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}tbody th{grid-column:1/-1;background:var(--wash);padding:10px 12px;border-bottom:0}td{padding:14px 10px;border-bottom:0;font-size:14px;overflow-wrap:anywhere}td+td{border-left:1px solid var(--line)}caption{display:block;background:white;padding:12px 0}.table-net svg{min-height:85px}.table-net figcaption{font-size:12px}.table-net button{width:100%;padding:7px;font-size:12px}.featured{gap:20px;align-items:flex-start}.featured figure{flex-basis:120px}.featured h2{font-size:25px}.featured p{font-size:14px}.featured .image-open{display:block;margin:12px 0 0;font-size:13px}.formula-row{gap:12px}.formula-row strong{max-width:110px}.formula-row .math{font-size:15px}.large-equation{font-size:23px}.classification{padding:15px 17px}.view-help{font-size:12px}.result strong{font-size:31px}[data-studio]:fullscreen{padding:16px}.questions{display:block}}
@media(max-width:370px){h1{font-size:31px}.featured figure{flex-basis:100px}.featured{gap:15px}.viewport{height:285px}.formula-row{display:block}.formula-row strong{display:block;max-width:none;text-align:left;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* A small regular reference beside an apex experiment, followed by an editorial definition spread. */
.names-page{--blue:#476d86;--wash:#f2f6f8;max-width:1290px}.names-page h1{max-width:none;width:100%}.naming-workshop{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0 45px}.regular-reference{padding:26px 22px;background:#f0f5f8;border-top:4px solid #557c98;min-width:0}.regular-reference h2{font-size:27px}.regular-reference>p{font-size:14px}.regular-reference .viewport{height:255px}.regular-reference .model-modes{display:grid;grid-template-columns:repeat(2,1fr)}.regular-reference .model-modes button{padding:8px 6px}.reference-equation{font:25px Georgia,serif;border-top:1px solid #c4d3dd;padding-top:23px;margin:26px 0 10px}.apex-experiment{min-width:0}.naming-answer{display:flex;align-items:baseline;gap:22px;border-block:1px solid #bda59b;padding:16px 0;color:#854e3d}.naming-answer strong{font:30px Georgia,serif}.naming-answer span{font-size:15px}.apex-stage{position:relative;background:#fcf8f5;padding-top:25px}.apex-stage h2{position:absolute;top:25px;left:25px;font:28px/1.3 Georgia,serif;margin:0;pointer-events:none;z-index:1}.apex-stage .viewport{height:450px;padding-top:50px}.apex-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.apex-controls button{align-self:center}.naming-tools{grid-column:1/-1;margin-top:28px}.naming-caption{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:30px 0 0;align-items:center}.naming-caption p{margin:0}.shared-counts{display:flex;justify-content:space-between;gap:15px}.shared-counts span{font-size:14px}.shared-counts b{display:block;font:48px Georgia,serif}.definition-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:28px}.definition-columns h3{font:25px Georgia,serif}.names-page #names>h2{font-size:37px}.answer-pair{border-top:2px solid #688797}.answer-pair>article{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.answer-pair h3{grid-column:1/-1;font:26px Georgia,serif;margin:0}.answer-pair .formula-row{display:block;border:0;padding:0}.answer-pair .formula-row strong{display:block;text-align:left;margin-top:13px}.answer-pair .result{padding:0}.names-page .questions{display:grid;grid-template-columns:1fr 1fr;gap:0 38px}.names-page .featured{border-top:3px solid #587b93;padding:32px 0}.names-page .featured figure{flex-basis:180px}.names-page .featured h2{font:38px Georgia,serif}
@media(max-width:1000px){.naming-workshop{grid-template-columns:255px minmax(0,1fr);gap:0 25px}.naming-answer{display:block}.naming-answer strong{display:block;margin-bottom:7px}.answer-pair>article{grid-template-columns:1fr 1fr}.definition-columns{gap:20px}.apex-stage h2{font-size:24px}.apex-controls{grid-template-columns:1fr}.naming-caption{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.naming-workshop{display:flex;flex-direction:column}.apex-experiment{order:0}.regular-reference{order:1;margin-top:30px;padding:22px 18px}.naming-tools{order:2}.apex-stage .viewport{height:355px}.apex-stage h2{font-size:22px;top:18px;left:18px}.apex-controls{grid-template-columns:1fr}.naming-answer strong{font-size:29px}.regular-reference .viewport{height:270px}.regular-reference .model-modes{grid-template-columns:repeat(3,1fr)}.regular-reference>p br{display:none}.naming-caption{display:block}.shared-counts{margin-top:24px}.shared-counts b{font-size:37px}.definition-columns{display:block}.definition-columns article{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px}.names-page #names>h2{font-size:29px}.answer-pair>article{display:block}.answer-pair h3{margin-bottom:18px}.answer-pair .formula-row{padding:15px 0;border-top:1px solid var(--line)}.answer-pair .result{margin-bottom:20px}.names-page .questions{display:block}.names-page .featured figure{flex-basis:120px}.names-page .featured h2{font-size:26px}}

/* Equal primary views are a comparison requirement at every screen width. */
.dimension-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.viewport:not(.ready) .dimension-overlay{display:none}.dimension-explanation{font-size:14px;color:var(--muted);margin:22px 0}
.equal-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;margin:24px 0}
.equal-model{min-width:0;padding:22px 22px 18px;border-top:3px solid var(--blue)}
.equal-model-title{height:92px;min-width:0}
.equal-model-title h2{font:29px/1.18 Georgia,serif;margin:0 0 12px}
.equal-model-title p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}
.equal-pair .viewport{height:420px;width:100%;padding:0;border-radius:0;background:none;max-width:none;margin:0}
.equal-model .model-modes{margin:16px 0 12px;display:flex;flex-wrap:wrap;gap:6px}
.equal-model .model-modes button{min-height:42px;font-size:12px;padding:7px 10px}
.equal-model .local-panel{padding:16px 0 8px}
.model-equation{font:27px Georgia,serif;border-top:1px solid var(--line);padding-top:20px;margin:21px 0 0}
.tetra-regular{background:#f0f5f8;border-color:#557c98}.tetra-pyramid{background:#fcf4ee;border-color:#b27d67}
.definition-match{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid #b8c7d1;padding:18px 0}.definition-match strong{font:32px Georgia,serif}.definition-match span{font-size:16px}
.apex-adjustments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:25px;align-items:center;margin:25px 0}.apex-adjustments>button{max-width:150px;font-size:14px}
.matched-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:10px 25px;background:#edf3f5;border-block:2px solid #72949f}
.triangular-column{border-color:#347c91}.rectangular-column{border-color:#a08259}.prism-comparison .equal-model-title h2{font-family:Arial,sans-serif;font-size:26px;font-weight:700}
.prism-comparison .viewport{background:repeating-linear-gradient(0deg,transparent,transparent 39px,#dbe4e540 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#dbe4e540 40px)}
.profile-result{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.profile-result svg{width:115px;height:95px;flex-shrink:0}.profile-result .result{padding:0}.profile-result .result strong{font-size:32px}.profile-result .result .math{font-size:23px}
.independent-axes{background:#f1f7f3;border-color:#658f7b}.revolving-axes{background:#f7f2fa;border-color:#9978aa}.axis-comparison .model-equation{font-size:36px;text-align:center;padding-bottom:8px}
.axis-adjustments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px;margin:32px 0}.axis-adjustments>section{min-width:0}.axis-adjustments h3{font:27px Georgia,serif}.profile-buttons{display:flex;gap:10px;margin:24px 0 0}.profile-buttons button{flex:1;padding:12px 6px;background:#f7f2fa;border-color:#cebed8}.profile-buttons strong,.profile-buttons span{display:block}.profile-buttons strong{font:22px Georgia,serif}.profile-buttons span{font-size:13px;margin-top:7px}
.base-match-controls{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;align-items:center;border-block:1px solid #cbbb9e;padding:21px 0}.base-match-controls h2{font-size:26px}.base-match-controls .basis-buttons{display:flex;gap:8px;margin:15px 0 0}.base-match-controls .basis-buttons button{flex:1;font-size:13px}
.square-base-column{background:#fbf5eb;border-color:#aa7746}.triangle-base-column{background:#eef6f8;border-color:#4e8292}.pyramid-comparison .base-footprint{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.stretched-surface{background:#eff6f8;border-color:#4c899c}.round-surface{background:#fcf7ec;border-color:#b9985c}.sphere-comparison .model-equation{font-size:28px}
.stretch-comparison-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;margin:28px 0}.stretch-comparison-controls>section{min-width:0}.stretch-comparison-controls h3{font:27px Georgia,serif}.three-radius-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.three-radius-inputs .dim-input label{display:block}.three-radius-inputs .dim-input label>span{display:block;margin-top:5px}.three-radius-inputs .slider-row{display:block}.three-radius-inputs input[type=number]{width:100%}.stretch-comparison-controls>section>button{font-size:14px;margin-top:15px}
.hex-comparison{border:1px solid #b6c9ba;background:#fbfcf8;padding:25px}.hex-comparison .equal-pair{gap:32px}.hex-prism-column{border-color:#719b81;padding-inline:0}.hex-pyramid-column{border-color:#b48c5b;padding-inline:0}.hex-pyramid-column .hex-volume strong{color:#956532}.hex-comparison .hex-volume{display:flex;align-items:center;justify-content:space-between;gap:15px}.hex-comparison .hex-volume>span{font-size:26px}.slice-console{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#edf2e8;padding:30px;margin:15px -25px -25px;border-top:1px solid #bdcdb5}.slice-console .slice-chart{max-height:230px;margin-bottom:0}.slice-console h2{font-size:29px}.slice-console .area-bar-row>span{font-size:14px}.slice-console .area-bar-row strong{font-size:21px}
[data-studio]:fullscreen .equal-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-studio]:fullscreen .equal-pair .viewport{height:clamp(300px,56vh,650px)}
@media(max-width:1050px){.equal-pair{gap:22px}.equal-model{padding:20px 16px}.equal-model-title h2{font-size:26px}.equal-pair .viewport{height:360px}.apex-adjustments{grid-template-columns:1fr 1fr 1fr;gap:22px}.apex-adjustments>button{grid-column:1/-1;max-width:none;justify-self:start}.base-match-controls{grid-template-columns:1fr 1fr}.base-match-controls>div:first-child{grid-column:1/-1}.base-match-controls .basis-buttons{max-width:460px}.three-radius-inputs{display:block}.three-radius-inputs .dim-input label{display:flex}.three-radius-inputs .slider-row{display:flex}.three-radius-inputs input[type=number]{width:70px}.profile-result{gap:20px}.profile-result svg{width:85px}.profile-result .result strong{font-size:28px}.hex-comparison .equal-model{padding-inline:0}.slice-console{gap:30px}}
@media(max-width:720px){.equal-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px -6px}.equal-model{padding:14px 8px 15px;border-top-width:3px}.equal-model-title{height:105px}.equal-model-title h2,.prism-comparison .equal-model-title h2{font:19px/1.22 Georgia,serif;margin-bottom:9px;overflow-wrap:normal}.equal-model-title p{font-size:12px;line-height:1.45}.equal-pair .viewport{height:clamp(215px,57vw,320px)}.equal-model .model-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:13px 0}.equal-model .model-modes button{min-height:44px;font-size:11px;line-height:1.25;padding:6px 3px;overflow-wrap:normal}.equal-model .local-panel label{display:block;font-size:12px}.equal-model .local-panel label output{display:block;margin-top:5px}.equal-model .range-ends{font-size:10px;gap:5px}.model-equation,.sphere-comparison .model-equation{font-size:20px;margin-top:16px;padding-top:16px}.axis-comparison .model-equation{font-size:26px}.definition-match{display:block}.definition-match strong{display:block;font-size:29px;margin-bottom:8px}.definition-match span{font-size:15px}.apex-adjustments,.matched-dimensions{display:block}.apex-adjustments>button{max-width:none;width:100%}.matched-dimensions{padding:8px 16px}.profile-result{display:block;margin-top:15px;padding-top:14px}.profile-result svg{display:block;width:70px;height:60px;margin-bottom:14px}.profile-result .result strong{font-size:24px;line-height:1.3}.profile-result .result strong small{font-size:12px}.profile-result .result .math{font-size:18px}.profile-result .result>span{font-size:12px}.axis-adjustments,.stretch-comparison-controls{grid-template-columns:1fr;gap:24px;margin:26px 0}.axis-adjustments h3,.stretch-comparison-controls h3{font-size:25px}.profile-buttons strong{font-size:20px}.base-match-controls{display:block;padding:21px 0}.base-match-controls h2{font-size:26px}.base-match-controls .basis-buttons{display:grid;grid-template-columns:1fr 1fr}.pyramid-comparison .base-footprint{display:block;padding-top:16px;margin-top:18px}.pyramid-comparison .base-footprint svg{width:50px;height:50px;margin-bottom:9px}.pyramid-comparison .base-footprint strong{font-size:23px}.pyramid-comparison .base-footprint>div>span,.pyramid-comparison .base-footprint>div>small{font-size:11px}.hex-comparison{padding:20px 12px}.hex-comparison .equal-pair{gap:12px;margin-inline:0}.hex-comparison .equal-model{padding-inline:0}.hex-comparison .hex-volume{display:block;padding:14px 0}.hex-comparison .hex-volume>span{font-size:20px}.hex-comparison .hex-volume strong{font-size:24px}.hex-comparison .hex-input-rail{grid-template-columns:1fr 1fr}.hex-comparison .hex-input-rail h2{font-size:23px}.hex-comparison .ratio-display strong{font-size:40px}.hex-comparison .ratio-display span{font-size:10px}.slice-console{grid-template-columns:1fr;gap:20px;margin-inline:-12px;margin-bottom:-20px;padding:24px 15px}.slice-console h2{font-size:27px}.slice-console .slice-chart{max-height:230px}.equal-model .viewport .fallback{object-fit:contain}[data-studio]:fullscreen .equal-pair .viewport{height:clamp(215px,53vh,370px);min-height:215px}}
@media(max-width:370px){.equal-model-title h2,.prism-comparison .equal-model-title h2{font-size:17px}.equal-model-title p{font-size:11px}.equal-model-title{height:100px}.model-equation,.sphere-comparison .model-equation{font-size:18px}.profile-result .result strong,.hex-comparison .hex-volume strong{font-size:21px}.equal-model .model-modes button{font-size:10px}.pyramid-comparison .base-footprint strong{font-size:21px}}