.three-body-page .lab-workspace{grid-template-columns:minmax(0,1fr) 340px}.three-body-page .lab-heading h1{font-size:clamp(34px,3.7vw,58px)}.three-body-page .lab-sidebar{display:block}.three-body-page select{background:#142530;border:1px solid #5b7583;color:#e1ecee;padding:9px;font-size:14px;max-width:100%}.three-body-page input[type=checkbox]{width:17px;height:17px;accent-color:#a4e1d4}.three-body-page button{cursor:pointer}.three-body-page button:disabled{cursor:default}.three-transport{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:0 28px 20px}.three-transport label{font-size:14px;color:#b9ced9;margin-left:auto}.three-transport>span{flex-basis:100%;font-size:14px;color:#c2d6df;font-variant-numeric:tabular-nums}.three-scene-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;background:#10242e;border-block:1px solid #2c4453;color:#c8e6dd;font-size:15px}.three-scene-heading label{display:flex;align-items:center;gap:8px;font-size:14px;color:#b8d0da}#three-scene{display:block;width:100%;height:460px}.three-legend{display:flex;flex-wrap:wrap;gap:12px 20px;color:#c2d0db;font-size:14px;margin:18px 28px}.three-legend>span:not(.centre-legend):before{content:'';display:inline-block;width:18px;height:3px;background:var(--legend);vertical-align:middle;margin-right:7px}.three-legend>.dashed:before{background:repeating-linear-gradient(90deg,var(--legend) 0 4px,transparent 4px 7px)!important}.three-legend .centre-legend{color:#a1bacb;font-size:13px}.three-caption{color:#aabecb;font-size:13px;line-height:1.8;margin:15px 28px}.three-reading{color:#c7e1dc;font-size:16px;line-height:1.75;background:#10232d;border-left:2px solid #8fd4c9;padding:17px 21px;margin:22px 28px;min-height:89px}.three-view-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:0 28px 24px}.three-view-controls label{display:flex;align-items:center;gap:8px;color:#bfd0db;font-size:14px}.body-readout{padding:24px 28px;border-block:1px solid #2c424e;background:#0d1a25}.body-readout>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.body-readout h2{font:27px var(--world-serif);margin:0}.body-tabs{display:flex;gap:7px}.body-tabs button{width:44px;padding:8px;background:#142630;border:1px solid #55717e;color:#b5d0d9;font-size:16px}.body-tabs button[aria-pressed=true]{background:#a4e1d4;color:#10232b;border-color:#a4e1d4}.body-readout dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 12px}.body-readout dt{color:#aec1ce;font-size:14px;line-height:1.5}.body-readout dd{margin:5px 0;font:25px var(--world-serif);color:#deebe8}.body-readout>p{font-size:13px;color:#a7c0ce;line-height:1.7;margin-bottom:0}.three-comparison,.three-energy{padding:28px 28px 24px;border-bottom:1px solid #2e424f}.three-comparison h2,.three-energy h2{font:30px/1.2 var(--world-serif);margin:12px 0 18px}.three-comparison>p:not(.kicker):not(.three-caption){font-size:15px;line-height:1.8;color:#c0d3dc}.three-comparison .lab-data{grid-template-columns:1fr 1fr;margin:22px 0 8px;padding:20px 0;border-bottom:1px solid #2c424e}.three-comparison .lab-data dd{font-size:28px}.three-comparison .three-caption,.three-energy .three-caption,.three-energy .three-legend{margin-inline:0}#separation-chart,#energy-chart{display:block;width:100%;height:245px}.three-chart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.three-chart-heading>span{color:#abc4d0;font-size:13px}.accuracy-details{margin-top:24px;border-top:1px solid #2b4350;padding-top:19px}.accuracy-details summary{cursor:pointer;color:#c6dedb;font-size:15px}.accuracy-details dl{font-size:14px;font-variant-numeric:tabular-nums}.accuracy-details dl>div{display:flex;justify-content:space-between;gap:14px;margin-block:15px;line-height:1.6}.accuracy-details dt{color:#aebfcc}.accuracy-details dd{margin:0;white-space:nowrap;color:#c8e4db}.accuracy-details p{font-size:14px;color:#a6bfca;line-height:1.8}.accuracy-details a{color:#c1e6dc}.three-presets{display:grid;gap:9px}.three-presets button{text-align:left}.three-presets button[aria-pressed=true]{border-color:#a5dfd4;background:#19362f;color:#d2f0e5}.three-control-note{font-size:14px;line-height:1.8;color:#a8bfcc}.three-controls .control-intro,.three-controls .control-note,.three-controls .control-field small{font-size:14px;line-height:1.8}.split-controls{border-block:1px solid #34525b;margin:25px 0;padding:24px 0}.split-controls h3{font:30px/1.2 var(--world-serif);margin:12px 0}.split-controls>p:not(.kicker){font-size:14px;line-height:1.8;color:#aec4ce}.split-controls .lab-button{width:100%}.split-controls .control-field>label{flex-wrap:wrap;gap:6px}.initial-editor>summary{font-size:16px;line-height:1.6;cursor:pointer;color:#d1e5df}.initial-editor p{font-size:14px;line-height:1.8;color:#a9bfca}.body-editor{margin:18px 0;border:1px solid #37515f;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.body-editor legend{padding-inline:8px;color:var(--body-colour);font-size:16px}.body-editor label{min-width:0;font-size:14px;line-height:1.5;color:#bad0da}.body-editor label:first-of-type{grid-column:1/-1}.body-editor input{display:block;width:100%;min-width:0;background:#10202d;color:#e4eee9;border:1px solid #506d7c;font:14px var(--world-sans);padding:11px 8px;margin-top:6px}.initial-editor button{width:100%}#editor-message[data-error=true]{color:#ffc39c}.three-lessons{display:grid;grid-template-columns:1fr 1fr;gap:34px 54px;margin:60px 0}.three-lessons article{border-top:1px solid #2e4552;padding-top:25px}.three-lessons article>span{font-size:12px;letter-spacing:1.5px;color:#9bdace}.three-lessons h3{font:30px/1.25 var(--world-serif);margin:18px 0}.three-lessons p{font-size:16px;line-height:1.85;color:#b8c9d4}.three-body-page .equation{font-size:16px;line-height:2;overflow-x:auto}.three-body-page .model-content{overflow-wrap:anywhere}.three-body-page :is(button,input,select):focus-visible{outline:2px solid #d9edca;outline-offset:4px}.three-body-page [hidden]{display:none!important}.three-body-page .lab-status{line-height:1.8}.three-body-page .control-note{font-size:14px}
@media(min-width:1500px){#three-scene{height:550px}.three-body-page .lab-workspace{grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:1100px){.three-body-page .lab-workspace{grid-template-columns:minmax(0,1fr) 310px}.three-transport label{margin-left:0}.three-chart-heading{display:block}.three-chart-heading h2{margin-bottom:8px}.three-chart-heading>span{display:block;margin-bottom:17px}#three-scene{height:430px}.three-body-page:has(#show-comparison:checked) #three-scene{height:630px}}
@media(max-width:880px){.three-body-page .lab-workspace{grid-template-columns:1fr}.three-body-page .lab-heading h1{font-size:clamp(34px,6vw,52px)}.three-body-page .lab-sidebar{padding:28px}.three-presets{grid-template-columns:repeat(3,1fr)}.three-presets button{text-align:center}.split-controls{max-width:600px}.initial-editor{max-width:650px}.body-editor{grid-template-columns:repeat(5,minmax(0,1fr))}.body-editor label:first-of-type{grid-column:auto}#three-scene{height:470px}.three-body-page:has(#show-comparison:checked) #three-scene{height:440px}}
@media(max-width:620px){.three-body-page:has(#show-comparison:checked) #three-scene{height:660px}.three-lessons{grid-template-columns:1fr;gap:28px}.three-presets{grid-template-columns:1fr}.three-presets button{text-align:left}.body-editor{grid-template-columns:1fr 1fr}.body-editor label:first-of-type{grid-column:1/-1}.three-body-page .lab-heading{padding-inline:22px}.three-transport{padding-inline:22px}.three-scene-heading{padding-inline:22px}#three-scene{height:370px}.three-reading{margin-inline:22px}.three-legend,.three-caption{margin-inline:22px}.three-view-controls,.body-readout{padding-inline:22px}.three-comparison,.three-energy{padding-inline:16px}.three-comparison>h2,.three-comparison>p,.three-chart-heading{margin-inline:6px}.three-comparison .lab-data{padding-inline:6px}.three-comparison .lab-data dt{font-size:14px}.three-comparison .lab-data dd{font-size:24px}.body-readout h2{font-size:25px}.body-readout dd{font-size:23px}.accuracy-details dl>div{display:block}.accuracy-details dd{margin-top:5px}.three-body-page .lab-sidebar{padding:27px 22px}}
.three-quick-starts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 28px 23px}.three-quick-starts button{min-width:0;padding:14px 12px;text-align:left;color:#cbe4dd;background:#11252e;border:1px solid #36555d}.three-quick-starts strong{display:block;font:17px/1.3 var(--world-serif)}.three-quick-starts span{display:block;color:#a4becb;font-size:13px;line-height:1.5;margin-top:7px}.three-quick-starts button[aria-pressed=true]{border-color:#abdccc;background:#17352f}.three-presets{grid-template-columns:1fr 1fr}.three-presets button{font-size:14px;padding:10px 8px;white-space:normal}.orderly-settings{border-block:1px solid #3e5b67;margin-block:24px;padding:20px 0}.orderly-settings h3{font:27px/1.2 var(--world-serif);color:#e1e9e1;margin:0 0 17px}.orderly-settings>p{color:#aec5cd;font-size:14px;line-height:1.8}.orderly-settings>.lab-button{width:100%;margin-top:12px}.triangle-shortcuts{display:flex;gap:7px}.triangle-shortcuts .lab-button{flex:1;padding-inline:7px}.criterion-preview{color:#cfdec8!important;border-left:2px solid #bcd5a4;padding-left:14px}.select-control{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#cee0df;margin-block:19px}.select-control select{width:100%}.split-controls>.lab-button+.lab-button{margin-top:10px}.stability-observation{padding:28px;border-bottom:1px solid #314751;background:#0d1d27}.stability-observation h2{font:30px/1.25 var(--world-serif);margin:12px 0 20px}.stability-observation>p:not(.kicker):not(.three-caption){font-size:15px;line-height:1.8;color:#bacecc}.stability-observation .stability-basis{color:#d5e5cf!important}.stability-observation>.three-caption{margin-inline:0}.stability-observation progress{display:block;width:100%;height:7px;border:0;accent-color:#a4e1d4;background:#203944}.stability-observation progress::-webkit-progress-bar{background:#203944}.stability-observation progress::-webkit-progress-value{background:#a4e1d4}.observation-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.observation-results h3{font:22px var(--world-serif);margin:22px 0 10px;color:#d7e3d8}.observation-results p{font-size:14px;line-height:1.8;color:#acc5d0}.three-comparison .lab-data{grid-template-columns:repeat(3,minmax(0,1fr))}.three-comparison .three-legend{margin-inline:0}
@media(max-width:1100px){.three-quick-starts{padding-inline:22px;gap:7px}.three-quick-starts button{padding:12px 9px}.three-quick-starts strong{font-size:16px}.three-quick-starts span{font-size:12px}.three-presets{grid-template-columns:1fr}}
@media(max-width:880px){.three-presets{grid-template-columns:repeat(3,1fr)}.orderly-settings{max-width:650px}}
@media(max-width:620px){.three-quick-starts{grid-template-columns:1fr;gap:7px;padding-bottom:18px}.three-quick-starts button{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 12px}.three-quick-starts strong{font-size:17px}.three-quick-starts span{font-size:12px;text-align:right;max-width:130px;margin:0}.three-presets{grid-template-columns:1fr 1fr}.stability-observation{padding:25px 22px}.stability-observation h2{font-size:28px}.observation-results{grid-template-columns:1fr;gap:0}.three-comparison .lab-data{grid-template-columns:1fr 1fr}.three-comparison .lab-data>div:last-child{grid-column:1/-1}}
