body{--accent:#137670;--accent-rgb:19,118,112;background:#f4f7f9}.class-header{padding-top:88px;padding-bottom:23px}.class-header h1{max-width:none;font-size:clamp(32px,4vw,48px)}.class-header>p:not(.eyebrow){margin:12px 0;color:#54616d;font-size:18px}.scope{max-width:960px;color:#65717c;font-size:14px;line-height:1.55}.class-section{padding-bottom:38px;scroll-margin-top:75px}.step-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:6px;border:1px solid #d6e0e5;border-radius:16px;background:#e6ecef;margin-bottom:18px}.step-nav button{padding:12px 8px;min-height:52px;border:0;border-radius:10px;color:#45545e;background:transparent;font-size:14px;line-height:1.3;font-weight:650}.step-nav button[aria-current="step"]{color:#fff;background:#137670;box-shadow:0 4px 13px #13767028}.step-nav button.answered::after{content:" ✓"}.lesson-grid{display:grid;grid-template-columns:minmax(285px,.72fr) minmax(0,1.9fr);gap:20px;align-items:start}.story{padding:26px;border:1px solid #d9e2e7;border-radius:20px;background:#fff}.story h2{margin:9px 0 20px;font-size:clamp(26px,2.7vw,34px);line-height:1.1;letter-spacing:-.035em}.story p:not(.eyebrow){font-size:16px;line-height:1.65;color:#53616d;margin:12px 0}.story strong{color:#263d48}.takeaway{margin-top:20px;padding:14px;border-left:3px solid #137670;background:#edf7f5;border-radius:0 10px 10px 0;font-size:16px;color:#234d46;line-height:1.6}.prediction{min-width:0;margin:24px 0 0;padding:0;border:0}.prediction legend{width:100%;padding:0 0 12px;color:#223943;font-weight:700;font-size:16px;line-height:1.5}.prediction #answers{display:grid;gap:8px}.prediction button{padding:11px 13px;border:1px solid #d7e0e5;border-radius:11px;background:#f9fbfc;text-align:left;font-size:15px;color:#354852}.prediction button.selected{border-color:#137670;background:#e5f4f0}.prediction button.incorrect{border-color:#b26421;background:#fff5e8}.feedback{margin-top:12px;padding:12px;border-radius:10px;background:#edf7f5;color:#23584d;font-size:15px;line-height:1.55}.feedback.incorrect{background:#fff5e8;color:#80531e}.explain-button{margin-top:17px;padding:9px 0;border:0;border-bottom:1px solid #7aaba6;background:transparent;color:#137670;font-size:15px;font-weight:650}.explanation{margin-top:14px;color:#4b5f69;font-size:16px;line-height:1.65}.experiment{min-width:0;border:1px solid #d6e0e5;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 45px #1738490d}.experiment-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:#101d2b;color:#fff}.experiment-head span{display:block;color:#b2c3d3;font-size:12px;letter-spacing:.04em}.experiment-head h3{margin:4px 0 0;font-size:20px;font-weight:650}.experiment-head #experimentHint{max-width:300px;font-size:14px;letter-spacing:0;line-height:1.45;text-align:right}.three-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#0a1421}.field-panel{min-width:0;border-right:1px solid #ffffff1c;--field-color:#bbaeef}.field-panel:last-child{border-right:0}.electric{--field-color:#ffbe70}.magnetic{--field-color:#73d2f2}.panel-heading{display:flex;gap:10px;align-items:center;padding:15px 14px;color:var(--field-color);border-bottom:1px solid #ffffff15}.panel-heading span{font-size:12px;font-weight:750;letter-spacing:.03em;flex:1}.panel-heading strong{font-size:21px}.panel-heading small{color:#a2b4c6;font-size:12px}.field-panel canvas{display:block;width:100%;height:350px;touch-action:pan-y;cursor:crosshair}.panel-equation{display:flex;min-height:79px;align-items:center;justify-content:center;padding:13px 8px;color:#edf4ff;background:#111f2e;border-top:1px solid #ffffff17;font-family:"Cambria Math",Georgia,serif;line-height:1.5;font-size:20px;text-align:center}.panel-equation math{font-size:21px;max-width:100%;overflow-x:auto}.panel-reading{min-height:80px;padding:13px 14px;background:#152432;color:#c4d2de;font-size:14px;line-height:1.55}.panel-reading b{color:var(--field-color)}.experiment-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:18px 20px;background:#f6f9fa}.experiment-controls label{display:block;flex:1;min-width:150px;font-size:14px;color:#4c616d}.experiment-controls select{margin-top:6px;font-size:14px}.experiment-controls .range-head{font-size:14px;gap:10px}.experiment-controls output{color:#137670;white-space:nowrap;font-variant-numeric:tabular-nums}.experiment-controls button{font-size:14px}.experiment-controls .range-control{min-width:155px}.experiment-controls .play-controls{display:flex;gap:8px;align-items:center}.experiment-note{padding:13px 20px;border-top:1px solid #dce5e9;color:#5a6c76;background:#fff;font-size:14px;line-height:1.6}.lesson-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.lesson-navigation button{font-size:15px;min-height:43px}.lesson-navigation button:disabled{opacity:.4;cursor:default;transform:none}.lesson-navigation span{font-size:14px;color:#637984;font-variant-numeric:tabular-nums}.summary{padding-top:27px;padding-bottom:46px}.table-scroll{overflow-x:auto;border:1px solid #d6e0e5;border-radius:18px;background:#fff}.summary table{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}.summary th,.summary td{padding:16px 17px;text-align:left;vertical-align:top;border-bottom:1px solid #e3eaee;line-height:1.55}.summary thead th{background:#11202e;color:#fff;font-size:16px}.summary th:first-child{width:19%}.summary tbody th{color:#314a56;font-weight:650;background:#f6f9fa}.summary td{width:27%}.summary tr:last-child>*{border-bottom:0}.follow-labs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.follow-labs a{padding:15px;border:1px solid #d6e0e5;border-radius:12px;background:#fff;color:#137670;font-size:15px;font-weight:650;line-height:1.5}.follow-labs a:hover{border-color:#137670}.teacher-notes{margin-top:22px;border-top:1px solid #d6e0e5;padding-top:17px;color:#5b6c75;font-size:15px;line-height:1.65}.teacher-notes summary{cursor:pointer;color:#314b57;font-weight:650}.teacher-notes p{max-width:1050px}.teacher-notes a{color:#137670;text-decoration:underline}.story[hidden],*[hidden]{display:none!important}canvas:focus-visible{outline:3px solid #9bf1d5;outline-offset:-3px}a:focus-visible{outline:3px solid #137670;outline-offset:3px}
@media(max-width:1100px){.lesson-grid{grid-template-columns:1fr}.story{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.story .eyebrow,.story h2{grid-column:1/-1}.story .prediction{grid-column:2;grid-row:3/5;margin-top:0}.story #stepText,.story .takeaway{grid-column:1}.story .explain-button,.story .explanation{grid-column:1/-1}.story .explain-button{justify-self:start}.field-panel canvas{height:320px}.step-nav{grid-template-columns:repeat(4,1fr)}.follow-labs{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.class-header{padding-top:78px}.class-header>p:not(.eyebrow){font-size:16px}.class-header h1{font-size:35px;line-height:1.08}.step-nav{grid-template-columns:repeat(2,1fr)}.step-nav button{min-height:44px;font-size:14px;text-align:left}.story{display:block;padding:22px}.story .prediction{margin-top:22px}.experiment-head{align-items:start;flex-direction:column;gap:10px}.experiment-head #experimentHint{text-align:left;max-width:none}.three-panels{grid-template-columns:1fr}.field-panel{border-right:0;border-bottom:1px solid #ffffff26}.field-panel canvas{height:310px}.panel-heading{padding:13px 17px}.panel-heading span{font-size:14px}.panel-equation{min-height:69px}.panel-reading{min-height:0;padding:13px 17px}.experiment-controls{gap:17px;padding:17px}.experiment-controls label{min-width:100%}.experiment-controls .play-controls{width:100%;flex-wrap:wrap}.follow-labs{grid-template-columns:1fr}.lesson-navigation button{padding:0 10px}.scope{font-size:14px}}
.pdf-resource{padding-top:30px;padding-bottom:46px;border-top:1px solid #d6e0e5;scroll-margin-top:85px}.pdf-resource .section-head{align-items:start}.pdf-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.pdf-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:15px}.pdf-frame{display:block;width:100%;height:780px;border:1px solid #d6e0e5;border-radius:18px;background:#fff}.pdf-fallback{margin:14px 0 0;color:#5b6c75;font-size:14px;line-height:1.6}@media(max-width:700px){.pdf-frame{height:560px;border-radius:12px}.pdf-actions .button{flex:1;min-width:180px}}