/* Homepage preview only. Existing lessons and games retain their own layout. */
body:not([data-topic-page]) .ss-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);max-width:1300px;gap:48px;align-items:center;padding-top:48px;padding-bottom:48px}
body:not([data-topic-page]) .ss-hero-copy{max-width:none;min-width:0}
.ss-hero-copy h1{font-size:clamp(45px,5.05vw,70px)}
.hp-preview{min-width:0;max-width:540px;width:100%;justify-self:end}
.hp-preview-card{border:1px solid #bbd5ce;border-radius:24px;background:#f0f7f1;overflow:hidden;box-shadow:0 14px 36px #173e440d;padding:23px 24px 20px}
.hp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hp-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#31696a;margin:0 0 6px}
.hp-heading h2{font-size:30px;line-height:1.1;letter-spacing:-.035em;color:#173e44;margin:0}
.hp-pause{font:inherit;font-size:12px;font-weight:750;min-width:64px;min-height:44px;padding:8px 10px;border:1px solid #91b4b1;border-radius:10px;background:#ffffffbd;color:#23565c;cursor:pointer}
.hp-pause:hover{background:#fff}
.hp-intro{font-size:15px;line-height:1.5;color:#426369;margin:9px 0 0}
.hp-car-picture{margin:0 -10px;line-height:0}
.hp-car-picture svg{width:100%;height:auto;display:block;overflow:visible}
.hp-engine{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:18px;border-top:1px solid #cbdfd7;border-bottom:1px solid #cbdfd7;padding:8px 0;margin-top:0}
.hp-engine-art{display:block;width:128px;height:145px}
.hp-small-label{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#42676a;margin:0 0 5px}
.hp-engine-copy h3{font-size:21px;letter-spacing:-.025em;line-height:1.2;color:#183f48;margin:0 0 7px}
.hp-engine-copy>p:not(.hp-small-label){font-size:14px;line-height:1.45;color:#365d64;margin:0}
.hp-stroke{display:inline-block;font-size:12px;font-weight:750;color:#215b60;margin-top:9px;min-width:145px}
.hp-pedal{padding-top:15px}
.hp-pedal-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:#204b53;font-weight:750}
.hp-pedal-heading output{font-size:12px;font-weight:650;color:#416970;font-variant-numeric:tabular-nums}
.hp-pedal input{width:100%;height:36px;display:block;margin:3px 0 0;accent-color:#1a6970;cursor:pointer;touch-action:pan-y}
.hp-pedal-scale{display:flex;justify-content:space-between;font-size:11px;color:#436b70;margin-top:-2px}
.hp-power-help{font-size:12px;line-height:1.4;color:#436b70;margin:9px 0 0}
.hp-preview .hp-explore{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:15px;padding:15px 20px;border-radius:12px;min-height:54px;background:#123e44;color:white;font-size:16px;font-weight:750;line-height:1.35;text-align:center;text-decoration:none}
.hp-preview .hp-explore>span{font-size:23px;color:#e5ef8b;line-height:1}
.hp-preview .hp-explore:hover{background:#1b565c}
.hp-preview [hidden]{display:none!important}
.hp-no-script{font-size:14px;color:#365d64}
@media(max-width:1100px) and (min-width:901px){body:not([data-topic-page]) .ss-hero{gap:30px}.hp-preview-card{padding:20px 18px 18px}.hp-engine{grid-template-columns:105px minmax(0,1fr);gap:12px}.hp-engine-art{width:105px;height:126px}.hp-heading h2{font-size:26px}.hp-intro{font-size:14px}}
@media(max-width:900px){body:not([data-topic-page]) .ss-hero{grid-template-columns:1fr;max-width:760px;gap:28px}.hp-preview{justify-self:start;max-width:600px}.ss-hero-copy h1{font-size:clamp(44px,7.4vw,62px)}}
@media(max-width:650px){body:not([data-topic-page]) .ss-hero{padding:30px 19px 32px;gap:26px}.ss-hero-copy h1{font-size:clamp(40px,11.5vw,60px)}.hp-preview-card{padding:20px 17px 18px;border-radius:20px}.hp-heading h2{font-size:27px}.hp-kicker{font-size:10px}.hp-engine{grid-template-columns:102px minmax(0,1fr);gap:12px;padding:12px 0}.hp-engine-art{width:102px;height:124px}.hp-engine-copy h3{font-size:20px}.hp-engine-copy>p:not(.hp-small-label){font-size:13px}.hp-preview .hp-explore{font-size:15px;min-height:52px}.hp-intro{font-size:14px}.hp-pedal input{height:44px}}
@media(max-width:360px){.hp-preview-card{padding:17px 13px}.hp-heading h2{font-size:24px}.hp-pause{min-width:56px}.hp-engine{grid-template-columns:82px minmax(0,1fr);gap:9px}.hp-engine-art{width:82px;height:116px}.hp-stroke{min-width:0;font-size:11px}.hp-small-label{font-size:9px}.hp-engine-copy h3{font-size:19px}}