/* A native square website composition; approved 4:5 social files are unchanged. */
@font-face{font-family:FG Anton;src:url('/assets/fonts/anton-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
.fg-shell .brandbar>.news-ticker{padding-inline:10px;gap:8px}
.fg-shell .brandbar>.news-ticker>#latestTicker{flex:1}
.news-portal .hero-stage{height:auto;min-height:0;max-height:none;aspect-ratio:1;overflow:hidden}
.news-portal .hero-card{margin:0;border-radius:8px;overflow:hidden}
.news-portal .hero-card .hero-story-link{position:absolute;inset:0;display:block;height:100%}
.news-portal .hero-card .hero-photo{position:absolute;inset:0;height:100%;width:100%;max-height:none;aspect-ratio:auto}
.news-portal .hero-card .hero-photo img{object-fit:cover;transform:none}
.news-portal .hero-graphic .hero-photo img{object-fit:contain}
.news-portal .hero-web-copy{padding:4% 5% 10%;gap:8px;background:linear-gradient(180deg,transparent 34%,#09142133 48%,#091421f2 72%,#091421 100%)}
.news-portal .hero-web-copy.has-cover-hook h2{font:400 clamp(26px,8.1cqi,51px)/1.12 FG Anton,Impact,sans-serif;letter-spacing:.1px;text-wrap:balance}
.news-portal .hero-web-kicker{font-size:clamp(10px,2.2cqi,13px);letter-spacing:.4px}
.news-portal .hero-web-copy p{font-size:clamp(11px,2.5cqi,15px);line-height:1.35}
.hero-web-theme-kislyak{background:linear-gradient(135deg,#0876cf,#06468f 66%,#072f6f)}
.news-portal .hero-web-theme-kislyak .hero-photo{inset:6% 7% auto;width:86%;height:57%;border:2px solid #83bef1;border-radius:7px;overflow:hidden;box-shadow:-8px -8px 0 -5px #ffce16,8px 8px 0 -5px #ffce16}
.news-portal .hero-web-theme-kislyak .hero-web-copy{background:none;padding-bottom:10%;gap:9px}
.hero-web-theme-kislyak .hero-web-kicker{background:#df1e39;border:0}
.news-portal .hero-web-theme-kislyak .hero-web-copy.has-cover-hook h2{font-size:clamp(25px,7.7cqi,48px)}
.hero-web-theme-batrakov{background:#9e0928}
.news-portal .hero-web-theme-batrakov .hero-web-copy{background:linear-gradient(180deg,transparent 31%,#880b2722 48%,#880b27f2 72%,#880b27 100%)}
.hero-web-theme-batrakov .hero-web-kicker{background:#af1535}
.news-portal .hero-web-theme-montage .hero-web-copy{background:linear-gradient(180deg,transparent 36%,#6a071422 48%,#5b0c1cf0 75%,#5b0c1c 100%)}
.news-portal .hero-web-theme-derby .hero-web-copy{background:linear-gradient(180deg,transparent 32%,#11131b22 48%,#11131bf5 72%,#11131b 100%)}
.hero-web-theme-derby .hero-web-kicker{background:#bb1931;border:0}
.news-portal .hero-web-theme-sergen .hero-web-copy.has-cover-hook h2{font:800 clamp(25px,7.8cqi,48px)/1.07 Arial,Helvetica,sans-serif;letter-spacing:-.7px}
.news-portal .hero-web-theme-sergen .hero-web-copy{background:linear-gradient(180deg,transparent 34%,#07182833 48%,#071828f0 73%,#071828 100%)}
.news-portal .hero-web-theme-arda .hero-web-copy{background:linear-gradient(180deg,transparent 31%,#32170433 48%,#321704f2 75%,#321704 100%)}

/* Numbered direct navigation stays outside the picture and never covers copy. */
.news-portal .hero-frame .hero-rotation-toolbar{position:static;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 8px;margin-top:0;background:#123a69;border-radius:0 0 7px 7px}
.news-portal .hero-frame .hero-controls{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:4px;margin:0;order:0}
.news-portal .hero-frame .hero-auto-actions{order:1;flex:none}
.news-portal .hero-frame .hero-auto-actions button{width:30px;min-width:30px;height:30px;min-height:30px;font-size:15px}
.hero-controls .headline-numbers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-width:0}
.news-portal .hero-controls button{display:inline-grid;place-items:center;flex:none;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:1px solid #a3c7ec80;border-radius:5px;background:#ffffff0d;color:#fff;font:700 13px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.news-portal .hero-controls button[aria-current=true]{background:#ffcc36;border-color:#ffcc36;color:#182d46;box-shadow:0 0 0 1px #ffcc36}
.news-portal .hero-controls button:hover{background:#dc2342;border-color:#ff7b91;color:#fff}
.news-portal .hero-controls button:focus-visible{outline:3px solid #ffda52;outline-offset:2px}
.hero-image-info{bottom:8px;left:8px;width:calc(100% - 16px)}
.hero-image-info summary{min-height:26px;max-width:100%;padding:4px 6px;font-size:10px}
.hero-image-info>.photo-credit{bottom:34px}

/* A compact standings panel shares the lead height, with its own vertical scroll. */
.news-portal .standings-column .table-top{padding:10px 12px}
.news-portal .standings-column #europeanCupTabs{gap:5px;margin-bottom:8px}
.news-portal .standings-column .cup-tab{min-height:46px;padding:3px}
.news-portal .standings-column .cup-tab img{height:36px;max-width:100%}
.news-portal .standings-column .league-select-field select{min-height:40px;padding-block:7px;font-size:15px}
.news-portal .standings-column .league-select-hint{margin-top:4px;font-size:10px}
.news-portal .standings-column .standings-scopes{position:sticky;top:0;z-index:3;margin:0;padding:4px;gap:3px;border-radius:0}
.news-portal .standings-column .standings-scopes button{min-height:34px;padding:7px 4px;font-size:11px}
.news-portal .standings-column #standingsHost .live-table{width:100%;min-width:0;table-layout:fixed;font-size:11px}
.news-portal .standings-column #standingsHost .live-table-scroll{overflow:visible}
.news-portal .standings-column #standingsHost .live-table col.standings-rank{width:5%}
.news-portal .standings-column #standingsHost .live-table col.standings-team{width:34%}
.news-portal .standings-column #standingsHost .live-table col.standings-stat{width:7%}
.news-portal .standings-column #standingsHost .live-table col.standings-form{width:19%}
.news-portal .standings-column #standingsHost .live-table caption{padding:8px 10px;font-size:11px}
.news-portal .standings-column #standingsHost .live-table thead{top:42px;z-index:2}
.news-portal .standings-column #standingsHost .live-table td,.news-portal .standings-column #standingsHost .live-table th{display:table-cell;padding:5px 2px;min-width:0;white-space:normal}
.news-portal .standings-column #standingsHost .live-table th[scope=row]{min-width:0;padding-inline:4px}
.news-portal .standings-column #standingsHost .live-table .live-team{gap:5px;min-width:0;max-width:100%}
.news-portal .standings-column #standingsHost .live-table .club-crest{width:19px;height:19px}
.news-portal .standings-column #standingsHost .club-name{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.news-portal .standings-column #standingsHost .standings-rank-badge{min-height:27px;padding:3px}
.news-portal .standings-column #standingsHost .form-run{gap:2px;max-width:100%}
.news-portal .standings-column #standingsHost .form-result{width:clamp(9px,1.05vw,15px);height:17px;font-size:9px}
.news-portal .standings-column .table-foot{padding:7px 10px;font-size:10px}
.news-portal .standings-column .qualification-note{margin:0;padding:7px 10px;font-size:10px;line-height:1.45}
.standings-scroll-hint{margin:0;padding:5px 10px;color:#006b71;background:#e2f5f2;font:700 11px/1.35 Arial,Helvetica,sans-serif;border-block:1px solid #c1e4de}
.news-portal .standings-column #standingsHost .live-data-note{font-size:10px;padding:8px 10px}

/* News is immediately after the lead, with an explicit local publication day. */
.news-portal .news-section{margin-top:20px;margin-bottom:24px}
.news-portal .news-section>.section-heading .text-button{background:#fff;color:#a81532;border-color:#fff}
.daily-news-controls{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;background:#edf5ff;border:1px solid #b9d5f1;border-radius:7px;color:#174c81}
.daily-news-controls label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;font:700 12px/1.4 Arial,Helvetica,sans-serif}
.daily-news-controls input{box-sizing:border-box;min-width:0;max-width:100%;min-height:36px;padding:6px 8px;border:1px solid #8bb3da;border-radius:5px;background:#fff;color:#173955;font:600 14px Arial,Helvetica,sans-serif}
.daily-news-controls button{min-height:36px;padding:7px 15px;border:1px solid #c12440;border-radius:5px;background:#d51e3c;color:#fff;font:700 12px Arial,Helvetica,sans-serif;cursor:pointer}
.daily-news-controls button[aria-pressed=true]{background:#fff;color:#ac1733}
.news-portal #newsStatus:not(:empty){padding:12px 15px;background:#e7f3ff;border:1px solid #9dc7ed;border-radius:6px;color:#194b7d;font-size:13px}
@media(min-width:991px){
 .news-portal .lead-layout{grid-template-columns:minmax(0,min(54%,620px,calc(100svh - var(--fg-header-height,150px) - 76px))) minmax(0,1fr);column-gap:24px}
 .news-portal .standings-column #standingsHost{height:0;min-height:100px;max-height:none;flex:1 1 0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin}
}
@media(max-width:740px){
 .news-portal .hero-stage{height:auto;min-height:0;aspect-ratio:1}
 .news-portal .hero-web-copy{padding-bottom:12%;gap:6px}
 .news-portal .hero-web-copy.has-cover-hook h2{font-size:clamp(24px,8cqi,35px)}
 .news-portal .hero-web-theme-sergen .hero-web-copy.has-cover-hook h2{font-size:clamp(24px,7.8cqi,34px)}
 .news-portal .hero-web-theme-kislyak .hero-web-copy{padding-bottom:12%;gap:6px}
 .news-portal .hero-web-theme-kislyak .hero-web-copy.has-cover-hook h2{font-size:clamp(22px,7.3cqi,32px)}
 .news-portal .hero-frame .hero-rotation-toolbar{padding:5px;gap:4px}
 .news-portal .hero-controls{gap:3px}
 .hero-controls .headline-numbers{gap:3px}
 .news-portal .hero-controls button{width:28px;min-width:28px;height:30px;min-height:30px;font-size:12px}
 .news-portal .hero-frame .hero-auto-actions button{width:28px;min-width:28px;height:28px;min-height:28px}
 .news-portal .standings-column #standingsHost{max-height:400px;overflow-y:auto;overflow-x:hidden}
 .news-portal .standings-column #standingsHost .form-result{width:clamp(9px,2.7vw,14px);font-size:8px}
 .news-portal .standings-column #standingsHost .live-table .club-crest{width:17px;height:17px}
 .news-portal .standings-column #standingsHost .live-table .live-team{gap:3px}
 .news-portal .standings-column #standingsHost .live-table td,.news-portal .standings-column #standingsHost .live-table th{padding-inline:1px}
 .news-portal .standings-column #standingsHost .live-table th[scope=row]{padding-inline:2px}
 .daily-news-controls{padding:10px;gap:8px}
 .daily-news-controls label{gap:6px;font-size:11px}
 .daily-news-controls input{font-size:13px;max-width:160px}
 .daily-news-controls button{padding-inline:12px}
}
@media(forced-colors:active){
 .news-portal .hero-web-copy,.hero-web-theme-kislyak,.news-portal .hero-web-theme-kislyak .hero-web-copy,.news-portal .hero-web-theme-batrakov .hero-web-copy,.news-portal .hero-web-theme-montage .hero-web-copy,.news-portal .hero-web-theme-derby .hero-web-copy,.news-portal .hero-web-theme-sergen .hero-web-copy,.news-portal .hero-web-theme-arda .hero-web-copy,.news-portal .hero-frame .hero-rotation-toolbar,.daily-news-controls,.standings-scroll-hint{background:Canvas;color:CanvasText}
 .news-portal .hero-controls button,.daily-news-controls button,.daily-news-controls input{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}
 .news-portal .hero-controls button[aria-current=true]{outline:2px solid Highlight;background:Highlight;color:HighlightText}
}