.hub-news {
    --blue: #19487d;
    --waey-accent: var(--blue);
    --waey-surface: #fff;
    --waey-border: var(--line);
    --hub-section-hover: #edf2f8;
}

.hub-news .masthead {
    border-top-color: var(--blue);
}

.hub-news .topic-nav a {
    padding-inline: 5px;
}

.hub-news .topic-nav a:is(:hover, [aria-current]),
.hub-news .front-sidebar .news-list > h2 a:hover {
    color: var(--blue);
    background: var(--hub-section-hover);
}

.hub-theme-controls {
    display: flex;
    gap: 4px;
}

.hub-theme-controls button {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--waey-surface);
    color: inherit;
    cursor: pointer;
    font: 21px/1 Arial, sans-serif;
}

.hub-theme-controls button[aria-pressed="true"] {
    color: var(--blue);
    background: var(--hub-section-hover);
    border-color: var(--blue);
}

@media (max-width: 650px) {
    .hub-news .mast {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .hub-news .brand { justify-self: start; }
    .hub-news .edition-picker { justify-self: end; }
    .hub-news .mast-search { min-width: 0; }
}

.hub-news[data-theme="dark"] {
    color-scheme: dark;
    color: #e0e8f4;
    background: #0e1624;
    --waey-surface: #131d2d;
    --line: #33435a;
    --blue: #a3c7f2;
    --muted: #b0bfd3;
    --hub-section-hover: #22334b;
}

.hub-news[data-theme="dark"] :is(
    .masthead, .edition-picker nav, .lead-card, .news-list, .site-footer,
    .story, .pagination a, .skip
) {
    background: var(--waey-surface);
}

.hub-news[data-theme="dark"] :is(
    .mast-search input, .lead-card img, .news-list img, .reader-cover,
    .edition-picker a:hover, #football-scores.waey-score-layout .score-row
) {
    background: #1d2b40;
    border-color: var(--line);
    color: inherit;
}

.hub-news[data-theme="dark"] :is(
    .hub-score-widget .score-league, .hub-score-widget .score-status,
    #football-scores.waey-score-layout .score-row::before
) {
    color: var(--muted);
}

.hub-news[data-theme="dark"] .hub-score-widget .score-live {
    color: #ffabb3;
}

.hub-news .news-tv {
    --tv-accent: var(--blue);
    --tv-text: inherit;
    --tv-muted: var(--muted);
    --tv-border: var(--line);
    --tv-card: var(--waey-surface);
}

.hub-news[data-edition="eg"] {
    --blue: #951522;
    --hub-section-hover: #faedf0;
    --edition-action: #951522;
    --edition-tv-glow: #662a38;
}

.hub-news[data-edition="sa"] {
    --blue: #005430;
    --hub-section-hover: #eaf4ee;
    --edition-action: #005430;
    --edition-tv-glow: #245643;
}

.hub-news[data-edition="eg"][data-theme="dark"] {
    --blue: #ff9ca5;
    --hub-section-hover: #432632;
}

.hub-news[data-edition="sa"][data-theme="dark"] {
    --blue: #86d9ad;
    --hub-section-hover: #203b32;
}

.hub-news:is([data-edition="eg"], [data-edition="sa"]) :is(.mast-search button, .tv-play:not([hidden])) {
    background: var(--edition-action);
    color: #fff;
}

.hub-news:is([data-edition="eg"], [data-edition="sa"]) .tv-play:not([hidden]) {
    border-color: var(--tv-accent);
}

.hub-news:is([data-edition="eg"], [data-edition="sa"]) :is(.tv-poster, .tv-channel-art) {
    background: radial-gradient(ellipse at 45% 35%, var(--edition-tv-glow), #101d32 78%);
}

.hub-news[data-brand="waey"] .waey-sections a {
    line-height: 1;
}

.hub-news[data-brand="waey"] .waey-search :is(input, button) {
    line-height: 1.4;
}

.hub-news[data-brand="waey"] main > h1 {
    font-size: clamp(1.575rem, 4vw, 2rem);
    line-height: 1.3;
}