#bannerAreas{display:grid;grid-template-columns:minmax(125px,.62fr) minmax(0,3.2fr) minmax(250px,1.14fr);gap:22px;align-items:start;width:calc(100vw - 32px);max-width:1740px;position:relative;left:50%;transform:translateX(-50%);margin:22px 0 24px}.official-sponsors,.sponsor-panel{border:1px solid #213b66;background:#0d1a3c;border-radius:14px;overflow:hidden}.sponsor-panel-heading{position:relative;display:flex;align-items:center;justify-content:center;background:#101112;min-height:44px;padding:7px 12px}.sponsor-panel-heading h2,.side-ad-heading{font-size:14px;font-weight:800;letter-spacing:1px;margin:0;display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.3}.sponsor-panel-heading h2 span,.side-ad-heading span{color:#4395ff;font-size:28px;line-height:1;text-shadow:0 0 10px #2288e799}.sponsor-panel-heading>a{position:absolute;right:14px;font-size:10px;letter-spacing:0;color:#9daac0}.sponsor-ribbons{padding:16px;display:grid;gap:9px}.banner-slot{min-width:0;border:1px solid #24416a;border-radius:8px;overflow:hidden;background:#08142c}.banner-image-link{display:block;line-height:0;width:100%}.banner-image-link[href]{cursor:pointer}.banner-image-link:focus-visible{outline:3px solid #efb522;outline-offset:-3px}.banner-image-link img{display:block;width:100%;height:auto}.sponsor-ribbons>.banner-slot .banner-image-link{aspect-ratio:20/1}.sponsor-ribbons>.banner-slot img{width:100%;height:100%;object-fit:contain}.sponsor-ribbons>.banner-slot img.banner-default{object-fit:cover;object-position:center 62%}.half-ribbons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.half-ribbons .banner-image-link{aspect-ratio:8/1}.half-ribbons img{height:100%;object-fit:contain}.half-ribbons img.banner-default{object-fit:cover;object-position:center 62%}.left-ad{padding-top:48px}.left-ad .banner-image-link{aspect-ratio:200/750}.left-ad img{height:100%;object-fit:contain}.left-ad img.banner-default{object-fit:cover;object-position:80% center}.left-ad .banner-slot{border-radius:8px}.right-ads{display:grid;gap:18px}.sponsor-panel{background:#142650}.side-ad-heading{background:#151c28;border-bottom:2px solid #e9b412;padding:13px 8px;font-size:12px;letter-spacing:.4px}.sponsor-panel .ad-carousel{padding:12px 11px 5px}.sponsor-panel .ad-carousel .banner-image-link{aspect-ratio:1}.sponsor-panel .ad-carousel img{height:100%;object-fit:contain}.sponsor-panel .ad-carousel img.banner-default{object-fit:cover;object-position:80% center}.ad-dots{display:flex;justify-content:center;gap:6px;padding:10px 0 6px}.ad-dots button{border:0;padding:0;background:#435172;width:8px;height:8px;border-radius:99px}.ad-dots button.active{background:#efb500;width:21px}.featured-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end;margin:12px 11px;padding:10px 7px;background:#1a2f60;border-radius:12px;min-height:140px}.featured-podium .banner-image-link{aspect-ratio:1}.featured-podium img{height:100%;object-fit:contain}.featured-podium img.banner-default{object-fit:cover;object-position:80% center}.featured-podium .banner-slot{border:2px solid #f0ad21;border-radius:50%;margin-bottom:9px}.featured-podium .banner-slot:nth-child(2){margin-bottom:29px;border-color:#ffca34;box-shadow:0 0 0 4px #14234c,0 0 0 6px #ca9b2d}.featured-list{display:grid;gap:8px;margin:10px 11px}.featured-list .banner-image-link{aspect-ratio:6/1}.featured-list img{height:100%;object-fit:contain}.featured-list img.banner-default{object-fit:cover;object-position:80% center}.banner-break{margin:0 0 20px}.banner-break .banner-default{aspect-ratio:10/1;object-fit:cover;object-position:center 62%}
@media(max-width:1300px){#bannerAreas{gap:14px;grid-template-columns:130px minmax(0,1fr) 260px}.sponsor-panel-heading>a{position:static;margin-left:auto;font-size:8px}.sponsor-panel-heading h2{font-size:11px}.sponsor-ribbons{padding:12px;gap:8px}.side-ad-heading{font-size:10px;gap:6px}.half-ribbons{gap:8px}}
@media(max-width:1000px){#bannerAreas{grid-template-columns:minmax(0,1fr) 230px}.left-ad{display:none}.sponsor-panel-heading h2{font-size:12px}}
@media(max-width:650px){#bannerAreas{width:100%;left:0;transform:none;grid-template-columns:1fr;gap:12px;margin-top:12px}.right-ads{grid-template-columns:1fr 1fr;gap:9px}.sponsor-panel-heading{min-height:40px}.sponsor-panel-heading h2{font-size:11px;gap:5px}.sponsor-panel-heading h2 span{font-size:22px}.sponsor-ribbons{padding:8px;gap:6px}.side-ad-heading{font-size:8px;letter-spacing:0;padding:9px 3px;gap:3px}.side-ad-heading span{font-size:18px}.sponsor-panel .ad-carousel{padding:7px}.featured-podium{margin:8px 6px;gap:5px;padding:7px 4px;min-height:95px}.featured-podium .banner-slot:nth-child(2){margin-bottom:19px}.featured-list{margin:6px;gap:5px}.ad-dots{padding:7px 0}.half-ribbons{gap:6px}}

/* Mobile sponsor ribbons follow the reference: full-width rows, including half banners. */
@media(max-width:650px){
 #bannerAreas{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;margin:12px 0 18px;left:auto;transform:none}
 .official-sponsors{min-width:0;border-radius:12px}
 .sponsor-ribbons{padding:10px;gap:8px}
 .half-ribbons{grid-template-columns:minmax(0,1fr);gap:8px}
 .sponsor-ribbons>.banner-slot .banner-image-link{aspect-ratio:1000/50}
 .half-ribbons .banner-image-link{aspect-ratio:468/60}
 .sponsor-panel-heading>a{font-size:10px}
 .right-ads{grid-template-columns:minmax(0,1fr);width:100%;max-width:350px;margin:0 auto;gap:14px}
 .side-ad-heading{font-size:12px;padding:12px 8px}
 .side-ad-heading span{font-size:24px}
 .banner-break{display:block;margin:12px 0 18px}
 .banner-break .banner-image-link{aspect-ratio:10/1}
 .banner-break img{width:100%;height:100%;object-fit:contain}
}
/* The same inventory powers the forum and the management preview. */
.sponsor-ribbons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.sponsor-ribbons>.banner-slot{grid-column:1/-1}
.sponsor-ribbons>.half-banner{grid-column:auto}
.sponsor-ribbons>.half-banner .banner-image-link{aspect-ratio:468/60}
.banner-slot[hidden],.sponsor-panel[hidden],.official-sponsors[hidden],.banner-break[hidden],.ad-carousel[hidden],.ad-dots button[hidden]{display:none!important}
@media(max-width:650px){.sponsor-ribbons>.half-banner{grid-column:1/-1}}