/* Four equal units; replace two singles with .hero-slot--double for a large block. */
.hero-matrix{container-type:inline-size;--hero-slot-height:96px;--hero-slot-gap:12px}
.hero-left{display:grid;grid-template-rows:repeat(4,minmax(var(--hero-slot-height),1fr));gap:var(--hero-slot-gap);min-width:0}
.hero-slot{box-sizing:border-box;min-width:0;padding:12px 14px;border:1px solid #d6e1eb;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center}
.hero-slot--double{grid-row:span 2}
.hero-slot h1{font-size:22px;line-height:1.2;margin:0 0 5px}
.hero-slot h2{font-size:14px;line-height:1.3;margin:0 0 4px}
.hero-slot p{font-size:12px;line-height:1.4;margin:0 0 5px;color:#61748a}
.hero-slot a{font-size:12px;font-weight:600}
.hero-slot-intro p{margin:0}
.hero-slot-featured{position:relative;background:#edf8f8;border-color:#b9e0e1}
.hero-slot-featured::before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:3px;border-radius:2px;background:#00aaa5}
.hero-matrix .hero-left .hero-slot-featured{padding-left:22px}
.hero-slot-links{display:flex;flex-wrap:wrap;gap:4px 20px}
.hero-slot-blitz{background:#e6f7f7;border-color:#97d9dd}
.hero-slot .blitz-card{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;padding:0;border:0;background:none;font-size:12px;min-width:0}
.hero-slot .blitz-card strong{color:#0b354f}
.hero-slot .blitz-card b{color:#1654b8}
.hero-slot .blitz-card form{margin:0}
@media(min-width:1101px){
 /* The right-hand artwork is 7:6. Its width alone sets the whole row height. */
 .hero-matrix .catalog-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr);height:calc((100cqw - 32px)*2/7);gap:16px;align-items:stretch;margin:22px 0 0}
 .hero-matrix .hero-left{grid-column:1;grid-row:1;min-height:0;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}
 .hero-matrix .hero-slot{min-height:0;padding:6px 12px}
 .hero-matrix .hero-slot h1{font-size:20px;margin-bottom:3px}
 .hero-matrix .hero-slot h2{font-size:13px;margin-bottom:3px}
 .hero-matrix .hero-slot p{font-size:11px;margin-bottom:3px}
 .hero-matrix .hero-slot a{font-size:11px}
 .hero-matrix .reward-showcase{grid-column:2;grid-row:1;height:100%;align-self:stretch;padding:10px}
 .hero-matrix .app-promo{grid-column:3;grid-row:1;height:100%;aspect-ratio:auto;align-self:stretch}
}
@media(min-width:851px) and (max-width:1100px){
 .hero-matrix .catalog-hero{grid-template-columns:minmax(0,1fr) 175px;align-items:stretch}
 .hero-matrix .hero-left{grid-column:1;grid-row:1}
 .hero-matrix .reward-showcase{grid-column:2;grid-row:1;height:100%}
 .hero-matrix .app-promo{grid-column:1/-1;grid-row:2}
}
@media(max-width:850px){
 .hero-matrix .catalog-hero{grid-template-columns:minmax(0,1fr)}
 .hero-slot{padding:12px}
 .hero-slot h1{font-size:21px}
 .hero-left{grid-template-rows:repeat(4,minmax(108px,1fr))}
}
.hero-matrix .app-promo-full-card img{object-fit:contain;object-position:center}

.catalog-welcome{margin:20px 0}.catalog-welcome h1{font-size:22px;margin:0 0 5px}.catalog-welcome p{margin:0;color:#61748a;font-size:14px}.community-preview-empty .section-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin:20px 0}.community-preview-empty .section-title h2{margin:0 auto 0 0}.community-preview-empty .section-title a{white-space:nowrap}

.catalog-footer{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:24px;border-top:1px solid #d6e1eb;margin-top:32px;padding-top:20px}.catalog-footer .quick-ticket{margin:0}.catalog-footer aside{padding:12px;font-size:13px}.catalog-footer aside p{margin:10px 0}@media(max-width:650px){.catalog-footer{grid-template-columns:1fr;gap:8px}}

.home-articles{margin-top:18px}.home-articles .card{box-sizing:border-box}.home-articles-last{position:relative}.home-articles .home-articles-label{font-size:15px;margin:0 0 8px}.home-articles-last>h2:not(.home-articles-label){margin:10px 0}.home-articles-last>p{margin:10px 0}.home-article-actions{display:flex;justify-content:space-between;gap:12px}.home-all-articles{margin-left:auto}.home-articles-last .home-article-actions{position:absolute;bottom:22px;left:22px;right:22px}@media(min-width:800px){.home-articles-last{contain:size}}@media(max-width:999px){.home-articles-last{padding-bottom:55px}}

.home-articles-first>h2:not(.home-articles-label){margin:10px 0}.home-articles-first>p{margin:10px 0}

.catalog-footer{border:1px solid #dbe5ee;border-radius:16px;background:#fff;padding:0;gap:16px;align-items:start}.catalog-footer .quick-ticket{border:0;background:transparent;border-radius:0}.catalog-footer aside{padding:20px 24px 20px 0}@media(max-width:650px){.catalog-footer aside{padding:0 18px 18px}}

.catalog-welcome{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:12px 0}.catalog-welcome h1{font-size:20px;margin:0}.catalog-welcome p{font-size:13px;margin:0}

.hero-matrix .catalog-hero{margin-bottom:0}.catalog-welcome{margin:10px 0}.catalog-welcome+.home-articles{margin-top:0}

.hero-slot-superblitz{font-size:11px}
.hero-blitz-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%}
.hero-slot .hero-blitz-title-row h2{flex:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-slot-superblitz h2 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
.hero-slot .hero-blitz-title{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-slot .hero-blitz-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-slot .hero-blitz-count{flex:0 0 auto;white-space:nowrap;font-size:11px;color:#1654b8}
.hero-blitz-title-row .blitz-reminder-actions{flex:0 0 auto;flex-wrap:nowrap}
.hero-blitz-title-row .blitz-reminder-button{box-sizing:border-box;min-width:0;max-width:154px;padding:3px 7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-slot .hero-blitz-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;width:100%;font-size:11px;line-height:1.3;color:#1654b8;white-space:nowrap}
.hero-slot .hero-blitz-meta>*{min-width:0;overflow:hidden;text-overflow:ellipsis}
.hero-slot .hero-blitz-meta b{flex:0 0 auto;color:#1654b8}
.hero-slot .blitz-card{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;margin:0;padding:0;border:0;background:none;font-size:11px;min-width:0;width:100%}