.high-school-site{--hs:#6b351f;--hs-dark:#311a12;--hs-warm:#ffc990;background:#f8f5ed}.hs-hero{min-height:550px;padding:85px clamp(24px,8vw,125px);display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;background:#311a12;color:#fff;overflow:hidden}.hs-hero h1{font-size:clamp(62px,9vw,118px);line-height:.92;letter-spacing:-.075em;margin:25px 0}.hs-hero h1 em{color:#ffc990}.hs-hero p{max-width:620px;color:#dfd0ca;font-size:19px;line-height:1.7}.hs-hero .eyebrow{color:#ffc990}.hs-hero .eyebrow span{background:#ffc990}.grade-rungs{display:grid;gap:10px;transform:rotate(-3deg)}.grade-rungs span{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border:1px solid #ffffff26;border-radius:15px;background:#ffffff0e;font:800 18px Manrope}.grade-rungs b{font-size:34px;color:#ffc990}.hs-paths{max-width:1400px;margin:auto;padding:105px clamp(24px,7vw,110px)}.hs-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.hs-heading h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;margin:10px 0 0}.hs-heading p{max-width:500px;color:#647068;line-height:1.7}.hs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.hs-card{min-height:360px;padding:27px;border-radius:20px;display:flex;flex-direction:column;color:#26150f;transition:.25s;overflow:hidden}.hs-card:nth-child(1){background:#efc39f}.hs-card:nth-child(2){background:#deb58f}.hs-card:nth-child(3){background:#cfa77f}.hs-card:nth-child(4){background:#bf9872}.hs-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #311a1220}.hs-card small{font:800 11px Manrope;letter-spacing:.14em}.hs-card strong{font:800 120px/.95 Manrope;letter-spacing:-.08em;margin:24px 0}.hs-card p{font-weight:700}.hs-card i{margin-top:auto;padding-top:17px;border-top:1px solid #311a1233;font-style:normal;font-weight:800}.hs-empty-note{margin-top:24px;padding:28px;border-radius:18px;background:#fff;border:1px solid #e0d8d1;display:flex;align-items:center;gap:18px}.hs-empty-note span{font-size:28px}.hs-empty-note p{margin:4px 0 0;color:#657069}.hs-grade-hero{min-height:460px;padding:78px clamp(24px,8vw,125px);display:flex;align-items:center;justify-content:space-between;background:#f0c7a5;overflow:hidden}.hs-grade-hero h1{font-size:clamp(58px,8vw,104px);line-height:.95;letter-spacing:-.07em;margin:20px 0}.hs-grade-hero p{max-width:590px;font-size:18px;line-height:1.65;color:#63493c}.hs-grade-number{font:800 clamp(180px,25vw,350px)/.8 Manrope;color:#6b351f;letter-spacing:-.12em;opacity:.13}.coming-curriculum{max-width:1250px;margin:auto;padding:90px clamp(24px,7vw,100px)}.coming-head{text-align:center;max-width:760px;margin:0 auto 48px}.coming-head h2{font-size:clamp(38px,5vw,60px);letter-spacing:-.05em;margin:12px 0}.coming-head p{color:#667169;line-height:1.7}.empty-subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.empty-subject{padding:27px;border:1px solid #dedbd4;border-radius:18px;background:#fff;min-height:190px}.empty-subject span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#f4e5d7;font-weight:800}.empty-subject h3{font-size:25px;margin:24px 0 8px}.empty-subject p{color:#717a74}.empty-subject small{display:inline-block;margin-top:15px;padding:6px 9px;border-radius:999px;background:#eeeae4;color:#777;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.back-path{display:flex;justify-content:center;margin-top:38px}.back-path a{font-weight:800;color:#6b351f}@media(max-width:900px){.hs-hero{grid-template-columns:1fr}.grade-rungs{display:none}.hs-grid{grid-template-columns:1fr 1fr}.hs-heading{display:block}.hs-heading p{margin-top:18px}.hs-grade-number{display:none}}@media(max-width:600px){.hs-hero,.hs-grade-hero{padding:65px 22px}.hs-paths,.coming-curriculum{padding:75px 20px}.hs-grid,.empty-subject-grid{grid-template-columns:1fr}.hs-card{min-height:280px}.hs-card strong{font-size:90px}.hs-empty-note{align-items:flex-start}}
.hs-curriculum-head{display:grid;grid-template-columns:1fr 260px;gap:45px;align-items:end;margin-bottom:70px}.hs-curriculum-head h2{font-size:clamp(40px,5vw,62px);letter-spacing:-.055em;margin:10px 0}.hs-curriculum-head p{max-width:690px;color:#667169;line-height:1.65}.hs-progress{padding:22px;border-radius:16px;background:#311a12;color:#fff}.hs-progress strong,.hs-progress span{display:block}.hs-progress strong{font:800 27px Manrope}.hs-progress span{margin:5px 0 14px;color:#d6c2b9;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.hs-progress>div{height:6px;border-radius:99px;background:#ffffff20}.hs-progress i{display:block;height:100%;border-radius:inherit;background:#ffc990}.hs-course{margin-bottom:75px;scroll-margin-top:100px}.hs-course-title{display:grid;grid-template-columns:55px 1fr;gap:18px;align-items:center;margin-bottom:24px}.hs-course-title>span{width:49px;height:49px;display:grid;place-items:center;border:1px solid #9a8174;border-radius:50%;font:800 11px Manrope}.hs-course-title small{font:800 11px Manrope;letter-spacing:.15em;color:#6b351f}.hs-course-title h3{font-size:clamp(30px,4vw,45px);margin:5px 0 0;letter-spacing:-.04em}.hs-topic-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hs-topic{display:grid;grid-template-columns:37px 1fr auto;gap:13px;align-items:center;padding:17px 18px;border:1px solid #ddd9d2;border-radius:13px;background:#efede8;color:#7b7b76;text-align:left}.hs-topic>span{width:34px;height:34px;border-radius:9px;background:#e2dfd8;display:grid;place-items:center;font:800 10px Manrope}.hs-topic strong,.hs-topic small{display:block}.hs-topic strong{font:700 15px Manrope}.hs-topic small{margin-top:3px}.hs-topic i{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hs-topic.ready{background:#fff;color:#17261f;cursor:pointer}.hs-topic.ready:hover{transform:translateY(-2px);box-shadow:0 10px 28px #311a1212}.hs-topic.ready>span{background:#f4e5d7}.hs-topic.ready i{padding:6px 8px;border-radius:999px;background:#f4e5d7;color:#6b351f}.hs-topic.completed{border-color:#91be9d;background:#f5faf4}.hs-topic.completed i{background:#dcebd5;color:#27613e}.high-school-site dialog{width:min(900px,calc(100% - 28px))}.high-school-site .lesson-cover{background:#f0c7a5}.high-school-site .lesson-cover .kicker,.high-school-site .lesson-section>span{color:#6b351f}.high-school-site .complete-lesson{background:#6b351f}.equation-panel{max-width:800px;padding:28px;border-radius:16px;background:#f6ebe2;border-left:5px solid #6b351f;font:700 20px/1.7 Manrope}.equation-panel small{display:block;margin-top:8px;color:#705e54;font:500 14px/1.6 "DM Sans"}.high-school-site .formula-list{display:grid;gap:10px;max-width:820px;padding:0;list-style:none}.high-school-site .formula-list li{padding:16px 18px;border:1px solid #e0d8d1;border-radius:12px;background:#fff}.passage-card,.discussion-box{max-width:820px;padding:24px;border-radius:15px;background:#f7f1d7;border:1px solid #e1d7aa}.passage-card mark{background:#f3d98e;padding:1px 3px}.membrane-model{max-width:820px;padding:26px;border-radius:17px;background:#eaf4e7;border:1px solid #c8dbc5;text-align:center}.membrane-model>div{padding:15px}.membrane-model span{margin-left:12px}.membrane-model .bilayer{display:flex;justify-content:center;gap:18px;align-items:center;background:#fff;border-radius:13px}.membrane-model .bilayer b{color:#24704c}.membrane-model .bilayer strong{padding:11px;border-radius:9px;background:#1f5d43;color:#fff}.membrane-model>i{display:block;margin-top:13px;font-weight:800;color:#1f5d43}.confusion-grid,.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:820px}.confusion-grid>div,.map-grid>div{padding:20px;border:1px solid #d6e1d2;border-radius:13px;background:#f2f7ef}.confusion-grid p,.map-grid span{display:block;margin:7px 0 0;line-height:1.6;color:#58665e}.timeline-list{list-style:none;padding:0;max-width:820px;border-left:2px solid #a76848}.timeline-list li{position:relative;display:grid;grid-template-columns:120px 1fr;gap:15px;padding:12px 0 12px 22px}.timeline-list li:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#6b351f;left:-6px;top:19px}.timeline-list b{font:800 14px Manrope}.timeline-list span{line-height:1.55;color:#59645e}.cause-chain{display:flex;align-items:center;gap:12px;max-width:840px;padding:25px;border-radius:16px;background:#f5e9df}.cause-chain>div{flex:1;padding:17px;border-radius:11px;background:#fff}.cause-chain b,.cause-chain span{display:block}.cause-chain span{margin-top:7px;line-height:1.5;color:#5e625f}.cause-chain i{font-style:normal;font-weight:800;color:#6b351f}@media(max-width:750px){.hs-curriculum-head{grid-template-columns:1fr}.hs-topic-list{grid-template-columns:1fr}.hs-course-title{grid-template-columns:1fr}.confusion-grid,.map-grid{grid-template-columns:1fr}.cause-chain{flex-direction:column;align-items:stretch}.cause-chain i{transform:rotate(90deg);align-self:center}.membrane-model .bilayer{flex-direction:column}.timeline-list li{grid-template-columns:85px 1fr}}
/* Responsive visual model for Electric Fields & Charge. */
.electric-field-svg{display:block;width:min(100%,820px);height:auto;padding:16px;border:1px solid #c8dbc5;border-radius:17px;background:#f3f8f4}.electric-field-svg text{font-family:"DM Sans",sans-serif;fill:#24382f}
/* Responsive comparison model for circuits and magnetic force. */
.circuit-model{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:840px}.circuit-model>div{padding:20px;border:1px solid #c8dbc5;border-radius:14px;background:#f3f8f4}.circuit-model strong,.circuit-model span{display:block}.circuit-model span{margin:8px 0;font-weight:700;color:#2f6f58}.circuit-model p{font-size:16px!important;line-height:1.6!important}@media(max-width:720px){.circuit-model{grid-template-columns:1fr}}