html:not([data-quiz-complete="true"]) .lesson-unlock-card{display:none!important}
/* One reward layout for every lesson, with room for copy, actions, and upgrades. */
.lesson-unlock-card{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:30px;margin:28px 0 36px;background:#fffbed;border-color:#e2d6a4;box-sizing:border-box}
.lesson-unlock-heading{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:20px}
.lesson-unlock-heading .race-unlock-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #eadfba;border-radius:18px;background:#fff4cd;font-size:32px;line-height:1;box-sizing:border-box}
.lesson-unlock-card .race-unlock-copy{min-width:0}
.lesson-unlock-card .race-unlock-copy .eyebrow{margin:0 0 8px!important;font-size:12px!important;line-height:1.5}
.lesson-unlock-card .race-unlock-copy h2{margin:0 0 12px!important;line-height:1.25}
.lesson-unlock-card .race-unlock-copy p:not(.eyebrow){font-size:16px!important;line-height:1.65}
.lesson-unlock-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;background:#f0f5e9;border:1px solid #d8e2c9;border-radius:14px}
.lesson-unlock-loadout{flex:1;min-width:0}
.lesson-unlock-loadout>span{display:block;margin-bottom:8px;color:#456250;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.lesson-unlock-card .lesson-unlock-loadout p{font-size:15px!important;line-height:1.6;color:#174b3e!important}
.lesson-unlock-card .quiz-kit-result{font-weight:750}
.lesson-unlock-actions .button{flex:0 0 auto;max-width:100%;min-height:52px;margin:0;padding:14px 22px;font-size:16px;line-height:1.4;text-align:center;white-space:normal;box-sizing:border-box;text-decoration:none}
.lesson-unlock-card>.quiz-garage{width:100%;min-width:0;margin:0;padding:24px;box-sizing:border-box}
.lesson-unlock-card .garage-title{align-items:center;gap:20px}
.lesson-unlock-card .garage-title>div{min-width:0}
.lesson-unlock-card .garage-title h3{margin:6px 0 0;font-size:24px;line-height:1.3}
.lesson-unlock-card .garage-count{flex:none;white-space:nowrap}
.lesson-unlock-card .quiz-garage .garage-eyebrow{font-size:11px!important;line-height:1.5}
.lesson-unlock-card .garage-summary{display:none}
.lesson-unlock-card .quiz-garage progress{margin:20px 0 14px}
.lesson-unlock-card .quiz-garage summary{line-height:1.55}
.lesson-unlock-card .quiz-garage .garage-foot{padding-top:14px;font-size:13px!important;line-height:1.6;color:#bdd4d5!important}
.lesson-unlock-card .lesson-unlock-tip{font-size:14px!important;line-height:1.65;color:#5b6d68!important}
.lesson-unlock-card.solar-quiz-followup .lesson-unlock-actions{flex-direction:column;align-items:stretch;gap:18px}
.lesson-unlock-card.solar-quiz-followup .button{align-self:flex-start}
@media(max-width:760px){
 .lesson-unlock-card{padding:22px;gap:22px}
 .lesson-unlock-heading{grid-template-columns:48px minmax(0,1fr);gap:16px}
 .lesson-unlock-heading .race-unlock-icon{width:48px;height:48px;border-radius:14px;font-size:27px}
 .lesson-unlock-card .race-unlock-copy h2{font-size:24px}
 .lesson-unlock-actions{flex-direction:column;align-items:stretch;gap:18px;padding:18px}
 .lesson-unlock-actions .button{width:100%}
 .lesson-unlock-card>.quiz-garage{padding:20px}
 .lesson-unlock-card .garage-perks{grid-template-columns:1fr}
}
@media(max-width:420px){
 .lesson-unlock-card{padding:18px;gap:20px}
 .lesson-unlock-heading{grid-template-columns:1fr;gap:14px}
 .lesson-unlock-card .garage-title{gap:12px}
 .lesson-unlock-card .garage-title h3{font-size:21px}
 .lesson-unlock-card .garage-count{font-size:34px}
 .lesson-unlock-card>.quiz-garage{padding:18px}
 .lesson-unlock-actions{padding:16px}
}
