/* ==========================================================================
   Clasico News — inner pages
   Editorial article, news index, match centre, standings, numbers lab,
   club desks, Clásico dossier, highlights and utilities.
   ========================================================================== */

/* ===== Shared chips, inputs, tools ===== */
html[data-theme="clasiconews"] .cn-news-tools,
html[data-theme="clasiconews"] .cn-video-tools,
html[data-theme="clasiconews"] .cn-stats-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--cn-card);
    border: 1px solid var(--cn-rule);
    border-radius: 2px;
    margin-bottom: 16px;
}
html[data-theme="clasiconews"] .cn-news-search {
    flex: 1 1 280px;
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--cn-rule);
    background: var(--cn-card-2);
    border-radius: 2px;
    color: var(--cn-ink-3);
    transition: border-color .15s ease, background .15s ease;
}
html[data-theme="clasiconews"] .cn-news-search:focus-within { border-color: var(--cn-ink); background: var(--cn-card); }
html[data-theme="clasiconews"] .cn-news-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cn-ink);
    font-family: var(--cn-font-body);
    font-size: 12px;
    padding-block: 8px;
}
html[data-theme="clasiconews"] .cn-news-search input::placeholder { color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-news-clubs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
html[data-theme="clasiconews"] .cn-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 12px;
    border: 1px solid var(--cn-rule);
    background: var(--cn-card);
    color: var(--cn-ink-2);
    font-family: var(--cn-font-body);
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 2px;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
    box-shadow: none;
}
html[data-theme="clasiconews"] .cn-chip:hover { border-color: var(--cn-ink); color: var(--cn-ink); background: var(--cn-card-2); transform: none; }
html[data-theme="clasiconews"] .cn-chip.is-active { background: var(--cn-ink); border-color: var(--cn-ink); color: var(--cn-paper); }
html[data-theme="clasiconews"] .cn-chip.is-barca.is-active { background: var(--cn-blue); border-color: var(--cn-blue); color: #fff; }
html[data-theme="clasiconews"] .cn-chip.is-madrid.is-active { background: var(--cn-gold); border-color: var(--cn-gold); color: #fff; }
html[data-theme="clasiconews"] .cn-chip-count {
    font-family: var(--cn-font-condensed);
    font-size: 10px;
    padding: 0 5px;
    border-radius: 1px;
    background: color-mix(in srgb, var(--cn-ink) 8%, transparent);
}
html[data-theme="clasiconews"] .cn-chip.is-active .cn-chip-count { background: rgba(255, 255, 255, .2); }
html[data-theme="clasiconews"] .cn-filter-reset,
html[data-theme="clasiconews"] .cn-stats-reset {
    font-family: var(--cn-font-body);
    font-size: 10px;
    font-weight: 600;
    color: var(--cn-red);
    background: none;
    border: 0;
    padding: 5px 6px;
    cursor: pointer;
}
html[data-theme="clasiconews"] .cn-input {
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    background: var(--cn-card);
    border: 1px solid var(--cn-rule);
    color: var(--cn-ink);
    font-family: var(--cn-font-body);
    font-size: 12px;
    outline: none;
    border-radius: 2px;
    transition: border-color .15s ease;
}
html[data-theme="clasiconews"] .cn-input:focus { border-color: var(--cn-ink); box-shadow: none; }
html[data-theme="clasiconews"] .cn-input::placeholder { color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-select { appearance: none; cursor: pointer; }
html[data-theme="clasiconews"] .cn-card { background: var(--cn-card); border: 1px solid var(--cn-rule); border-radius: 2px; box-shadow: none; }
html[data-theme="clasiconews"] .cn-card-flat { background: var(--cn-card-2); border: 1px solid var(--cn-rule); border-radius: 2px; }

/* ===== News index ===== */
html[data-theme="clasiconews"] .cn-news-cats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 20px;
    padding: 0 0 0;
    border-bottom: 1px solid var(--cn-rule);
    margin-bottom: 20px;
}
html[data-theme="clasiconews"] .cn-cat {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 8px 2px;
    background: none;
    border: 0;
    color: var(--cn-ink-2);
    font-family: var(--cn-font-body);
    font-size: 11.5px;
    font-weight: 500;
    cursor: pointer;
    transition: color .15s ease;
}
html[data-theme="clasiconews"] .cn-cat::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    bottom: -1px;
    height: 2px;
    background: var(--cn-red);
    transform: scaleX(0);
    transition: transform .18s ease;
}
html[data-theme="clasiconews"] .cn-cat:hover { color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-cat.is-active { color: var(--cn-ink); font-weight: 700; background: transparent; border: 0; border-radius: 0; }
html[data-theme="clasiconews"] .cn-cat.is-active::after { transform: scaleX(1); }
html[data-theme="clasiconews"] .cn-news-reset { background: none; border: 0; color: var(--cn-red); font-size: 10.5px; font-weight: 600; cursor: pointer; margin-inline-start: auto; }
html[data-theme="clasiconews"] .cn-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
html[data-theme="clasiconews"] .cn-news-grid > :first-child { grid-column: span 2; grid-row: span 2; }
html[data-theme="clasiconews"] .cn-news-grid > :first-child .cn-story-title { font-size: 26px; line-height: 1.55; -webkit-line-clamp: 4; }
html[data-theme="clasiconews"] .cn-news-grid > :first-child .cn-story-excerpt { font-size: 13px; -webkit-line-clamp: 3; }
html[data-theme="clasiconews"] .cn-news-grid > :first-child .cn-story-body { padding: 18px 20px 16px; gap: 10px; }
html[data-theme="clasiconews"] .cn-news-grid > :first-child .cn-story-media { aspect-ratio: 16 / 8.4; }
html[data-theme="clasiconews"] .cn-news-loading { display: none; }
html[data-theme="clasiconews"] .cn-news-loading.is-loading { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
html[data-theme="clasiconews"] .cn-news-skeleton { height: 270px; background: linear-gradient(90deg, var(--cn-card-2), var(--cn-card), var(--cn-card-2)); background-size: 200% 100%; animation: cnSkeleton 1.4s linear infinite; border: 1px solid var(--cn-rule); }
@keyframes cnSkeleton { from { background-position: 200% 0; } to { background-position: -200% 0; } }
html[data-theme="clasiconews"] .cn-pagination { margin-top: 26px; display: flex; justify-content: center; }
html[data-theme="clasiconews"] .cn-pages { display: flex; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap; }
html[data-theme="clasiconews"] .cn-pages-nums { display: inline-flex; align-items: center; gap: 3px; }
html[data-theme="clasiconews"] .cn-page {
    min-width: 34px;
    height: 34px;
    padding-inline: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cn-rule);
    background: var(--cn-card);
    color: var(--cn-ink-2);
    font-family: var(--cn-font-body);
    font-size: 10.5px;
    font-weight: 500;
    border-radius: 2px;
    transition: all .15s ease;
}
html[data-theme="clasiconews"] .cn-page:hover { border-color: var(--cn-ink); color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-page.is-current { background: var(--cn-ink); border-color: var(--cn-ink); color: var(--cn-paper); font-weight: 700; }
html[data-theme="clasiconews"] .cn-page.is-nav { color: var(--cn-ink); font-size: 10px; }
html[data-theme="clasiconews"] .cn-page.is-disabled { color: var(--cn-ink-3); background: var(--cn-card-2); border-color: var(--cn-rule-soft); cursor: not-allowed; }
html[data-theme="clasiconews"] .cn-page.is-gap { border-color: transparent; background: none; color: var(--cn-ink-3); }

/* ===== Article ===== */
html[data-theme="clasiconews"] .cn-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 8.2fr) minmax(280px, 3.8fr);
    gap: 32px;
    align-items: start;
}
html[data-theme="clasiconews"] .cn-article { min-width: 0; }
html[data-theme="clasiconews"] .cn-article-head { border-top: 3px solid var(--cn-ink); padding-top: 16px; margin-bottom: 18px; }
html[data-theme="clasiconews"] .cn-article-kicker { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
html[data-theme="clasiconews"] .cn-article-club { font-size: 10.5px; font-weight: 500; color: var(--cn-ink-2); display: inline-flex; align-items: center; gap: 5px; }
html[data-theme="clasiconews"] .cn-article-club::before { content: ''; width: 1px; height: 12px; background: var(--cn-rule); }
html[data-theme="clasiconews"] .cn-article-title {
    font-family: var(--cn-font-display);
    font-size: clamp(28px, 3.5vw, 43px);
    font-weight: 900;
    line-height: 1.4;
    margin: 0 0 10px;
    color: var(--cn-ink);
    text-wrap: balance;
}
html[data-theme="clasiconews"] .cn-article-excerpt {
    font-size: 15px;
    line-height: 1.95;
    color: var(--cn-ink-2);
    margin: 0 0 16px;
    max-width: 70ch;
    font-weight: 400;
}
html[data-theme="clasiconews"] .cn-article-byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    padding-top: 11px;
    border-top: 1px solid var(--cn-rule);
    font-size: 10px;
    color: var(--cn-ink-3);
}
html[data-theme="clasiconews"] .cn-article-byline-author { font-weight: 600; color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-article-share { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; padding-bottom: 14px; }
html[data-theme="clasiconews"] .cn-share-label { font-size: 10px; font-weight: 600; color: var(--cn-ink-2); margin-inline-end: 3px; }
html[data-theme="clasiconews"] .cn-share-btn {
    min-width: 30px;
    height: 30px;
    padding-inline: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--cn-rule);
    background: var(--cn-card);
    color: var(--cn-ink-2);
    font-family: var(--cn-font-body);
    font-size: 9.5px;
    font-weight: 500;
    border-radius: 2px;
    transition: all .15s ease;
}
html[data-theme="clasiconews"] .cn-share-btn:hover { border-color: var(--cn-ink); color: #fff; background: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-share-copy.is-copied { background: var(--cn-blue); border-color: var(--cn-blue); color: #fff; }
html[data-theme="clasiconews"] .cn-article-figure { margin: 0 0 20px; border: 1px solid var(--cn-rule); background: var(--cn-card); }
html[data-theme="clasiconews"] .cn-article-figure img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; object-fit: cover; }
html[data-theme="clasiconews"] .cn-article-figure figcaption { padding: 7px 12px; font-size: 9px; color: var(--cn-ink-3); border-top: 1px solid var(--cn-rule); }
html[data-theme="clasiconews"] .cn-article-toc {
    background: var(--cn-card);
    border: 1px solid var(--cn-rule);
    border-inline-start: 3px solid var(--cn-red);
    padding: 14px 16px;
    margin-bottom: 20px;
    max-width: 72ch;
    margin-inline: auto;
}
html[data-theme="clasiconews"] .cn-article-toc ol { margin: 8px 0 0; padding-inline-start: 18px; display: flex; flex-direction: column; gap: 4px; }
html[data-theme="clasiconews"] .cn-article-toc li { font-size: 11.5px; line-height: 1.7; }
html[data-theme="clasiconews"] .cn-article-toc a:hover { color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-article-body { font-size: 15.5px; line-height: 2.1; color: var(--cn-ink); max-width: 72ch; margin-inline: auto; }
html[data-theme="clasiconews"] .cn-article-body > p:first-of-type { font-size: 17px; line-height: 2; color: var(--cn-ink); font-weight: 400; }
html[data-theme="clasiconews"] .cn-article-body h2 { border-top: 1px solid var(--cn-rule); padding-top: 18px; }
html[data-theme="clasiconews"] .cn-article-footer { margin-top: 28px; padding-top: 16px; border-top: 2px solid var(--cn-ink); }
html[data-theme="clasiconews"] .cn-article-links { display: flex; flex-wrap: wrap; gap: 7px; }
html[data-theme="clasiconews"] .cn-article-disclaimer { margin: 14px 0 0; font-size: 10px; line-height: 1.9; color: var(--cn-ink-3); max-width: 78ch; }
html[data-theme="clasiconews"] .cn-article-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 70px; min-width: 0; }
html[data-theme="clasiconews"] .cn-side-box { background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 3px solid var(--cn-ink); border-radius: 2px; padding: 13px 14px; box-shadow: none; }
html[data-theme="clasiconews"] .cn-side-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--cn-rule); margin-bottom: 4px; }
html[data-theme="clasiconews"] .cn-side-head h2 { font-family: var(--cn-font-display); font-size: 12.5px; font-weight: 700; margin: 0; }
html[data-theme="clasiconews"] .cn-side-head a { font-size: 9.5px; font-weight: 600; color: var(--cn-red); background: transparent; padding: 0; border: 0; border-radius: 0; }
html[data-theme="clasiconews"] .cn-side-story { display: flex; align-items: baseline; gap: 8px; padding-block: 7px; border-bottom: 1px solid var(--cn-rule-soft); }
html[data-theme="clasiconews"] .cn-side-story:last-child { border-bottom: 0; }
html[data-theme="clasiconews"] .cn-side-story-title { font-size: 10.5px; font-weight: 500; line-height: 1.7; flex: 1; }
html[data-theme="clasiconews"] .cn-side-story:hover .cn-side-story-title { color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-side-story-date { font-size: 8.5px; color: var(--cn-ink-3); flex-shrink: 0; }
html[data-theme="clasiconews"] .cn-side-empty { font-size: 10px; line-height: 1.8; color: var(--cn-ink-3); margin: 6px 0; }
html[data-theme="clasiconews"] .cn-side-box-clasico { background: #0B1220; border-color: #1B2740; border-top-color: var(--cn-red); color: #fff; }
html[data-theme="clasiconews"] .cn-side-box-clasico .cn-side-clasico-title { color: #fff; font-family: var(--cn-font-display); font-size: 18px; font-weight: 800; margin: 5px 0 6px; }
html[data-theme="clasiconews"] .cn-side-box-clasico .cn-side-empty { color: rgba(255, 255, 255, .6); }
html[data-theme="clasiconews"] .cn-side-box-clasico .cn-side-empty span { display: block; }
html[data-theme="clasiconews"] .cn-side-box-clasico .cn-btn { border-color: rgba(255, 255, 255, .26); color: #fff; }
html[data-theme="clasiconews"] .cn-side-box-clasico .cn-btn:hover { background: #fff; color: var(--cn-ink); border-color: #fff; }
html[data-theme="clasiconews"] .cn-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }

/* ===== Matches ===== */
html[data-theme="clasiconews"] .cn-match-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding: 10px 14px;
    background: var(--cn-card);
    border: 1px solid var(--cn-rule);
    border-radius: 2px;
}
html[data-theme="clasiconews"] .cn-toolbar-stat { display: inline-flex; align-items: baseline; gap: 5px; font-size: 10px; color: var(--cn-ink-2); }
html[data-theme="clasiconews"] .cn-toolbar-stat b { font-family: var(--cn-font-condensed); font-size: 20px; font-weight: 700; color: var(--cn-ink); line-height: 1; }
html[data-theme="clasiconews"] .cn-toolbar-updated { margin-inline-start: auto; font-size: 9.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-toolbar-updated time { color: var(--cn-ink); font-weight: 600; }
html[data-theme="clasiconews"] .cn-datebar {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border: 1px solid var(--cn-rule);
    background: var(--cn-card);
    border-radius: 2px;
    margin-bottom: 0;
    overflow: hidden;
}
html[data-theme="clasiconews"] .cn-datebar-tabs { display: flex; flex: 1; min-width: 0; }
html[data-theme="clasiconews"] .cn-datebar-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 44px;
    padding: 8px 20px;
    font-family: var(--cn-font-display);
    font-size: 11.5px;
    font-weight: 600;
    color: var(--cn-ink-2);
    border-inline-end: 1px solid var(--cn-rule-soft);
    transition: all .15s ease;
}
html[data-theme="clasiconews"] .cn-datebar-tab:hover { background: var(--cn-card-2); color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-datebar-tab.is-active { background: var(--cn-ink); color: var(--cn-paper); font-weight: 700; }
html[data-theme="clasiconews"] .cn-datebar-arrow { font-size: 12px; opacity: .6; }
html[data-theme="clasiconews"] .cn-datebar-picker { display: flex; align-items: center; gap: 8px; padding: 6px 12px; border-inline-start: 1px solid var(--cn-rule); }
html[data-theme="clasiconews"] .cn-datebar-label { font-size: 9.5px; color: var(--cn-ink-3); white-space: nowrap; }
html[data-theme="clasiconews"] .cn-datebar-input { min-height: 32px; padding: 3px 8px; font-size: 10.5px; width: auto; }
html[data-theme="clasiconews"] .cn-datebar-reset { font-size: 9.5px; font-weight: 600; color: var(--cn-red); white-space: nowrap; }
html[data-theme="clasiconews"] .cn-filterbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--cn-rule);
    border-top: 0;
    background: var(--cn-card-2);
    margin-bottom: 20px;
    border-radius: 0 0 2px 2px;
}
html[data-theme="clasiconews"] .cn-filtergroup,
html[data-theme="clasiconews"] .cn-filtergroup-clubs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
html[data-theme="clasiconews"] .cn-fixture-groups { display: grid; gap: 20px; }
html[data-theme="clasiconews"] .cn-fixture-group { background: var(--cn-card); border: 1px solid var(--cn-rule); border-radius: 2px; padding: 0 0 12px; overflow: hidden; }
html[data-theme="clasiconews"] .cn-fixture-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; background: var(--cn-card-2); border-bottom: 1px solid var(--cn-rule); }
html[data-theme="clasiconews"] .cn-fixture-league { display: flex; align-items: center; gap: 8px; min-width: 0; }
html[data-theme="clasiconews"] .cn-fixture-league img { object-fit: contain; border-radius: 1px; }
html[data-theme="clasiconews"] .cn-fixture-league h2 { font-family: var(--cn-font-display); font-size: 13.5px; font-weight: 700; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="clasiconews"] .cn-fixture-count { font-size: 9.5px; color: var(--cn-ink-3); flex-shrink: 0; background: var(--cn-card); border: 1px solid var(--cn-rule); padding: 2px 8px; border-radius: 1px; }
html[data-theme="clasiconews"] .cn-fixture-list { display: grid; gap: 1px; background: var(--cn-rule-soft); margin-top: 0; }
html[data-theme="clasiconews"] .cn-fixture-list .cn-match { border: 0; border-radius: 0; background: var(--cn-card); }
html[data-theme="clasiconews"] .cn-fixture-list .cn-match:hover { background: var(--cn-card-2); }
html[data-theme="clasiconews"] .cn-matches-note {
    margin-top: 22px;
    padding: 11px 14px;
    background: var(--cn-card-2);
    border: 1px dashed var(--cn-rule);
    border-radius: 2px;
    font-size: 10px;
    line-height: 1.9;
    color: var(--cn-ink-3);
    max-width: 84ch;
}
html[data-theme="clasiconews"] .cn-match-list { display: grid; gap: 9px; }
html[data-theme="clasiconews"] .cn-mini-head { font-family: var(--cn-font-display); font-size: 10.5px; font-weight: 700; color: var(--cn-ink-2); margin: 14px 0 7px; padding: 0 0 5px; background: none; border: 0; border-bottom: 1px solid var(--cn-rule); border-radius: 0; width: 100%; }
html[data-theme="clasiconews"] .cn-live-strip { display: flex; align-items: center; gap: 9px; padding: 8px 10px; background: var(--cn-red-soft); border: 1px solid color-mix(in srgb, var(--cn-red) 24%, transparent); margin-bottom: 9px; border-radius: 2px; }
html[data-theme="clasiconews"] .cn-table-cta { margin-top: 9px; }

/* ===== Standings ===== */
html[data-theme="clasiconews"] .cn-standings-switch { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--cn-rule); }
html[data-theme="clasiconews"] .cn-standings-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(190px, .55fr); gap: 14px; margin-bottom: 28px; }
html[data-theme="clasiconews"] .cn-standings-card { background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 4px solid var(--cn-blue); border-radius: 2px; overflow: hidden; }
html[data-theme="clasiconews"] .cn-standings-card.is-madrid { border-top-color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-standings-card-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--cn-rule-soft); }
html[data-theme="clasiconews"] .cn-standings-card-name { font-family: var(--cn-font-display); font-size: 16px; font-weight: 700; }
html[data-theme="clasiconews"] .cn-standings-card-name:hover { color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-standings-card-sub { display: block; font-size: 9px; color: var(--cn-ink-3); margin-top: 1px; }
html[data-theme="clasiconews"] .cn-standings-card-points { margin-inline-start: auto; display: flex; flex-direction: column; align-items: flex-end; font-family: var(--cn-font-condensed); font-size: 28px; font-weight: 700; line-height: 1; color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-standings-card-points small { font-family: var(--cn-font-body); font-size: 8px; font-weight: 400; color: var(--cn-ink-3); margin-top: 3px; }
html[data-theme="clasiconews"] .cn-standings-card-metrics { display: grid; grid-template-columns: repeat(4, 1fr); }
html[data-theme="clasiconews"] .cn-standings-card-metrics span { padding: 8px 5px; text-align: center; border-inline-start: 1px solid var(--cn-rule-soft); font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-standings-card-metrics span:first-child { border-inline-start: 0; }
html[data-theme="clasiconews"] .cn-standings-card-metrics b { display: block; font-family: var(--cn-font-condensed); font-size: 15px; font-weight: 700; color: var(--cn-ink); line-height: 1.1; }
html[data-theme="clasiconews"] .cn-standings-card-form { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 14px; border-top: 1px solid var(--cn-rule-soft); font-size: 9px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-form { display: inline-flex; gap: 3px; }
html[data-theme="clasiconews"] .cn-form i { width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; font-style: normal; font-size: 8px; font-weight: 700; color: #fff; border-radius: 1px; }
html[data-theme="clasiconews"] .cn-form i.is-w { background: #15803D; }
html[data-theme="clasiconews"] .cn-form i.is-d { background: #7B8492; }
html[data-theme="clasiconews"] .cn-form i.is-l { background: var(--cn-red); }
html[data-theme="clasiconews"] .cn-form em { font-size: 9px; color: var(--cn-ink-3); font-style: normal; }
html[data-theme="clasiconews"] .cn-standings-gap { background: #0B1220; color: #fff; border-radius: 2px; border-top: 4px solid var(--cn-red); padding: 14px; display: flex; flex-direction: column; gap: 2px; }
html[data-theme="clasiconews"] .cn-standings-gap .cn-kicker { color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-standings-gap b { font-family: var(--cn-font-condensed); font-size: 26px; font-weight: 700; color: #fff; line-height: 1.2; margin-top: 2px; }
html[data-theme="clasiconews"] .cn-standings-gap > span:not(.cn-kicker) { font-size: 9px; color: rgba(255, 255, 255, .55); }
html[data-theme="clasiconews"] .cn-standings-gap-link { margin-top: auto; padding-top: 10px; font-size: 9.5px; font-weight: 600; color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-standings-bottom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 20px; margin-top: 30px; }
html[data-theme="clasiconews"] .cn-standings-note { background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 3px solid var(--cn-ink); padding: 20px 22px; border-radius: 2px; }
html[data-theme="clasiconews"] .cn-standings-note h2 { font-family: var(--cn-font-display); font-size: 20px; font-weight: 800; line-height: 1.5; margin: 6px 0 8px; max-width: 28ch; }
html[data-theme="clasiconews"] .cn-standings-note p { font-size: 11.5px; line-height: 1.95; color: var(--cn-ink-2); margin: 0; max-width: 62ch; }
html[data-theme="clasiconews"] .cn-standings-note .cn-btn { margin-top: 12px; }
html[data-theme="clasiconews"] .cn-table-cta .cn-btn { width: 100%; }

/* ===== Scorers ===== */
html[data-theme="clasiconews"] .cn-scorers-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--cn-rule); }
html[data-theme="clasiconews"] .cn-scorers-switch { margin-inline-start: auto; font-size: 10.5px; font-weight: 600; color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-scorer-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
html[data-theme="clasiconews"] .cn-scorer-podium-card { position: relative; background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 4px solid var(--cn-rule); border-radius: 2px; padding: 14px; display: flex; align-items: center; gap: 10px; }
html[data-theme="clasiconews"] .cn-scorer-podium-card.is-rank-1 { border-top-color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-scorer-podium-card.is-rank-2 { border-top-color: var(--cn-blue); }
html[data-theme="clasiconews"] .cn-scorer-podium-card.is-rank-3 { border-top-color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-scorer-podium-rank { font-family: var(--cn-font-condensed); font-size: 25px; font-weight: 700; color: var(--cn-ink-3); line-height: 1; width: 20px; flex-shrink: 0; }
html[data-theme="clasiconews"] .cn-scorer-podium-avatar { width: 42px; height: 42px; border-radius: 999px; overflow: hidden; flex-shrink: 0; background: var(--cn-card-2); border: 1px solid var(--cn-rule); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: var(--cn-ink-2); }
html[data-theme="clasiconews"] .cn-scorer-podium-avatar img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="clasiconews"] .cn-scorer-podium-copy { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
html[data-theme="clasiconews"] .cn-scorer-podium-team { font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-scorer-podium-name { font-family: var(--cn-font-display); font-size: 12.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="clasiconews"] .cn-scorer-podium-meta { font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-scorer-podium-goals { display: flex; flex-direction: column; align-items: center; font-family: var(--cn-font-condensed); font-size: 29px; font-weight: 700; line-height: 1; color: var(--cn-red); flex-shrink: 0; }
html[data-theme="clasiconews"] .cn-scorer-podium-goals small { font-family: var(--cn-font-body); font-size: 7.5px; font-weight: 400; color: var(--cn-ink-3); margin-top: 2px; }
html[data-theme="clasiconews"] .cn-scorers-table { font-size: 11.5px; }
html[data-theme="clasiconews"] .cn-scorers-goals { display: inline-flex; min-width: 26px; justify-content: center; padding: 1px 6px; background: var(--cn-ink); color: var(--cn-paper); font-family: var(--cn-font-condensed); font-size: 14px; font-weight: 700; border-radius: 1px; }

/* ===== Stats ===== */
html[data-theme="clasiconews"] .cn-stats-leadbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 16px; padding: 14px 16px; background: #0B1220; border-radius: 2px; border-inline-start: 4px solid var(--cn-red); color: #fff; }
html[data-theme="clasiconews"] .cn-stats-leader { display: flex; align-items: center; gap: 10px; min-width: 0; }
html[data-theme="clasiconews"] .cn-stats-leader-avatar { width: 44px; height: 44px; border-radius: 999px; overflow: hidden; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); font-size: 10px; font-weight: 600; color: #fff; }
html[data-theme="clasiconews"] .cn-stats-leader-avatar img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="clasiconews"] .cn-stats-leader span:last-child { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
html[data-theme="clasiconews"] .cn-stats-leader small { font-size: 8px; color: rgba(255, 255, 255, .45); }
html[data-theme="clasiconews"] .cn-stats-leader b,
html[data-theme="clasiconews"] .cn-stats-leader a { font-family: var(--cn-font-display); font-size: 13px; font-weight: 700; color: #fff; }
html[data-theme="clasiconews"] .cn-stats-leader span span { font-family: var(--cn-font-condensed); font-size: 9px; color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-stats-sync { font-size: 9px; color: rgba(255, 255, 255, .5); }
html[data-theme="clasiconews"] .cn-stats-filters { align-items: flex-start; flex-direction: column; }
html[data-theme="clasiconews"] .cn-stats-filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; width: 100%; }
html[data-theme="clasiconews"] .cn-stats-filter-label { font-size: 9.5px; font-weight: 600; color: var(--cn-ink-3); white-space: nowrap; }
html[data-theme="clasiconews"] .cn-stats-filter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 10px; align-items: end; }
html[data-theme="clasiconews"] .cn-stats-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html[data-theme="clasiconews"] .cn-stats-field .cn-input { min-height: 36px; font-size: 11px; }
html[data-theme="clasiconews"] .cn-stats-note { font-size: 9.5px; line-height: 1.9; color: var(--cn-ink-3); margin: 0 0 16px; max-width: 90ch; }
html[data-theme="clasiconews"] .cn-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
html[data-theme="clasiconews"] .cn-podium-card { position: relative; background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 4px solid var(--cn-blue); border-radius: 2px; padding: 14px; display: flex; align-items: center; gap: 10px; }
html[data-theme="clasiconews"] .cn-podium-card.is-madrid { border-top-color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-podium-card.is-rank-1 { border-top-color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-podium-rank { position: static; font-family: var(--cn-font-condensed); font-size: 26px; font-weight: 700; color: var(--cn-ink-3); line-height: 1; width: 20px; flex-shrink: 0; }
html[data-theme="clasiconews"] .cn-scorer-podium-rank { position: static; font-family: var(--cn-font-condensed); font-size: 25px; font-weight: 700; color: var(--cn-ink-3); line-height: 1; width: 20px; flex-shrink: 0; }
html[data-theme="clasiconews"] .cn-podium-avatar { width: 44px; height: 44px; border-radius: 999px; overflow: hidden; flex-shrink: 0; background: var(--cn-card-2); border: 1px solid var(--cn-rule); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: var(--cn-ink-2); }
html[data-theme="clasiconews"] .cn-podium-avatar img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="clasiconews"] .cn-podium-copy { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
html[data-theme="clasiconews"] .cn-podium-club { font-family: var(--cn-font-condensed); font-size: 8.5px; font-weight: 600; letter-spacing: .06em; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-podium-name { font-family: var(--cn-font-display); font-size: 12.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="clasiconews"] .cn-podium-pos { font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-podium-value { display: flex; flex-direction: column; align-items: center; font-family: var(--cn-font-condensed); font-size: 28px; font-weight: 700; line-height: 1; color: var(--cn-red); flex-shrink: 0; }
html[data-theme="clasiconews"] .cn-podium-value small { font-family: var(--cn-font-body); font-size: 7.5px; font-weight: 400; color: var(--cn-ink-3); margin-top: 2px; }
html[data-theme="clasiconews"] .cn-stats-aggregate { background: #0B1220; color: #fff; border-radius: 2px; padding: 16px; margin-bottom: 26px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
html[data-theme="clasiconews"] .cn-stats-agg-col { background: transparent; border-inline-start: 1px solid rgba(255, 255, 255, .1); padding-inline-start: 16px; }
html[data-theme="clasiconews"] .cn-stats-agg-col:first-child { border-inline-start: 0; padding-inline-start: 0; }
html[data-theme="clasiconews"] .cn-stats-agg-head { display: flex; align-items: center; gap: 7px; font-family: var(--cn-font-display); font-size: 13px; font-weight: 700; color: #fff; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, .12); margin-bottom: 8px; }
html[data-theme="clasiconews"] .cn-stats-agg-col.is-barca .cn-stats-agg-head { color: #8EC0F0; }
html[data-theme="clasiconews"] .cn-stats-agg-col.is-madrid .cn-stats-agg-head { color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-stats-agg-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 12px; font-size: 8.5px; color: rgba(255, 255, 255, .52); }
html[data-theme="clasiconews"] .cn-stats-agg-grid b { display: block; font-family: var(--cn-font-condensed); font-size: 18px; font-weight: 700; color: #fff; line-height: 1.2; }
html[data-theme="clasiconews"] .cn-stats-table-wrap { margin-bottom: 0; }
html[data-theme="clasiconews"] .cn-stats-table { font-size: 11px; }
html[data-theme="clasiconews"] .cn-stats-player { display: flex; align-items: center; gap: 8px; min-width: 0; }
html[data-theme="clasiconews"] .cn-stats-player-avatar { width: 30px; height: 30px; border-radius: 999px; overflow: hidden; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: var(--cn-card-2); border: 1px solid var(--cn-rule); font-size: 8px; font-weight: 700; color: var(--cn-ink-2); }
html[data-theme="clasiconews"] .cn-stats-player-avatar img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="clasiconews"] .cn-stats-player-name { font-size: 11px; font-weight: 600; color: var(--cn-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="clasiconews"] .cn-stats-team { display: block; font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-stats-team.is-barca { color: var(--cn-blue); }
html[data-theme="clasiconews"] .cn-stats-team.is-madrid { color: var(--cn-gold); }
html[data-theme="clasiconews"] .cn-stats-strong { font-weight: 700; color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-stats-rating { display: inline-flex; min-width: 36px; justify-content: center; padding: 2px 6px; background: var(--cn-ink); color: var(--cn-paper); font-family: var(--cn-font-condensed); font-size: 13px; font-weight: 700; border-radius: 1px; }
html[data-theme="clasiconews"] .cn-stats-legend { justify-content: flex-start; }
html[data-theme="clasiconews"] .cn-stats-method { margin-top: 28px; padding: 22px 24px; background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 3px solid var(--cn-ink); border-radius: 2px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
html[data-theme="clasiconews"] .cn-stats-method h2 { font-family: var(--cn-font-display); font-size: 18px; font-weight: 800; margin: 5px 0 4px; }
html[data-theme="clasiconews"] .cn-stats-method p { font-size: 11px; line-height: 1.9; color: var(--cn-ink-2); margin: 0; max-width: 72ch; flex: 1 1 400px; }
html[data-theme="clasiconews"] .cn-stats-method .cn-btn { flex-shrink: 0; }

/* ===== Club page ===== */
html[data-theme="clasiconews"] .cn-club-page.is-barca { --cn-club-accent: var(--cn-blue); --cn-club-accent-soft: var(--cn-blue-soft); }
html[data-theme="clasiconews"] .cn-club-page.is-madrid { --cn-club-accent: var(--cn-gold); --cn-club-accent-soft: var(--cn-gold-soft); }
html[data-theme="clasiconews"] .cn-club-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr);
    gap: 20px;
    background: var(--cn-card);
    border: 1px solid var(--cn-rule);
    border-top: 4px solid var(--cn-club-accent, var(--cn-blue));
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 28px;
}
html[data-theme="clasiconews"] .cn-club-identity { display: flex; align-items: flex-start; gap: 16px; min-width: 0; }
html[data-theme="clasiconews"] .cn-club-crest { width: 88px; height: 88px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--cn-card-2); border: 1px solid var(--cn-rule); border-radius: 2px; }
html[data-theme="clasiconews"] .cn-club-name { font-family: var(--cn-font-display); font-size: clamp(27px, 3.4vw, 42px); font-weight: 900; line-height: 1.3; margin: 4px 0 7px; }
html[data-theme="clasiconews"] .cn-club-lead { font-size: 12px; line-height: 1.95; color: var(--cn-ink-2); max-width: 64ch; margin: 0; }
html[data-theme="clasiconews"] .cn-club-facts { display: flex; flex-wrap: wrap; gap: 7px 18px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--cn-rule); font-size: 9.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-club-facts b { color: var(--cn-ink); font-weight: 600; }
html[data-theme="clasiconews"] .cn-club-card { background: var(--cn-card-2); border: 1px solid var(--cn-rule); border-radius: 2px; padding: 12px 14px; }
html[data-theme="clasiconews"] .cn-club-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--cn-rule); margin-bottom: 2px; font-family: var(--cn-font-display); font-size: 11px; font-weight: 700; }
html[data-theme="clasiconews"] .cn-club-card-head a { font-family: var(--cn-font-body); font-size: 9px; color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-club-card-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 6px; border-bottom: 1px solid var(--cn-rule-soft); }
html[data-theme="clasiconews"] .cn-club-card-label { font-size: 9.5px; color: var(--cn-ink-2); }
html[data-theme="clasiconews"] .cn-club-card-value { font-family: var(--cn-font-condensed); font-size: 18px; font-weight: 700; color: var(--cn-club-accent); line-height: 1; }
html[data-theme="clasiconews"] .cn-club-form { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 8px; }
html[data-theme="clasiconews"] .cn-club-card-team { display: block; margin-top: 9px; padding: 7px 10px; border: 1px solid var(--cn-rule); background: var(--cn-card); font-size: 9px; font-weight: 600; color: var(--cn-club-accent); border-radius: 2px; text-align: center; }
html[data-theme="clasiconews"] .cn-club-card-team:hover { background: var(--cn-ink); color: var(--cn-paper); border-color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-club-next { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 15px; background: var(--cn-card); border: 1px solid var(--cn-rule); border-radius: 2px; padding: 11px 14px; margin-bottom: 24px; }
html[data-theme="clasiconews"] .cn-club-next-label { display: flex; flex-direction: column; gap: 2px; }
html[data-theme="clasiconews"] .cn-club-next-comp { font-family: var(--cn-font-display); font-size: 10.5px; font-weight: 700; }
html[data-theme="clasiconews"] .cn-club-next-body { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0; }
html[data-theme="clasiconews"] .cn-club-next-side { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 11px; font-weight: 500; }
html[data-theme="clasiconews"] .cn-club-next-side.is-away { flex-direction: row-reverse; text-align: left; }
html[data-theme="clasiconews"] .cn-club-next-side span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-theme="clasiconews"] .cn-club-next-when { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; padding-inline: 10px; border-inline: 1px solid var(--cn-rule); }
html[data-theme="clasiconews"] .cn-club-next-when b { font-family: var(--cn-font-condensed); font-size: 14px; font-weight: 700; }
html[data-theme="clasiconews"] .cn-club-next-when span { font-size: 9px; color: var(--cn-ink-2); }
html[data-theme="clasiconews"] .cn-club-next-link { font-size: 10px; font-weight: 600; color: #fff; background: var(--cn-club-accent); padding: 8px 14px; border-radius: 2px; white-space: nowrap; }
html[data-theme="clasiconews"] .cn-club-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .72fr); gap: 26px; align-items: start; }
html[data-theme="clasiconews"] .cn-club-news { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
html[data-theme="clasiconews"] .cn-club-news > :first-child { grid-column: 1 / -1; }
html[data-theme="clasiconews"] .cn-club-live { display: grid; gap: 8px; margin-bottom: 7px; }
html[data-theme="clasiconews"] .cn-club-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 70px; }
html[data-theme="clasiconews"] .cn-player-list { background: var(--cn-card); border: 1px solid var(--cn-rule); border-radius: 2px; overflow: hidden; }
html[data-theme="clasiconews"] .cn-player-row { display: flex; align-items: center; gap: 10px; padding: 8px 11px; border-bottom: 1px solid var(--cn-rule-soft); }
html[data-theme="clasiconews"] .cn-player-row:last-child { border-bottom: 0; }
html[data-theme="clasiconews"] .cn-player-row:hover { background: var(--cn-card-2); }
html[data-theme="clasiconews"] .cn-player-rank { width: 20px; font-family: var(--cn-font-condensed); font-size: 12px; font-weight: 600; color: var(--cn-ink-3); text-align: center; }
html[data-theme="clasiconews"] .cn-player-avatar { width: 34px; height: 34px; border-radius: 999px; overflow: hidden; flex-shrink: 0; background: var(--cn-club-accent-soft); color: var(--cn-club-accent); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; border: 1px solid var(--cn-rule); }
html[data-theme="clasiconews"] .cn-player-avatar img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="clasiconews"] .cn-player-name { flex: 1; min-width: 0; }
html[data-theme="clasiconews"] .cn-player-name b { display: block; font-size: 11px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-theme="clasiconews"] .cn-player-name small { display: block; font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-player-figures { display: flex; align-items: center; gap: 10px; flex-shrink: 0; font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-player-figures b { font-family: var(--cn-font-condensed); font-size: 13px; color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-player-rating { min-width: 36px; text-align: center; padding: 3px 5px; background: var(--cn-club-accent); color: #fff; font-family: var(--cn-font-condensed); font-size: 12px; font-weight: 700; border-radius: 1px; }
html[data-theme="clasiconews"] .cn-side-box-league .cn-table-wrap { border: 0; border-radius: 0; }
html[data-theme="clasiconews"] .cn-side-box-league .cn-table { font-size: 9.5px; }
html[data-theme="clasiconews"] .cn-side-box-league .cn-table th,
html[data-theme="clasiconews"] .cn-side-box-league .cn-table td { padding: 6px 4px; }
html[data-theme="clasiconews"] .cn-side-box-league .cn-team-name { font-size: 9.5px; }

/* ===== Clásico dossier ===== */
html[data-theme="clasiconews"] .cn-clasico-hero {
    background: #0B1220;
    color: #fff;
    border-radius: 2px;
    padding: 22px 24px 24px;
    border-top: 4px solid var(--cn-red);
    margin-bottom: 28px;
    position: relative;
    overflow: hidden;
}
html[data-theme="clasiconews"] .cn-clasico-hero::after { content: ''; position: absolute; inset-inline-end: -100px; top: -140px; width: 340px; height: 340px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 999px; pointer-events: none; }
html[data-theme="clasiconews"] .cn-clasico-hero-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
html[data-theme="clasiconews"] .cn-clasico-hero-head .cn-kicker { color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-clasico-edition { font-size: 9px; color: rgba(255, 255, 255, .42); letter-spacing: .1em; background: transparent; padding: 0; border: 0; border-radius: 0; }
html[data-theme="clasiconews"] .cn-clasico-hero-title { font-family: var(--cn-font-display); font-size: clamp(30px, 4.2vw, 48px); font-weight: 900; line-height: 1.35; margin: 0 0 6px; color: #fff; }
html[data-theme="clasiconews"] .cn-clasico-hero-lead { font-size: 12px; line-height: 1.95; color: rgba(255, 255, 255, .58); max-width: 74ch; margin: 0 0 18px; }
html[data-theme="clasiconews"] .cn-clasico-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .75fr) minmax(0, 1fr); gap: 12px; align-items: stretch; background: transparent; }
html[data-theme="clasiconews"] .cn-clasico-side { display: flex; flex-direction: row; align-items: center; gap: 12px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); border-radius: 2px; padding: 12px 14px; transition: background .15s ease, border-color .15s ease; }
html[data-theme="clasiconews"] .cn-clasico-side:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .24); }
html[data-theme="clasiconews"] .cn-clasico-side.is-barca { border-top: 3px solid var(--cn-blue); }
html[data-theme="clasiconews"] .cn-clasico-side.is-madrid { border-top: 3px solid var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-clasico-side-copy { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
html[data-theme="clasiconews"] .cn-clasico-side-copy b { font-family: var(--cn-font-display); font-size: 15px; font-weight: 700; color: #fff; }
html[data-theme="clasiconews"] .cn-clasico-side-copy small { font-size: 9px; color: rgba(255, 255, 255, .5); }
html[data-theme="clasiconews"] .cn-clasico-side-link { margin-inline-start: auto; font-size: 9px; font-weight: 600; color: var(--cn-gold-2); white-space: nowrap; }
html[data-theme="clasiconews"] .cn-clasico-center { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 10px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .03); border-radius: 2px; }
html[data-theme="clasiconews"] .cn-clasico-center-tag { font-size: 9px; color: var(--cn-red); font-weight: 600; }
html[data-theme="clasiconews"] .cn-clasico-center-date { font-family: var(--cn-font-display); font-size: 14px; font-weight: 700; color: #fff; margin-top: 3px; }
html[data-theme="clasiconews"] .cn-clasico-center-time { font-size: 10px; color: rgba(255, 255, 255, .55); }
html[data-theme="clasiconews"] .cn-clasico-center-venue { font-size: 9px; color: rgba(255, 255, 255, .4); margin-top: 3px; }
html[data-theme="clasiconews"] .cn-clasico-countdown { display: flex; align-items: baseline; gap: 4px; margin-top: 6px; }
html[data-theme="clasiconews"] .cn-clasico-countdown b { font-family: var(--cn-font-condensed); font-size: 30px; font-weight: 700; color: var(--cn-gold-2); line-height: 1; }
html[data-theme="clasiconews"] .cn-clasico-countdown span { font-size: 9px; color: rgba(255, 255, 255, .5); }
html[data-theme="clasiconews"] .cn-clasico-center-pending { font-size: 10px; line-height: 1.8; color: rgba(255, 255, 255, .55); margin: 5px 0 0; }
html[data-theme="clasiconews"] .cn-h2h { background: var(--cn-card); border: 1px solid var(--cn-rule); border-radius: 2px; padding: 16px 18px; }
html[data-theme="clasiconews"] .cn-h2h-score { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 12px; }
html[data-theme="clasiconews"] .cn-h2h-side { display: flex; flex-direction: column; gap: 1px; }
html[data-theme="clasiconews"] .cn-h2h-side.is-barca { text-align: start; }
html[data-theme="clasiconews"] .cn-h2h-side.is-madrid { text-align: end; }
html[data-theme="clasiconews"] .cn-h2h-side b { font-family: var(--cn-font-condensed); font-size: 38px; font-weight: 700; line-height: 1; color: var(--cn-blue); }
html[data-theme="clasiconews"] .cn-h2h-side.is-madrid b { color: var(--cn-gold); }
html[data-theme="clasiconews"] .cn-h2h-side span { font-size: 9.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-h2h-draw { display: flex; flex-direction: column; align-items: center; }
html[data-theme="clasiconews"] .cn-h2h-draw b { font-family: var(--cn-font-condensed); font-size: 26px; font-weight: 700; color: var(--cn-ink-3); line-height: 1; }
html[data-theme="clasiconews"] .cn-h2h-draw span { font-size: 9px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-h2h-bar { display: flex; height: 12px; margin-top: 12px; overflow: hidden; border-radius: 1px; }
html[data-theme="clasiconews"] .cn-h2h-bar .is-barca { background: var(--cn-blue); }
html[data-theme="clasiconews"] .cn-h2h-bar .is-draw { background: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-h2h-bar .is-madrid { background: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-h2h-legend { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; font-family: var(--cn-font-condensed); font-size: 11px; font-weight: 600; }
html[data-theme="clasiconews"] .cn-h2h-legend .is-barca { color: var(--cn-blue); }
html[data-theme="clasiconews"] .cn-h2h-legend .is-draw { color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-h2h-legend .is-madrid { color: var(--cn-gold); }
html[data-theme="clasiconews"] .cn-h2h-goals { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--cn-rule); font-size: 10px; color: var(--cn-ink-2); }
html[data-theme="clasiconews"] .cn-h2h-goals b { font-family: var(--cn-font-condensed); font-size: 16px; color: var(--cn-ink); margin-inline-start: 4px; }
html[data-theme="clasiconews"] .cn-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
html[data-theme="clasiconews"] .cn-compare-col { background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 4px solid var(--cn-blue); border-radius: 2px; padding: 15px 16px; }
html[data-theme="clasiconews"] .cn-compare-col.is-madrid { border-top-color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-compare-head { display: flex; align-items: center; gap: 10px; padding-bottom: 9px; border-bottom: 1px solid var(--cn-rule); margin-bottom: 9px; }
html[data-theme="clasiconews"] .cn-compare-head b { font-family: var(--cn-font-display); font-size: 15px; font-weight: 700; }
html[data-theme="clasiconews"] .cn-compare-head small { display: block; font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-compare-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px 12px; }
html[data-theme="clasiconews"] .cn-compare-metrics div { display: flex; flex-direction: column; gap: 0; }
html[data-theme="clasiconews"] .cn-compare-metrics span { font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-compare-metrics b { font-family: var(--cn-font-condensed); font-size: 19px; font-weight: 700; color: var(--cn-ink); line-height: 1.2; }
html[data-theme="clasiconews"] .cn-compare-players { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--cn-rule-soft); display: flex; flex-direction: column; gap: 2px; }
html[data-theme="clasiconews"] .cn-compare-player { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 9.5px; padding: 2px 0; background: transparent; border: 0; border-radius: 0; }
html[data-theme="clasiconews"] .cn-compare-player:hover { color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-compare-player-rating { font-family: var(--cn-font-condensed); font-size: 12px; font-weight: 700; color: var(--cn-red); background: transparent; padding: 0; border-radius: 0; min-width: 0; }
html[data-theme="clasiconews"] .cn-h2h-list { display: flex; flex-direction: column; background: var(--cn-card); border: 1px solid var(--cn-rule); border-radius: 2px; overflow: hidden; }
html[data-theme="clasiconews"] .cn-h2h-row { display: grid; grid-template-columns: 78px minmax(0, 1fr) 64px minmax(0, 1fr) 70px; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--cn-rule-soft); font-size: 10px; }
html[data-theme="clasiconews"] .cn-h2h-row:last-child { border-bottom: 0; }
html[data-theme="clasiconews"] .cn-h2h-row:hover { background: var(--cn-card-2); }
html[data-theme="clasiconews"] .cn-h2h-row-date { font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-h2h-row-team { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-theme="clasiconews"] .cn-h2h-row-team.is-barca { color: var(--cn-blue); }
html[data-theme="clasiconews"] .cn-h2h-row-team.is-madrid { color: var(--cn-gold); }
html[data-theme="clasiconews"] .cn-h2h-row-team.is-away { text-align: left; }
html[data-theme="clasiconews"] .cn-h2h-row-score { text-align: center; font-family: var(--cn-font-condensed); font-size: 15px; font-weight: 700; background: var(--cn-ink); color: var(--cn-paper); padding: 1px 4px; border-radius: 1px; }
html[data-theme="clasiconews"] .cn-h2h-row-verdict { text-align: center; font-size: 8px; font-weight: 600; padding: 2px 4px; border-radius: 1px; background: var(--cn-card-2); color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-h2h-row-verdict.is-barca { background: var(--cn-blue-soft); color: var(--cn-blue); }
html[data-theme="clasiconews"] .cn-h2h-row-verdict.is-madrid { background: var(--cn-gold-soft); color: var(--cn-gold); }
html[data-theme="clasiconews"] .cn-clasico-news { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

/* ===== Highlights ===== */
html[data-theme="clasiconews"] .cn-video-layout { display: grid; grid-template-columns: minmax(0, 8.2fr) minmax(280px, 3.8fr); gap: 30px; align-items: start; }
html[data-theme="clasiconews"] .cn-video-main { min-width: 0; }
html[data-theme="clasiconews"] .cn-video-head { border-top: 3px solid var(--cn-ink); padding-top: 14px; margin-bottom: 14px; }
html[data-theme="clasiconews"] .cn-video-head .cn-video-title { font-family: var(--cn-font-display); font-size: clamp(24px, 3.1vw, 38px); font-weight: 800; line-height: 1.45; margin: 7px 0 8px; color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-video-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 9.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-video-player { position: relative; aspect-ratio: 16 / 9; background: #0B1220; border: 1px solid var(--cn-rule); border-radius: 2px; overflow: hidden; }
html[data-theme="clasiconews"] .cn-video-player iframe,
html[data-theme="clasiconews"] .cn-video-player video { width: 100%; height: 100%; border: 0; display: block; }
html[data-theme="clasiconews"] .cn-video-player .cn-video-empty { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, .6); font-size: 12px; }
html[data-theme="clasiconews"] .cn-video-placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; text-align: center; padding: 20px; background: radial-gradient(circle at 50% 40%, #16233A, #0B1220 72%); }
html[data-theme="clasiconews"] .cn-video-placeholder-mark { width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; background: var(--cn-red); color: #fff; border-radius: 999px; margin-bottom: 5px; }
html[data-theme="clasiconews"] .cn-video-placeholder strong { font-family: var(--cn-font-display); font-size: 15px; font-weight: 700; color: #fff; }
html[data-theme="clasiconews"] .cn-video-placeholder span:last-child { font-size: 10px; color: rgba(255, 255, 255, .5); }
html[data-theme="clasiconews"] .cn-video-desc { margin-top: 18px; font-size: 13px; }
html[data-theme="clasiconews"] .cn-video-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 70px; }
html[data-theme="clasiconews"] .cn-metro-story { display: flex; align-items: center; gap: 9px; padding-block: 7px; border-bottom: 1px solid var(--cn-rule-soft); }
html[data-theme="clasiconews"] .cn-metro-story:last-child { border-bottom: 0; }
html[data-theme="clasiconews"] .cn-metro-thumb { width: 64px; height: 40px; flex-shrink: 0; overflow: hidden; background: var(--cn-paper-2); border: 1px solid var(--cn-rule); border-radius: 1px; }
html[data-theme="clasiconews"] .cn-metro-thumb img { width: 100%; height: 100%; object-fit: cover; }
html[data-theme="clasiconews"] .cn-metro-copy { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
html[data-theme="clasiconews"] .cn-metro-copy b { font-family: var(--cn-font-display); font-size: 10.5px; font-weight: 600; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html[data-theme="clasiconews"] .cn-metro-copy small { font-size: 8.5px; color: var(--cn-ink-3); }
html[data-theme="clasiconews"] .cn-metro-story:hover b { color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-video-related { margin-top: 32px; }

/* ===== Search / static pages ===== */
html[data-theme="clasiconews"] .cn-page-layout { display: grid; grid-template-columns: minmax(0, 8.4fr) minmax(280px, 3.6fr); gap: 30px; align-items: start; }
html[data-theme="clasiconews"] .cn-page-body { min-width: 0; }
html[data-theme="clasiconews"] .cn-page-head-tight { margin-bottom: 18px; }
html[data-theme="clasiconews"] .cn-page-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 70px; }
html[data-theme="clasiconews"] .cn-page-link { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--cn-rule-soft); font-size: 10.5px; color: var(--cn-ink-2); }
html[data-theme="clasiconews"] .cn-page-link:last-child { border-bottom: 0; }
html[data-theme="clasiconews"] .cn-page-link:hover { color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-static-footer { margin-top: 26px; padding-top: 12px; border-top: 1px solid var(--cn-rule); font-size: 9.5px; color: var(--cn-ink-3); }

/* ===== App install ===== */
html[data-theme="clasiconews"] .cn-app-hero { background: #0B1220; color: #fff; border-radius: 2px; border-top: 4px solid var(--cn-red); padding: 28px; margin-bottom: 30px; }
html[data-theme="clasiconews"] .cn-app-hero-inner { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
html[data-theme="clasiconews"] .cn-app-icon-wrapper { position: relative; flex-shrink: 0; }
html[data-theme="clasiconews"] .cn-app-icon { border-radius: 18px; }
html[data-theme="clasiconews"] .cn-app-verified-badge { position: absolute; bottom: -4px; inset-inline-end: -4px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; background: var(--cn-red); color: #fff; border-radius: 999px; border: 2px solid #0B1220; font-size: 11px; }
html[data-theme="clasiconews"] .cn-app-hero-content { flex: 1; min-width: 260px; }
html[data-theme="clasiconews"] .cn-app-title { font-family: var(--cn-font-display); font-size: clamp(25px, 3.4vw, 40px); font-weight: 900; line-height: 1.4; margin: 8px 0 6px; color: #fff; }
html[data-theme="clasiconews"] .cn-app-tagline { font-size: 12px; line-height: 1.9; color: rgba(255, 255, 255, .6); max-width: 66ch; margin: 0 0 14px; }
html[data-theme="clasiconews"] .cn-app-hero-actions { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-theme="clasiconews"] .cn-app-meta-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
html[data-theme="clasiconews"] .cn-app-meta-badges .cn-pill { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .7); }
html[data-theme="clasiconews"] .cn-pwa-num { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; background: var(--cn-red); color: #fff; border-radius: 999px; font-family: var(--cn-font-condensed); font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 2px; }
html[data-theme="clasiconews"] .cn-app-install-btn { background: var(--cn-red); color: #fff; border-color: var(--cn-red); }
html[data-theme="clasiconews"] .cn-app-install-btn:hover { background: #fff; color: var(--cn-ink); border-color: #fff; }
html[data-theme="clasiconews"] .cn-app-feature-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cn-red-soft);
    border: 1px solid color-mix(in srgb, var(--cn-red) 22%, transparent);
    color: var(--cn-red);
    border-radius: 2px;
    margin-bottom: 2px;
}
html[data-theme="clasiconews"] #cn-app-install-page .cn-btn-gold {
    background: var(--cn-red);
    border-color: var(--cn-red);
    color: #fff;
}
html[data-theme="clasiconews"] #cn-app-install-page .cn-btn-gold:hover { background: var(--cn-red-2); border-color: var(--cn-red-2); }
html[data-theme="clasiconews"] #cn-app-install-page .cn-app-hero-content { align-items: flex-start; }
html[data-theme="clasiconews"] #cn-app-install-page .cn-app-hero-content .cn-pill {
    display: inline-flex;
    width: auto;
    align-self: flex-start;
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .16);
    color: var(--cn-gold-2);
    font-size: 10px;
}
html[data-theme="clasiconews"] #cn-app-install-page .cn-app-hero .cn-btn-ghost {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .34);
}
html[data-theme="clasiconews"] #cn-app-install-page .cn-app-hero .cn-btn-ghost:hover { background: #fff; color: var(--cn-ink); border-color: #fff; }

/* ===== Offline ===== */
html[data-theme="clasiconews"] .cn-offline-card { background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 4px solid var(--cn-red); border-radius: 2px; padding: 32px; text-align: center; max-width: 560px; margin: 40px auto; }
html[data-theme="clasiconews"] .cn-offline-icon { color: var(--cn-red); margin-bottom: 8px; }
html[data-theme="clasiconews"] .cn-offline-actions { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 14px; }

/* ===== PWA ===== */
html[data-theme="clasiconews"] .cn-pwa-overlay { position: fixed; inset: 0; z-index: 100; background: rgba(7, 10, 18, .72); display: flex; align-items: center; justify-content: center; padding: 18px; backdrop-filter: blur(6px); }
html[data-theme="clasiconews"] .cn-pwa-welcome-card { width: min(100%, 470px); background: var(--cn-card); color: var(--cn-ink); border: 1px solid var(--cn-rule); box-shadow: var(--cn-shadow-lg); padding: 26px 22px 22px; position: relative; border-radius: 2px; overflow: hidden; animation: cnModalPop .28s ease-out; }
html[data-theme="clasiconews"] .cn-pwa-welcome-card::before { content: ''; position: absolute; inset-inline: 0; top: 0; height: 4px; background: var(--cn-bar); }
@keyframes cnModalPop { from { transform: scale(.97) translateY(6px); opacity: 0; } to { transform: scale(1) translateY(0); opacity: 1; } }
html[data-theme="clasiconews"] .cn-pwa-close-btn { position: absolute; top: 14px; inset-inline-end: 14px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--cn-rule); background: var(--cn-card-2); color: var(--cn-ink-2); border-radius: 2px; cursor: pointer; font-size: 13px; }
html[data-theme="clasiconews"] .cn-pwa-welcome-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
html[data-theme="clasiconews"] .cn-pwa-welcome-title { font-family: var(--cn-font-display); font-size: 18px; font-weight: 800; margin: 2px 0 0; line-height: 1.4; }
html[data-theme="clasiconews"] .cn-pwa-welcome-sub { font-size: 11px; color: var(--cn-ink-2); line-height: 1.7; margin: 0; }
html[data-theme="clasiconews"] .cn-pwa-features { display: flex; flex-direction: column; gap: 8px; background: var(--cn-card-2); border: 1px solid var(--cn-rule); padding: 12px 14px; border-radius: 2px; margin-bottom: 16px; }
html[data-theme="clasiconews"] .cn-pwa-feature { display: flex; align-items: flex-start; gap: 9px; font-size: 11px; }
html[data-theme="clasiconews"] .cn-pwa-feature strong { display: block; font-family: var(--cn-font-display); font-size: 11.5px; font-weight: 700; }
html[data-theme="clasiconews"] .cn-pwa-feature p { margin: 0; color: var(--cn-ink-2); font-size: 10px; line-height: 1.6; }
html[data-theme="clasiconews"] .cn-pwa-welcome-actions { display: flex; flex-direction: column; gap: 8px; }
html[data-theme="clasiconews"] .cn-pwa-primary-btn { width: 100%; min-height: 44px; font-size: 13px; font-weight: 700; background: var(--cn-red); border-color: var(--cn-red); color: #fff; }
html[data-theme="clasiconews"] .cn-pwa-secondary-btn { width: 100%; min-height: 38px; font-size: 11px; color: var(--cn-ink-2); border: 1px solid var(--cn-rule); border-radius: 2px; background: var(--cn-card); }
html[data-theme="clasiconews"] .cn-pwa-platform-hint { text-align: center; font-size: 9px; color: var(--cn-ink-3); margin: 9px 0 0; }
html[data-theme="clasiconews"] .cn-pwa-banner { position: fixed; z-index: 50; inset-inline: 14px; bottom: calc(88px + env(safe-area-inset-bottom)); display: flex; justify-content: center; pointer-events: none; }
html[data-theme="clasiconews"] .cn-pwa-inner { pointer-events: auto; width: min(100%, 580px); display: flex; align-items: center; gap: 13px; background: var(--cn-card); border: 1px solid var(--cn-rule); box-shadow: var(--cn-shadow-lg); padding: 11px 14px; border-radius: 2px; }
html[data-theme="clasiconews"] .cn-pwa-copy { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
html[data-theme="clasiconews"] .cn-pwa-copy strong { font-family: var(--cn-font-display); font-size: 12px; font-weight: 700; }
html[data-theme="clasiconews"] .cn-pwa-copy span { font-size: 10px; color: var(--cn-ink-2); line-height: 1.6; }
html[data-theme="clasiconews"] .cn-pwa-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
html[data-theme="clasiconews"] .cn-pwa-dismiss { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; color: var(--cn-ink-3); font-size: 13px; border: 0; background: transparent; cursor: pointer; border-radius: 2px; }
html[data-theme="clasiconews"] .cn-pwa-dismiss:hover { background: var(--cn-card-2); color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-pwa-modal { width: min(100%, 440px); background: var(--cn-card); color: var(--cn-ink); border: 1px solid var(--cn-rule); padding: 22px; box-shadow: var(--cn-shadow-lg); border-radius: 2px; }
@media (min-width: 901px) { html[data-theme="clasiconews"] .cn-pwa-banner { bottom: 22px; } }

/* ===== Match detail ===== */
html[data-theme="clasiconews"] .cn-matchpage {
    background: #0B1220;
    color: #fff;
    border-radius: 2px;
    border-top: 4px solid var(--cn-red);
    padding: 20px 24px 0;
    margin-bottom: 28px;
    position: relative;
    overflow: hidden;
}
html[data-theme="clasiconews"] .cn-matchpage::after { content: ''; position: absolute; inset-inline-end: -90px; top: -130px; width: 300px; height: 300px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 999px; pointer-events: none; }
html[data-theme="clasiconews"] .cn-matchpage-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
html[data-theme="clasiconews"] .cn-matchpage-top .cn-kicker { color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-matchpage-comp { font-size: 10px; color: rgba(255, 255, 255, .5); }
html[data-theme="clasiconews"] .cn-matchpage-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr) minmax(0, 1fr); align-items: center; gap: 16px; padding: 24px 0 22px; }
html[data-theme="clasiconews"] .cn-matchpage-team { display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; min-width: 0; }
html[data-theme="clasiconews"] .cn-matchpage-team-label { font-size: 8.5px; color: rgba(255, 255, 255, .4); }
html[data-theme="clasiconews"] .cn-matchpage-team-name { font-family: var(--cn-font-display); font-size: clamp(22px, 2.8vw, 34px); font-weight: 800; line-height: 1.35; margin: 0; color: #fff; }
html[data-theme="clasiconews"] .cn-matchpage-team-link { font-size: 9.5px; font-weight: 600; color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-matchpage-team-link:hover { color: #fff; }
html[data-theme="clasiconews"] .cn-matchpage-center { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; padding: 10px 14px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .12); border-radius: 2px; }
html[data-theme="clasiconews"] .cn-matchpage-status { display: inline-flex; align-items: center; gap: 5px; font-size: 9.5px; font-weight: 600; color: var(--cn-gold-2); }
html[data-theme="clasiconews"] .cn-matchpage-status.is-live { color: #FF9AA0; }
html[data-theme="clasiconews"] .cn-matchpage-status.is-finished { color: rgba(255, 255, 255, .55); }
html[data-theme="clasiconews"] .cn-matchpage-score { font-family: var(--cn-font-condensed); font-size: clamp(44px, 5vw, 62px); font-weight: 700; line-height: 1; color: #fff; }
html[data-theme="clasiconews"] .cn-matchpage-date { font-family: var(--cn-font-condensed); font-size: 12px; color: rgba(255, 255, 255, .55); }
html[data-theme="clasiconews"] .cn-matchpage-venue { font-size: 9px; color: rgba(255, 255, 255, .38); }
html[data-theme="clasiconews"] .cn-matchpage-bottom { display: flex; align-items: center; gap: 10px; min-height: 40px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 9.5px; color: rgba(255, 255, 255, .5); }
html[data-theme="clasiconews"] .cn-matchpage-bottom-sep { width: 1px; height: 12px; background: rgba(255, 255, 255, .16); }
html[data-theme="clasiconews"] .cn-matchpage-back { margin-inline-start: auto; color: var(--cn-gold-2); font-weight: 600; }
html[data-theme="clasiconews"] .cn-matchpage-layout { display: grid; grid-template-columns: minmax(0, 8.4fr) minmax(280px, 3.6fr); gap: 28px; align-items: start; }
html[data-theme="clasiconews"] .cn-matchpage-main { min-width: 0; }
html[data-theme="clasiconews"] .cn-matchpage-card { background: var(--cn-card); border: 1px solid var(--cn-rule); border-top: 3px solid var(--cn-ink); border-radius: 2px; margin-bottom: 28px; }
html[data-theme="clasiconews"] .cn-matchpage-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; background: var(--cn-card-2); border-bottom: 1px solid var(--cn-rule); font-family: var(--cn-font-display); font-size: 12px; font-weight: 700; }
html[data-theme="clasiconews"] .cn-matchpage-card-num { font-family: var(--cn-font-condensed); font-size: 10px; color: var(--cn-ink-3); font-weight: 500; }
html[data-theme="clasiconews"] .cn-matchpage-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-theme="clasiconews"] .cn-matchpage-facts div { padding: 13px 12px; border-inline-start: 1px solid var(--cn-rule-soft); }
html[data-theme="clasiconews"] .cn-matchpage-facts div:first-child { border-inline-start: 0; }
html[data-theme="clasiconews"] .cn-matchpage-facts span { display: block; font-size: 9px; color: var(--cn-ink-3); margin-bottom: 2px; }
html[data-theme="clasiconews"] .cn-matchpage-facts b { display: block; font-size: 11.5px; font-weight: 600; color: var(--cn-ink); }
html[data-theme="clasiconews"] .cn-matchpage-section { margin-top: 26px; }
html[data-theme="clasiconews"] .cn-matchpage-section .cn-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-theme="clasiconews"] .cn-matchpage-news { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
html[data-theme="clasiconews"] .cn-matchpage-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 70px; }
html[data-theme="clasiconews"] .cn-matchpage-side .cn-side-box-clasico h2 { color: #fff; }
html[data-theme="clasiconews"] .cn-matchpage-side .cn-side-box-clasico .cn-side-empty span:first-child { color: #fff; }
@media (max-width: 1100px) {
    html[data-theme="clasiconews"] .cn-matchpage-layout { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-matchpage-side { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    html[data-theme="clasiconews"] .cn-matchpage { padding: 16px 16px 0; }
    html[data-theme="clasiconews"] .cn-matchpage-hero { grid-template-columns: 1fr; gap: 10px; padding: 16px 0; }
    html[data-theme="clasiconews"] .cn-matchpage-center { grid-row: 1; }
    html[data-theme="clasiconews"] .cn-matchpage-team { flex-direction: row; justify-content: center; gap: 9px; flex-wrap: wrap; }
    html[data-theme="clasiconews"] .cn-matchpage-team.is-away { flex-direction: row-reverse; }
    html[data-theme="clasiconews"] .cn-matchpage-team-label { display: none; }
    html[data-theme="clasiconews"] .cn-matchpage-team-name { font-size: 19px; }
    html[data-theme="clasiconews"] .cn-matchpage-bottom { flex-wrap: wrap; }
    html[data-theme="clasiconews"] .cn-matchpage-back { margin-inline-start: 0; }
    html[data-theme="clasiconews"] .cn-matchpage-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-theme="clasiconews"] .cn-matchpage-facts div:nth-child(3) { border-inline-start: 0; border-top: 1px solid var(--cn-rule-soft); }
    html[data-theme="clasiconews"] .cn-matchpage-facts div:nth-child(4) { border-top: 1px solid var(--cn-rule-soft); }
    html[data-theme="clasiconews"] .cn-matchpage-news { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-matchpage-side { display: flex; }
}

@media (max-width: 1100px) {
    html[data-theme="clasiconews"] .cn-article-layout,
    html[data-theme="clasiconews"] .cn-video-layout,
    html[data-theme="clasiconews"] .cn-page-layout { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-article-side,
    html[data-theme="clasiconews"] .cn-video-side,
    html[data-theme="clasiconews"] .cn-page-side { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-theme="clasiconews"] .cn-club-grid { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-club-side { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-theme="clasiconews"] .cn-club-side > :first-child { grid-column: 1 / -1; }
    html[data-theme="clasiconews"] .cn-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-theme="clasiconews"] .cn-news-grid > :first-child { grid-column: 1 / -1; grid-row: auto; }
    html[data-theme="clasiconews"] .cn-standings-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-theme="clasiconews"] .cn-standings-gap { grid-column: 1 / -1; }
    html[data-theme="clasiconews"] .cn-clasico-hero-grid { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-clasico-center { order: -1; }
    html[data-theme="clasiconews"] .cn-clasico-news { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    html[data-theme="clasiconews"] .cn-standings-bottom { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-podium,
    html[data-theme="clasiconews"] .cn-scorer-podium { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-club-hero { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-club-identity { gap: 12px; }
    html[data-theme="clasiconews"] .cn-club-crest { width: 68px; height: 68px; }
    html[data-theme="clasiconews"] .cn-club-side { display: flex; }
    html[data-theme="clasiconews"] .cn-stats-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-theme="clasiconews"] .cn-table-wrap { overflow-x: auto; }
    html[data-theme="clasiconews"] .cn-table { min-width: 560px; }
    html[data-theme="clasiconews"] .cn-stats-table { min-width: 680px; }
}

@media (max-width: 700px) {
    html[data-theme="clasiconews"] .cn-article-side,
    html[data-theme="clasiconews"] .cn-video-side,
    html[data-theme="clasiconews"] .cn-page-side { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-news-grid { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-news-grid > :first-child .cn-story-title { font-size: 21px; }
    html[data-theme="clasiconews"] .cn-news-grid > :first-child .cn-story-media { aspect-ratio: 16 / 9; }
    html[data-theme="clasiconews"] .cn-related-grid { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-standings-cards { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-standings-gap { grid-column: auto; }
    html[data-theme="clasiconews"] .cn-news-cats { gap: 0 12px; }
    html[data-theme="clasiconews"] .cn-news-tools, html[data-theme="clasiconews"] .cn-video-tools { padding: 10px; }
    html[data-theme="clasiconews"] .cn-club-news { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-club-news > :first-child { grid-column: auto; }
    html[data-theme="clasiconews"] .cn-club-next { grid-template-columns: 1fr; gap: 10px; }
    html[data-theme="clasiconews"] .cn-club-next-link { text-align: center; }
    html[data-theme="clasiconews"] .cn-club-next-when { flex-direction: row; justify-content: center; gap: 6px; border: 0; padding: 0; }
    html[data-theme="clasiconews"] .cn-compare,
    html[data-theme="clasiconews"] .cn-stats-aggregate { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-stats-agg-col { border-inline-start: 0; padding-inline-start: 0; border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 10px; }
    html[data-theme="clasiconews"] .cn-stats-agg-col:first-child { border-top: 0; padding-top: 0; }
    html[data-theme="clasiconews"] .cn-h2h-row { grid-template-columns: 64px minmax(0, 1fr) 52px 58px; }
    html[data-theme="clasiconews"] .cn-h2h-row-verdict { display: none; }
    html[data-theme="clasiconews"] .cn-clasico-news { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-article-title { font-size: 27px; }
    html[data-theme="clasiconews"] .cn-article-excerpt { font-size: 13.5px; }
    html[data-theme="clasiconews"] .cn-article-body { font-size: 14.5px; }
    html[data-theme="clasiconews"] .cn-article-body > p:first-of-type { font-size: 15.5px; }
    html[data-theme="clasiconews"] .cn-datebar-tabs { width: 100%; }
    html[data-theme="clasiconews"] .cn-datebar-tab { flex: 1; padding-inline: 8px; }
    html[data-theme="clasiconews"] .cn-datebar-picker { width: 100%; justify-content: flex-end; border-inline-start: 0; border-top: 1px solid var(--cn-rule-soft); }
    html[data-theme="clasiconews"] .cn-stats-filter-grid { grid-template-columns: 1fr; }
    html[data-theme="clasiconews"] .cn-stats-method { padding: 18px; }
}

@media (max-width: 480px) {
    html[data-theme="clasiconews"] .cn-club-identity { flex-direction: column; }
    html[data-theme="clasiconews"] .cn-club-next-body { grid-template-columns: 1fr auto 1fr; }
    html[data-theme="clasiconews"] .cn-h2h-row { grid-template-columns: 56px minmax(0, 1fr) 46px 50px; gap: 5px; padding-inline: 8px; }
    html[data-theme="clasiconews"] .cn-pwa-inner { flex-wrap: wrap; }
}