.scenario-catalog-intro{grid-column:1/-1;margin:0 0 8px;padding:0}.scenario-catalog-intro h2{margin:0 0 7px;color:var(--ink);font-size:23px;line-height:1.3;letter-spacing:-.025em}.scenario-catalog-intro p{max-width:820px;margin:0;color:#60738c;font-size:14px;line-height:1.6}.scenario-card.scenario-card-visual{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;overflow:hidden}.scenario-card-visual .scenario-card-art{position:relative;isolation:isolate;flex:none;width:100%;aspect-ratio:16/10;overflow:hidden;background:#dceaf7}.scenario-card-visual .scenario-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.scenario-card-visual .scenario-card-art:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(10,28,49,.12),transparent 35%,rgba(10,28,49,.15) 55%,rgba(10,28,49,.88));pointer-events:none}.scenario-card-visual .scenario-card-art-icon{display:grid;height:100%;place-items:center;font-size:72px}.scenario-card-visual .scenario-card-topline{position:absolute;z-index:2;top:14px;left:14px;right:14px;gap:8px;font-size:11px;color:#173d63}.scenario-card-visual .scenario-card-topline span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #ffffffb3;border-radius:9px;background:#fffffff0;line-height:1.2}.scenario-card-visual .scenario-card-topline span:last-child{white-space:nowrap}.scenario-card-visual .scenario-card-art h2{position:absolute;z-index:2;bottom:17px;left:18px;right:18px;margin:0;color:#fff;font-size:23px;line-height:1.2;letter-spacing:-.025em;text-shadow:0 1px 5px #0a1c3140}.scenario-card-visual .scenario-card-copy{flex:1;padding:18px}.scenario-card-visual .scenario-card-copy p{margin:0 0 14px;font-size:13px;line-height:1.6}.scenario-card-visual .scenario-stage-progress{margin-bottom:5px}.scenario-card-visual .reading-access-chip{align-self:flex-start}.scenario-card-visual .scenario-card-footer{margin-top:14px;gap:8px}.scenario-card.scenario-card-visual:focus-visible{outline:3px solid #267bd1;outline-offset:4px}.learning-popular .scenario-card.scenario-card-visual{padding:0}.learning-popular .scenario-card-visual .scenario-card-art h2{font-size:21px}.learning-popular .scenario-card-visual .scenario-card-topline{font-size:10px}.learning-popular .scenario-card-visual .scenario-card-copy p{font-size:12px}.unlock-modal .unlock-streak-details{display:grid;gap:13px;text-align:left;margin:4px 0 3px}.unlock-modal .unlock-streak-panel{display:grid;justify-items:start;gap:11px;padding:17px;border:1px solid #e0e8f3;border-radius:17px;background:linear-gradient(125deg,#f7faff,#fffaf2)}.unlock-modal .unlock-streak-label{color:#667b93;font-size:12px;line-height:1.4}.unlock-modal .unlock-streak-required{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #f0d9b6;border-radius:10px;background:#fff5e5;color:#7f5525;font-size:14px;line-height:1.4}.unlock-modal .unlock-streak-required svg{flex:none;width:16px;height:16px;color:#be8745}.unlock-modal .unlock-streak-current{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#667b93;font-size:12px}.unlock-modal .unlock-streak-current strong{padding:3px 8px;border-radius:7px;color:#234e7c;background:#e8f0fb;font-size:13px}.unlock-modal p.unlock-streak-help{display:flex;gap:8px;margin:0;color:#718298;font-size:12px;line-height:1.6}.unlock-modal .unlock-streak-help>svg{flex:none;width:15px;height:15px;margin-top:2px;color:#8a9ab0}.unlock-modal .unlock-streak-help strong{color:#536b86;font-weight:650}.unlock-modal .unlock-smarter-promo{display:grid;gap:12px;margin-top:3px;padding-top:17px;border-top:1px solid #e5ecf5}.unlock-modal .unlock-smarter-promo p{margin:0 auto;max-width:330px;color:#62778e;font-size:13px;line-height:1.6}.unlock-modal .unlock-smarter-promo .unlock-smarter-link{display:flex;gap:9px;margin:0;min-height:44px;padding:10px 12px;border:1px solid #d5e4f6;border-radius:12px;background:linear-gradient(115deg,#eef6ff,#f9fbff);color:#235fa6;text-decoration:none;font-size:13px;line-height:1.4}.unlock-modal .unlock-smarter-promo .unlock-smarter-link>svg:first-child{color:#b68b40}.unlock-modal .unlock-smarter-promo .unlock-smarter-link>svg:last-child{width:14px;margin-left:auto}.unlock-modal .unlock-smarter-promo .unlock-smarter-link:hover{background:#e6f1ff;border-color:#a5c8ee}.unlock-modal .unlock-smarter-promo .unlock-smarter-link:focus-visible{outline:2px solid #2878c9;outline-offset:3px}@media (max-width:600px){.scenario-catalog-intro h2{font-size:20px}.scenario-catalog-intro p{font-size:13px}.scenario-card-visual .scenario-card-art h2{font-size:23px}.scenario-card-visual .scenario-card-copy{padding:16px}}.scenario-catalog-heading{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:24px;align-items:center;margin-bottom:10px}.scenario-catalog-heading .scenario-catalog-intro{grid-column:auto;margin:0}.scenario-streak-guide{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #f1d5af;border-radius:14px;background:linear-gradient(120deg,#fff9ef,#fffdfa);color:#76522d}.scenario-streak-guide-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #f5d7af;border-radius:10px;background:#fff0d9;color:#d88932}.scenario-streak-guide-icon svg{width:17px;height:17px}.scenario-streak-guide strong{display:block;font-size:13px;line-height:1.4}.scenario-streak-guide p{margin:4px 0 0;color:#8b745b;font-size:11px;line-height:1.5}.scenario-streak-chip{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:8px 10px;border:1px solid #f1c99b;border-radius:10px;background:#fff3e4;color:#975714;font-size:12px;font-weight:750;line-height:1.4}.scenario-streak-chip svg{width:16px;height:16px;flex:none}.scenario-streak-chip.is-unlocked{border-color:#c9e3d9;background:#eff9f4;color:#287661}.scenario-card-visual.is-locked .scenario-card-footer strong{color:#8b6a43}@media(max-width:800px){.scenario-catalog-heading{grid-template-columns:1fr;gap:14px}.scenario-streak-guide{max-width:none;padding:12px 13px}.scenario-streak-guide p{font-size:11.5px}}.scenario-card.scenario-card-visual.is-locked .scenario-card-copy{opacity:1}