.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}}