/* One compact masthead, footer social accounts and an artwork-only lead. */
.fg-shell{background:#202735;box-shadow:0 3px 14px #19213125}
.fg-shell header{background:linear-gradient(105deg,#a91237 0%,#de213f 53%,#ed4838 100%)}
.fg-shell .brandbar{width:100%;max-width:none;grid-template-columns:minmax(96px,250px) minmax(0,1fr) auto;gap:12px;padding-inline:12px;min-height:80px;padding-block:5px}
.fg-shell .brand{gap:12px}
.fg-shell .brand>div{padding-left:12px;min-width:0}
.fg-shell .brand strong{font-size:14px;line-height:1.25}
.fg-shell .brand span{font-size:7px;letter-spacing:1px}
.fg-shell .brandbar>.headtools{grid-column:3;justify-self:end}
.fg-shell .brandbar>.news-ticker{grid-column:2;min-width:0;width:100%;max-width:100%;margin:0;padding:5px 6px;gap:7px;min-height:44px;align-items:center;background:#fff;border:1px solid #ffffff55;border-radius:6px;box-shadow:0 2px 8px #7a0d2520;color:#4b586b}
.fg-shell .brandbar>.news-ticker>strong{padding:5px 6px;border-radius:3px;background:#c9193c;color:#fff;font-size:8px;letter-spacing:.3px}
.fg-shell .brandbar>.news-ticker>#latestTicker{padding:0;min-height:30px}
.fg-shell .brandbar>.news-ticker>.ticker-toggle{width:28px;min-width:28px;height:30px;min-height:30px;padding:3px;border:1px solid #d2dbe7;border-radius:4px;background:#f5f7fb;color:#28394e}
.fg-shell .brandbar .ticker-match>.ticker-competition{color:#8f2345}
.fg-shell .navwrap{background:#202735;border-bottom:2px solid #ed3449}
.fg-shell .nav{width:100%;max-width:none;padding-inline:12px}
.fg-shell .nav a:first-child{background:#c91d3b;border-bottom-color:#ffb521}
.news-portal{background:#edf1f6;background-image:linear-gradient(180deg,#293343 0,#303d50 720px,#edf1f6 1200px);background-repeat:no-repeat}
.news-portal .lead-layout:before{background:linear-gradient(115deg,#354257,#273140 72%,#42313d)}
@media(min-width:991px){
 /* 620px cover + 24px gap + 420px standings; both share the same outer edges. */
 .fg-shell{width:min(1064px,calc(100% - 56px));margin-inline:auto}
 .news-portal .lead-layout{max-width:1064px}
}

/* Keep all five official account destinations available in each public footer. */
.footer-socials{min-width:0;margin:0}
.footer-socials h2{font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;color:#f8fafc;margin:0 0 9px}
.footer-social-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0;margin:0}
.footer-social-links .social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:6px;border:1px solid #ffffff80;border-radius:50%;background:#fff;color:#14191f;text-decoration:none;flex:none}
.footer-social-links .social-link svg{display:block;width:23px;height:23px;flex:none}
.footer-social-links .social-facebook svg{color:#0866ff}
.footer-social-links .social-youtube svg{color:#ff0033}
.footer-social-links .social-threads svg{color:#111}
.footer-social-links .social-link:hover{background:#fff0c7;border-color:#ffb521}
.footer-social-links .social-link:focus-visible{outline:3px solid #ffb521;outline-offset:3px}
.news-portal .footer-brand-row{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr) auto;column-gap:24px;row-gap:18px;align-items:center}
.news-portal .footer-brand-row>.footer-languages{margin:0}
.news-portal .footer-brand-row>.footer-socials{justify-self:center}
.news-portal .footer-brand-row>.footer-top-link{margin:0;justify-self:end}
.news-portal .site-footer{background:#202735;border-top-color:#e52b46}
.publisher-footer{background:#171e29;border-top-color:#3b4658}
.site-social-footer{box-sizing:border-box;width:min(1064px,100%);margin:0 auto;padding:22px 28px;background:#202735;color:#fff;border-top:3px solid #e52b46}
.site-social-footer .footer-socials{width:max-content;max-width:100%;margin:0 auto}

/* No text, metadata or engagement row below the cover. Arrows, pause and source
   information remain accessible on the image; full credits are in a disclosure. */
.news-portal .hero-frame{position:relative;width:100%;min-width:0}
.news-portal .hero-frame .hero-rotation-toolbar{position:absolute;right:12px;bottom:12px;z-index:7;display:flex;gap:0;margin:0;padding:0}
.news-portal .hero-frame .hero-auto-actions{display:block}
.news-portal .hero-frame .hero-auto-actions button{display:grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;padding:0;border:1px solid #ffffffa6;border-radius:50%;background:#192635e8;color:#fff;font:700 17px/1 Arial,sans-serif;box-shadow:0 2px 7px #0003}
.news-portal .hero-frame .hero-auto-actions button:hover{background:#c9193c}
.news-portal .hero-frame .hero-auto-actions small{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.news-portal .hero-frame .hero-controls{display:none}
.hero-image-info{position:absolute;left:12px;bottom:12px;z-index:6;width:calc(100% - 24px);pointer-events:none}
.hero-image-info summary{display:flex;align-items:center;gap:5px;list-style:none;width:max-content;max-width:calc(100% - 44px);min-height:32px;padding:5px 8px;border:1px solid #ffffff70;border-radius:5px;background:#192635e8;color:#fff;font:600 10px/1.3 Arial,sans-serif;cursor:pointer;pointer-events:auto;box-shadow:0 2px 7px #0003}
.hero-image-info summary::-webkit-details-marker{display:none}
.hero-image-info summary>span{font-size:16px;line-height:1}
.hero-image-info summary:focus-visible,.news-portal .hero-auto-actions button:focus-visible{outline:3px solid #ffb521;outline-offset:3px}
.hero-image-info>.photo-credit{position:absolute;left:0;bottom:42px;width:min(480px,100%);max-height:220px;overflow:auto;background:#fff;border:1px solid #b8c7da;border-radius:6px;box-shadow:0 6px 22px #0005;pointer-events:auto}
.hero-image-info>.photo-credit a{color:#9f1837;text-decoration:underline;text-underline-offset:2px}

@media(min-width:741px) and (max-width:1100px){.fg-shell .brandbar{grid-template-columns:96px minmax(0,1fr) auto}}
@media(max-width:990px){.fg-shell{width:100%;margin:0}}
@media(max-width:900px){
 .news-portal .footer-brand-row{grid-template-columns:minmax(0,1fr) auto}
 .news-portal .footer-brand-row>.footer-socials{justify-self:start}
}
@media(max-width:740px){
 .fg-shell .brandbar{grid-template-columns:minmax(60px,1fr) repeat(4,40px);grid-template-rows:50px auto;column-gap:3px;row-gap:2px;min-height:0;padding:3px 14px 5px}
 .fg-shell .brand{grid-column:1;grid-row:1;align-self:center}
 .fg-shell .brand>img{width:66px;height:48px}
 .fg-shell .brandbar>.headtools{display:contents}
 .fg-shell .headtools .header-search-button{grid-column:2;grid-row:1}
 .fg-shell .headtools .notifications{grid-column:3;grid-row:1}
 .fg-shell .headtools .account-link{grid-column:4;grid-row:1}
 .fg-shell .headtools .langlabel{grid-column:5;grid-row:1}
 .fg-shell .headtools #editorLink{left:80px;top:12px;bottom:auto;grid-column:auto;grid-row:auto}
 .fg-shell .brandbar>.news-ticker{grid-column:1/-1;grid-row:2;min-height:34px;padding:2px 4px;gap:5px;border-radius:4px}
 .fg-shell .brandbar>.news-ticker>strong{font-size:7px;padding:5px;letter-spacing:0}
 .fg-shell .brandbar>.news-ticker>#latestTicker{min-height:28px}
 .fg-shell .brandbar>.news-ticker>.ticker-toggle{height:28px;min-height:28px}
 .fg-shell .nav{padding-inline:14px}
 .news-portal .footer-brand-row{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
 .news-portal .footer-brand-row>.footer-languages,.news-portal .footer-brand-row>.footer-socials,.news-portal .footer-brand-row>.footer-top-link{justify-self:start;margin:0}
 .news-portal .footer-brand .original-wordmark{max-width:100%}
 .footer-social-links{gap:8px}
 .footer-social-links .social-link{width:40px;min-width:40px;height:40px;min-height:40px}
 .site-social-footer{padding:20px 16px}
 .hero-image-info{left:9px;bottom:9px;width:calc(100% - 18px)}
 .news-portal .hero-frame .hero-rotation-toolbar{right:9px;bottom:9px}
 .hero-image-info>.photo-credit{max-height:190px}
}
@media(max-width:340px){.fg-shell .brand>img{width:60px;height:46px}.fg-shell .headtools #editorLink{left:74px}}
@media(forced-colors:active){
 .fg-shell,.fg-shell header,.fg-shell .navwrap,.news-portal,.news-portal .lead-layout:before,.news-portal .site-footer,.site-social-footer{background:Canvas;color:CanvasText}
 .fg-shell .brandbar>.news-ticker,.footer-social-links .social-link,.hero-image-info summary,.news-portal .hero-frame .hero-auto-actions button{background:Canvas;color:ButtonText;border:1px solid ButtonText}
 .hero-image-info>.photo-credit{background:Canvas;color:CanvasText}
}