/* Preserve the complete approved poster. The desktop cover is the wider left
   column; the compact, portrait-shaped standings stays on the right. */
.news-portal .hero-stage.hero-original-cover{height:auto;min-height:0;max-height:none;aspect-ratio:4/5}
.news-portal .hero-card .hero-original-cover .hero-photo img,
.news-portal .hero-card:hover .hero-original-cover .hero-photo img{object-fit:contain;transform:none}
.news-portal .hero-card:hover{transform:none}

/* Small direct-selection numbers sit inside the image, never in a second row.
   The existing large image arrows and keyboard navigation remain available. */
.news-portal .hero-frame .hero-rotation-toolbar{position:absolute;inset:auto 7px 5px;z-index:7;min-height:22px;margin:0;padding:0;gap:8px;border-radius:0;background:none;pointer-events:none}
.news-portal .hero-frame .hero-controls{flex:0 1 auto;justify-content:flex-start;gap:0;pointer-events:auto}
.news-portal .hero-controls .headline-numbers{justify-content:flex-start;gap:2px;flex-wrap:nowrap}
.news-portal .hero-controls #previousStory,
.news-portal .hero-controls #nextStory{display:none}
.news-portal .hero-controls button[data-headline-index]{width:18px;min-width:18px;height:22px;min-height:22px;padding:0;border:1px solid transparent;border-radius:50%;background:#09142185;color:#fff;font:700 10px/1 Arial,Helvetica,sans-serif;text-shadow:0 1px 2px #000}
.news-portal .hero-controls button[data-headline-index][aria-current=true]{background:#ffcf35;border-color:#ffcf35;color:#142638;box-shadow:none;text-shadow:none}
.news-portal .hero-controls button[data-headline-index]:hover{background:#d91e3d;border-color:#fff;color:#fff}
.news-portal .hero-controls button[data-headline-index]:focus-visible{outline:2px solid #fff;outline-offset:1px}
.news-portal .hero-frame .hero-auto-actions{margin-left:auto;pointer-events:auto}
.news-portal .hero-frame .hero-auto-actions button{width:22px;min-width:22px;height:22px;min-height:22px;font-size:12px}
.news-portal .hero-original-cover .hero-image-info{top:calc(9.3cqi + 8px);right:8px;bottom:auto;left:auto;width:max-content;max-width:calc(100% - 16px)}
.news-portal .hero-original-cover .hero-image-info summary{min-height:24px;max-width:100%;font-size:10px}
.news-portal .hero-original-cover .hero-image-info>.photo-credit{top:31px;right:0;bottom:auto;left:auto;width:min(480px,calc(100cqi - 24px));max-height:min(260px,65cqi)}

/* Explicit text on the former white refresh box, in every edition. */
.news-portal #refreshNews{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:112px;min-height:36px;max-width:100%;padding:8px 12px;border:1px solid #fff;border-radius:5px;background:#fff;color:#a81532;font:700 12px/1.35 Arial,Helvetica,sans-serif;opacity:1;visibility:visible;text-indent:0;white-space:normal;text-align:center;cursor:pointer}
.news-portal #refreshNews:hover{background:#fff3cd;color:#8e102b}
.news-portal #refreshNews:focus-visible{outline:3px solid #ffce35;outline-offset:3px}

@media(min-width:991px){
 .news-portal .lead-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:24px;align-items:stretch}
 .news-portal .lead-news{width:100%;max-width:none;margin:0}
 .news-portal .standings-column .table-top{padding:8px}
 .news-portal .standings-column #europeanCupTabs{gap:3px;margin-bottom:6px}
 .news-portal .standings-column .cup-tab{min-height:36px;padding:2px}
 .news-portal .standings-column .cup-tab img{height:28px}
 .news-portal .standings-column .league-select-field select{min-height:34px;padding-block:5px;font-size:14px}
 .news-portal .standings-column .league-select-hint{margin-top:3px}
 .news-portal .standings-column .standings-scopes{padding:3px;gap:3px}
 .news-portal .standings-column .standings-scopes button{min-height:28px;padding:5px 2px;font-size:10px}
 .news-portal .standings-column #standingsHost .live-table{font-size:11px;line-height:1.25}
 .news-portal .standings-column #standingsHost .live-table col.standings-rank{width:5%}
 .news-portal .standings-column #standingsHost .live-table col.standings-team{width:32%}
 .news-portal .standings-column #standingsHost .live-table col.standings-stat{width:7%}
 .news-portal .standings-column #standingsHost .live-table col.standings-form{width:21%}
 .news-portal .standings-column #standingsHost .live-table caption{padding:5px 8px;font-size:10px}
 .news-portal .standings-column #standingsHost .live-table thead{top:34px}
 .news-portal .standings-column #standingsHost .live-table td,
 .news-portal .standings-column #standingsHost .live-table th{padding:3px 1px;white-space:normal}
 .news-portal .standings-column #standingsHost .live-table th[scope=row]{padding-inline:3px}
 .news-portal .standings-column #standingsHost .live-table .live-team{gap:3px}
 .news-portal .standings-column #standingsHost .live-table .club-crest{width:16px;height:16px}
 .news-portal .standings-column #standingsHost .standings-rank-badge{min-height:20px;padding:2px}
 .news-portal .standings-column #standingsHost .form-run{gap:1px}
 .news-portal .standings-column #standingsHost .form-result{width:clamp(10px,.9vw,13px);height:15px;font-size:9px}
 .news-portal .standings-column #standingsHost .standings-legend{padding:6px 8px;gap:3px 10px;font-size:10px}
 .news-portal .standings-column #standingsHost .live-data-note{padding:6px 8px;line-height:1.35}
 .news-portal .standings-column .table-foot{padding:5px 8px}
 .news-portal .standings-column .standings-scroll-hint{padding:4px 8px;font-size:10px}
 .news-portal .standings-column .qualification-note{padding:6px 8px;font-size:10px}
}
@media(max-width:740px){
 .news-portal .hero-controls button[data-headline-index]{width:19px;min-width:19px;height:24px;min-height:24px;font-size:10px}
 .news-portal .hero-frame .hero-rotation-toolbar{min-height:24px}
 .news-portal #refreshNews{min-width:104px;padding:8px 10px;font-size:11px}
}
@media(forced-colors:active){
 .news-portal .hero-controls button[data-headline-index],.news-portal #refreshNews{background:ButtonFace;color:ButtonText;border-color:ButtonText;text-shadow:none}
 .news-portal .hero-controls button[data-headline-index][aria-current=true]{background:Highlight;color:HighlightText;border-color:Highlight}
}
