.newman-lab{grid-template-columns:246px minmax(0,1fr)}.newman-lab .builder{display:block}.newman-lab .section-heading h2{font-size:18px}.newman-lab .builder .control-note{font-size:11px}.color-key{display:grid;gap:12px;padding:17px 0 24px;border-bottom:1px solid var(--line);font-size:11px;color:#c4d1df}.color-key span{display:flex;align-items:center;gap:9px}.color-key i{width:8px;height:8px;border-radius:50%}.front-dot{background:var(--amber)}.back-dot{background:var(--model-mint)}.stop-controls{padding-top:22px}.stop-controls h3{font-size:12px;font-weight:500;margin:0 0 12px}#angle-stops{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}#angle-stops button{font-size:12px;padding:9px 4px;font-variant-numeric:tabular-nums}#angle-stops button[aria-pressed=true]{background:#3a382e;border-color:var(--amber);color:var(--amber)}.newman-lab .display-options{padding-top:10px}.newman-lab .viewer-heading{padding:22px}.newman-lab .viewer-heading h2 span{font-family:"IBM Plex Sans",system-ui,sans-serif;display:block;font-size:12px;letter-spacing:.4px;color:#b0c1d0;margin-top:7px}.linked-views{display:grid;grid-template-columns:1fr 1fr;scroll-margin-top:10px}.spatial-view,.projection-view{min-width:0}.spatial-view{border-right:1px solid var(--line)}.view-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-block:1px solid var(--line);background:#122536}.view-caption h3{font-size:12px;font-weight:500;margin:0}.view-caption span{font-size:10px;color:#a4bdce;white-space:nowrap}.newman-lab #viewport{height:337px}.newman-lab .viewport-shell{border:0}.newman-lab .view-top{top:12px;left:12px;right:12px}.newman-lab .chair-badge{font-size:9px;max-width:90px;line-height:1.5}.newman-lab .view-mode button{font-size:9px;padding:7px}.newman-lab .view-bottom{left:12px;right:12px;bottom:10px;align-items:flex-end;gap:8px}.newman-lab .view-bottom p{font-size:9px;max-width:115px;line-height:1.6}.newman-lab .view-bottom>div{gap:5px}.newman-lab .view-bottom button{font-size:9px;padding:6px}.projection-stage{height:292px;position:relative;background:radial-gradient(ellipse at center,#183245,#0e1d2b)}#newman{display:block;width:100%;height:100%}.projection-note{height:45px;font-size:9px;line-height:1.7;text-align:center;color:#a1b7c9;margin:0;padding:4px 8px;background:#0e1d2b}.projection-cover{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;text-align:center;padding:30px;background:#102331;color:#d1e3da}.projection-cover p{font-size:14px;max-width:230px}.projection-cover a{font-size:12px}.rotation-controls{display:flex;gap:24px;align-items:center;padding:20px 22px 13px}.transport{display:flex;gap:5px;align-items:center}.transport>button{font-size:11px;padding:8px;min-height:41px}.transport>#play{font-size:12px;min-width:96px}.rotation-controls .scrubber p{font-size:9px;line-height:1.6;margin:0}.newman-lab .model-description{padding-inline:22px;min-height:22px;margin:0 0 12px}.newman-lab .energy-panel{padding:18px 22px;border-top:1px solid var(--line)}.energy-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px}.energy-readout>span{font-size:12px;color:var(--model-mint)}.energy-readout strong{font-size:33px;line-height:1.7;display:block;font-weight:500;font-variant-numeric:tabular-nums}.energy-readout small{font-size:10px;font-weight:400;color:#a7bbcc}.energy-readout p{font-size:11px;color:#a1b6c8;line-height:1.7;margin:5px 0}.plot-wrap{min-width:0}#energy-plot{width:100%;display:block;cursor:crosshair;touch-action:pan-y}.plot-wrap>p{font-size:9px;color:#91a9be;margin:0;text-align:center}.reading-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:30px 0 36px}.reading-guide span{font-size:10px;letter-spacing:.7px;color:var(--teal)}.reading-guide h2{font-size:23px;line-height:1.4;margin:8px 0 10px}.reading-guide p{font-size:13px;color:var(--mint-soft);margin:0;line-height:1.8}.newman-lab .atom-label{font-size:11px;background:#102031de;min-width:0;pointer-events:none}.newman-lab .atom-label.front{color:var(--amber);border-color:#92703f}.newman-lab .atom-label.back{color:var(--model-mint);border-color:#477b70}.newman-lab .atom-label.center{font-size:9px;color:#dce7ef;background:#102031d9;border:0}.newman-lab .atom-label.axis{font-size:9px;color:#c7d8e5;border:0;background:transparent}.practice .match-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.practice .match-options label{display:block;text-align:center;padding:9px 3px;font-size:11px}.match-options svg{display:block;width:100%;height:auto;max-height:150px;margin:auto}.practice .match-options input{margin-right:5px}.practice .question-body .match-options label:has(input:checked){border-color:#176c59;background:#d9ece4}.newman-lab .answer-cover{margin:0 22px 20px}
@media(min-width:1500px){.newman-lab #viewport{height:377px}.projection-stage{height:332px}}
@media(max-width:1150px){.newman-lab{grid-template-columns:220px minmax(0,1fr)}.newman-lab .builder{padding-inline:15px}.newman-lab .section-heading{gap:7px}.newman-lab .section-heading h2{font-size:16px}.newman-lab .step-number{width:24px;flex-shrink:0}.newman-lab .viewer-heading{padding:19px}.energy-layout{grid-template-columns:150px minmax(0,1fr);gap:10px}.energy-readout strong{font-size:28px}.rotation-controls{gap:15px}.newman-lab .chair-badge{display:none}.newman-lab .view-top{justify-content:flex-end}.newman-lab .view-bottom{flex-wrap:wrap}.newman-lab .view-bottom p{max-width:none;width:100%}.newman-lab .view-bottom>div{margin-left:auto}.reading-guide{gap:24px}.view-caption{padding-inline:12px}.view-caption h3{font-size:11px}.view-caption span{font-size:9px}}
@media(max-width:900px) and (min-width:761px){.linked-views{grid-template-columns:1fr}.spatial-view{border-right:0}.newman-lab #viewport{height:330px}.projection-stage{height:280px}.projection-note{height:auto;min-height:45px}.rotation-controls{flex-direction:column;align-items:stretch}.transport{justify-content:center}.energy-layout{grid-template-columns:1fr}.energy-readout{display:grid;grid-template-columns:1fr 1fr}.energy-readout strong{grid-column:2;grid-row:1/3;text-align:right}.energy-readout p{margin:0}.reading-guide h2{font-size:21px}}
@media(max-width:760px){.newman-lab .builder{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:23px 18px}.newman-lab .builder>label,.newman-lab #molecule,.newman-lab #bond-note,.newman-lab .color-key,.newman-lab .stop-controls{grid-column:1/-1}.newman-lab .section-heading h2{font-size:21px}.newman-lab .builder .control-note{margin-bottom:15px}.color-key{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:10px;padding-top:0;padding-bottom:20px}.stop-controls{padding-top:18px}#angle-stops{grid-template-columns:repeat(6,1fr);gap:6px}.stop-controls .control-note{margin-bottom:0}.newman-lab .display-options{margin-top:10px}.newman-lab .viewer-heading{padding:20px 18px}.newman-lab .viewer-heading .badge{display:block;font-size:9px;white-space:normal;text-align:center;max-width:100px;padding:6px 8px}.linked-views{grid-template-columns:1fr}.spatial-view{border:0}.view-caption{padding:12px 16px}.view-caption h3{font-size:12px}.view-caption span{font-size:10px}.newman-lab #viewport{height:330px}.newman-lab .chair-badge{display:block}.newman-lab .view-top{justify-content:space-between}.newman-lab .view-bottom{flex-wrap:nowrap;align-items:center}.newman-lab .view-bottom p{width:auto;max-width:115px}.newman-lab .view-bottom>div{margin:0}.projection-stage{height:290px}.projection-note{height:auto;min-height:44px;padding-bottom:9px}.rotation-controls{flex-direction:column;align-items:stretch;gap:18px;padding:20px 18px 14px}.transport{justify-content:center}.transport>button{padding:10px 14px}.transport>#play{min-width:115px}.rotation-controls .scrubber p{font-size:9px}.newman-lab .model-description{padding-inline:18px;font-size:11px}.newman-lab .energy-panel{padding:18px 14px 20px}.energy-layout{grid-template-columns:1fr;gap:12px}.energy-readout{display:grid;grid-template-columns:1fr 125px;align-items:center}.energy-readout>span{font-size:12px}.energy-readout strong{grid-column:2;grid-row:1/3;text-align:right;font-size:27px}.energy-readout p{font-size:10px;margin:3px 0 0}.energy-readout small{font-size:9px}.reading-guide{grid-template-columns:1fr;gap:23px;padding:30px 0}.reading-guide h2{font-size:25px;margin-block:5px 7px}.reading-guide p{font-size:12px}.newman-lab .answer-cover{margin:0 18px 20px}.newman-lab .mobile-model-link{display:block}.newman-lab .quiet-button{margin-top:18px}.practice .match-options{gap:5px}.match-options svg{max-height:145px}.newman-lab #viewer-error{font-size:10px;bottom:50px}.newman-lab .energy-heading>span{max-width:none;text-align:right;font-size:8px}}
@media(max-width:360px){.newman-lab .viewer-heading h2{font-size:21px}.newman-lab .viewer-heading h2 span{font-size:10px}.newman-lab .view-bottom p{max-width:100px}.newman-lab .view-bottom button{font-size:8px}.reading-guide h2{font-size:24px}#angle-stops{grid-template-columns:repeat(3,1fr)}.energy-readout{grid-template-columns:1fr 105px}.energy-readout strong{font-size:24px}.energy-readout small{display:block;line-height:1}.practice{padding-inline:17px}}
.label-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.match-options svg{max-height:210px;margin-top:10px}@media(max-width:1050px){.practice .match-options{grid-template-columns:1fr}.practice .match-options label{padding:12px}.practice .match-options svg{height:220px;max-height:220px;width:100%}}
@media(max-width:1150px){#energy-plot text{font-size:16px}}@media(max-width:760px){#energy-plot text{font-size:18px}}