/* Small, static signup beside lesson introductions; never overlays a simulation. */
.ss-lesson-top{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:32px;align-items:start;margin:8px 0 24px}
.ss-lesson-top>div,.ss-lesson-top>.article-hero{min-width:0}
body[data-topic-page] .ss-lesson-top .article-hero{margin:0;padding:22px 0 12px}
.ss-lesson-top .article-title-row{gap:16px}
.ss-lesson-top .article-hero h1{font-size:clamp(38px,4.2vw,56px);line-height:1.08}
.ss-lesson-top .lesson-icon{font-size:48px;flex:none}
.ss-lesson-alerts{box-sizing:border-box;padding:19px 20px 16px;border:1px solid #bdd6ce;border-radius:16px;background:#edf5ef;color:#163e45;text-align:left;min-width:0;box-shadow:0 5px 18px #163e4406}
.ss-lesson-alerts .ss-lesson-alerts-kicker{font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;color:#416a6a;margin:0 0 7px}
.ss-lesson-alerts h2{font-size:22px;line-height:1.15;letter-spacing:-.025em;margin:0 0 15px;color:#163e45}
.ss-lesson-alerts-label{display:block;font-size:12px;font-weight:750;margin:0 0 7px}
.ss-lesson-alerts-row{display:flex;align-items:stretch;gap:7px}
.ss-lesson-alerts-row input{min-width:0;width:0;flex:1;border:1px solid #87aaa8;border-radius:9px;background:white;color:#183f48;padding:10px 11px;font:inherit;font-size:16px;line-height:1.35;min-height:44px;box-sizing:border-box}
.ss-lesson-alerts-row .button{flex:none;font:inherit;font-size:13px;font-weight:750;line-height:1.3;padding:10px 13px;min-height:44px;max-width:110px;border:0;border-radius:9px;background:#123e44;color:white;cursor:pointer}
.ss-lesson-alerts-row .button:hover{background:#1c565d}
.ss-lesson-alerts-row .button:disabled{opacity:.7;cursor:default}
.ss-lesson-alerts-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;margin:13px 0 9px;cursor:pointer;min-height:36px}
.ss-lesson-alerts-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#16656b}
.ss-lesson-alerts .ss-lesson-alerts-note{font-size:12px;line-height:1.5;color:#426369;margin:0}
.ss-lesson-alerts-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:4px}
.ss-lesson-alerts-links a{display:inline-flex;align-items:center;min-height:28px;font-size:12px;line-height:1.4;color:#215b63;text-decoration:underline;text-underline-offset:3px}
.ss-lesson-alerts .ss-lesson-alerts-status{font-size:12px;font-weight:650;line-height:1.5;color:#235c60;margin:8px 0 0;overflow-wrap:anywhere}
.ss-lesson-alerts-status:empty{display:none}
.ss-lesson-alerts .ss-lesson-alerts-status[data-error]{color:#922a20}
.ss-lesson-alerts [hidden]{display:none!important}
.ss-lesson-top>.upcoming-hero{margin:0;padding:30px 24px;min-width:0}
.ss-lesson-top>.upcoming-hero h1{font-size:clamp(32px,3.5vw,46px)}
.ss-printable .ss-lesson-top{align-items:center;margin:0 0 30px}
.ss-printable .ss-lesson-top .ss-printable-intro{margin-bottom:0}
@media(max-width:900px){
 .ss-lesson-top{grid-template-columns:1fr;gap:18px;margin-top:0;margin-bottom:24px}
 .ss-lesson-alerts{width:100%;max-width:520px;justify-self:start}
 body[data-topic-page] .ss-lesson-top .article-hero{padding-top:16px;padding-bottom:0}
 .ss-printable .ss-lesson-top{gap:24px}
}
@media(max-width:650px){
 .ss-lesson-alerts{padding:17px 18px 14px}
 .ss-lesson-alerts h2{font-size:21px;max-width:300px}
 .ss-lesson-top .article-hero h1{font-size:39px}
 .ss-lesson-top .lesson-icon{font-size:38px}
 .ss-lesson-top .article-title-row{gap:13px}
 .ss-lesson-alerts-consent{min-height:44px;align-items:center;margin:7px 0 3px}
 .ss-lesson-alerts-consent input{margin:0}
 .ss-lesson-alerts-links a{min-height:36px}
}
@media(max-width:360px){.ss-lesson-alerts{padding:16px 13px}.ss-lesson-alerts-row .button{padding:10px}.ss-lesson-top .article-hero h1{font-size:34px}}
@media print{.ss-lesson-alerts{display:none!important}.ss-lesson-top{display:block}}
