.wc-home {
    --wc-green: #0b7a75;
    --wc-green-dark: #075f5c;
    --wc-red: #e11d48;
    --wc-blue: #2563eb;
    --wc-amber: #b7791f;
    --wc-ink: #102027;
    --wc-muted: #687589;
    --wc-line: #e2e8f0;
    --wc-soft: #f5f7fa;
    max-width: 1200px;
    margin: 0 auto 34px;
    padding: 14px 14px 0;
    color: var(--wc-ink);
}

.wc-home a {
    color: inherit;
    text-decoration: none;
}

.wc-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 12px;
    align-items: stretch;
    margin-bottom: 28px;
}

.wc-hero-featured > * {
    min-height: 0;
}

.wc-hero-featured {
    grid-template-columns: minmax(0, 1fr) 322px;
    align-items: stretch;
}

.wc-hero-copy {
    min-width: 0;
    padding: 22px 24px 24px;
    border: 1px solid #dbe5e1;
    border-radius: 8px;
    background:
        linear-gradient(120deg, rgba(11, 122, 117, .12), transparent 52%),
        linear-gradient(25deg, rgba(225, 29, 72, .05), transparent 48%),
        linear-gradient(180deg, #fff 0%, #f8fbfa 100%);
}

.wc-kicker,
.wc-section-head span {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(194, 31, 58, .1);
    color: var(--wc-red);
    font-size: 12px;
    font-weight: 800;
}

.wc-hero h1 {
    margin: 8px 0 6px;
    max-width: 760px;
    font-size: 29px;
    line-height: 1.2;
    font-weight: 950;
    letter-spacing: 0;
}

.wc-hero p {
    max-width: 780px;
    margin: 0;
    color: #435063;
    font-size: 14px;
    line-height: 1.62;
}

.wc-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
}

.wc-hero-keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.wc-hero-keywords a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid #cfe0dc;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #35504c;
    font-size: 12px;
    font-weight: 800;
}

.wc-hero-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 6px;
    background: var(--wc-green);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.wc-hero-actions a:nth-child(2) {
    background: #fff;
    color: var(--wc-green-dark);
    border: 1px solid #b9d8d4;
}

.wc-hero-actions a:nth-child(3) {
    background: #16233a;
}

.wc-hero-stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.wc-hero-visual {
    position: relative;
    overflow: hidden;
    border: 1px solid #dbe7e4;
    border-radius: 8px;
    background: #071a22;
}

.wc-hero-visual > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .16;
}

.wc-hero-visual div {
    position: relative;
    z-index: 1;
    margin: 0;
    min-height: 62px;
    background: rgba(255, 255, 255, .95);
}

.wc-mobile-quick {
    display: none;
}

.wc-hero-stats div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 58px;
    padding: 8px 13px;
    border-radius: 8px;
    border: 1px solid var(--wc-line);
    background: #fff;
}

.wc-hero-stats strong {
    color: var(--wc-green);
    font-size: 25px;
    line-height: 1;
    font-weight: 950;
}

.wc-hero-stats span {
    margin-top: 5px;
    color: var(--wc-muted);
    font-size: 13px;
    font-weight: 700;
}

.wc-featured-card {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 12px;
    border: 1px solid #d7e4df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(16, 24, 40, .06);
}

.wc-featured-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    color: var(--wc-muted);
    font-size: 12px;
    font-weight: 900;
}

.wc-featured-meta span {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #fff1f2;
    color: var(--wc-red);
}

.wc-featured-teams {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 10px;
    border-radius: 8px;
    background: #f8fbfa;
}

.wc-featured-teams span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: #16233a;
    font-size: 15px;
    font-weight: 950;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wc-featured-teams span:last-child {
    justify-content: flex-end;
}

.wc-featured-teams b {
    color: var(--wc-red);
    text-align: center;
    font-size: 18px;
    font-weight: 950;
}

.wc-featured-note {
    margin: 9px 0;
    padding: 9px 0;
    border-top: 1px dashed #dde7e5;
    border-bottom: 1px dashed #dde7e5;
}

.wc-featured-note strong {
    display: block;
    margin-bottom: 4px;
    color: var(--wc-green-dark);
    font-size: 14px;
    font-weight: 950;
}

.wc-featured-note p {
    margin: 0;
    color: #526176;
    font-size: 13px;
    line-height: 1.45;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wc-featured-card .wc-live-btn {
    display: flex;
    width: 100%;
    min-height: 34px;
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}

.wc-panel,
.wc-league-strip,
.wc-seo-copy {
    margin-bottom: 16px;
    border: 1px solid var(--wc-line);
    border-radius: 8px;
    background: #fff;
}

.wc-panel {
    padding: 14px;
}

.wc-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.wc-section-head h2 {
    margin: 8px 0 0;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 950;
    letter-spacing: 0;
}

.wc-section-head > a {
    color: var(--wc-green);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.wc-worldcup {
    border-color: #f0c5cd;
    background: linear-gradient(180deg, #fff 0%, #fff9fa 100%);
}

.wc-today {
    border-color: #cfe0dc;
    background: linear-gradient(180deg, #fff 0%, #f8fbfa 100%);
}

.wc-today-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.wc-today-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 11px;
    border: 1px solid #dce9e5;
    border-radius: 8px;
    background: #fff;
}

.wc-today-main {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 58px minmax(0, 1fr) 64px;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.wc-today-main time {
    display: flex;
    flex-direction: column;
    color: var(--wc-muted);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.15;
}

.wc-today-main time strong {
    color: var(--wc-red);
    font-size: 15px;
    font-weight: 950;
}

.wc-today-main b {
    color: var(--wc-red);
    text-align: center;
    font-size: 15px;
    font-weight: 950;
    white-space: nowrap;
}

.wc-today-main em {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #eef2f7;
    color: #596579;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.wc-today-row.state-live {
    border-color: #f3b6c1;
}

.wc-today-row.state-live em {
    background: rgba(194, 31, 58, .1);
    color: var(--wc-red);
}

.wc-today-row.state-done {
    background: #fbfcfd;
}

.wc-today-row.state-done .wc-today-main b,
.wc-match-row.state-done .wc-row-main b,
.wc-cup-card.state-done .wc-cup-teams b {
    color: #16233a;
}

.wc-today-row.state-done em,
.wc-match-row.state-done em,
.wc-cup-card.state-done em {
    background: #eef2f7;
    color: #475569;
}

.wc-cup-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.wc-cup-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 12px;
    border: 1px solid #ead7dc;
    border-radius: 8px;
    background: #fff;
}

.wc-cup-card > a {
    min-width: 0;
}

.wc-cup-card time,
.wc-row-main time {
    color: var(--wc-muted);
    font-size: 12px;
    font-weight: 800;
}

.wc-cup-teams {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin: 8px 0;
}

.wc-cup-teams span,
.wc-row-team {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #253044;
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wc-cup-teams span:last-child {
    justify-content: flex-end;
}

.wc-cup-teams b,
.wc-row-main b {
    color: var(--wc-red);
    text-align: center;
    font-size: 16px;
    font-weight: 950;
}

.wc-cup-card em,
.wc-row-main em {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #eef2f7;
    color: #596579;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
}

.wc-cup-card.state-live em,
.wc-match-row.state-live em {
    background: rgba(194, 31, 58, .1);
    color: var(--wc-red);
}

.wc-logo,
.wc-logo-fallback {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wc-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.wc-logo-fallback {
    border-radius: 50%;
    background: #edf6f4;
    color: var(--wc-green);
    font-size: 12px;
    font-weight: 900;
}

.wc-live-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-sizing: border-box;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    background: var(--wc-green);
    color: #fff !important;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.wc-live-btn:hover {
    background: var(--wc-green-dark);
    color: #fff !important;
}

.state-done > .wc-live-btn,
.wc-match-row.state-done .wc-live-btn,
.wc-cup-card.state-done .wc-live-btn,
.wc-today-row.state-done .wc-live-btn {
    background: #16233a;
}

.state-done > .wc-live-btn:hover,
.wc-match-row.state-done .wc-live-btn:hover,
.wc-cup-card.state-done .wc-live-btn:hover,
.wc-today-row.state-done .wc-live-btn:hover {
    background: #0f172a;
}

.wc-league-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
}

.wc-league-strip a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 14px;
    border-right: 1px solid var(--wc-line);
    transition: background .18s ease, color .18s ease;
}

.wc-league-strip a:hover {
    background: #f4faf8;
    color: var(--wc-green-dark);
}

.wc-league-strip a:last-child {
    border-right: 0;
}

.wc-league-strip img {
    grid-row: 1 / span 2;
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.wc-league-strip strong {
    min-width: 0;
    font-size: 15px;
    font-weight: 950;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wc-league-strip span {
    color: var(--wc-muted);
    font-size: 12px;
    font-weight: 700;
}

.wc-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.wc-filter button {
    height: 30px;
    padding: 0 12px;
    border: 1px solid var(--wc-line);
    border-radius: 999px;
    background: #fff;
    color: #526176;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.wc-filter button.active {
    border-color: var(--wc-green);
    background: var(--wc-green);
    color: #fff;
}

.wc-day-group {
    margin-top: 10px;
}

.wc-day-group:first-child {
    margin-top: 0;
}

.wc-day-group h3 {
    margin: 0 0 8px;
    padding: 8px 10px;
    border-radius: 6px;
    background: var(--wc-soft);
    color: #334155;
    font-size: 14px;
    font-weight: 950;
}

.wc-match-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 10px 0;
    border-bottom: 1px dashed #e5eaf0;
}

.wc-match-row:last-child {
    border-bottom: 0;
}

.wc-row-main {
    display: grid;
    grid-template-columns: 48px 76px minmax(130px, 1fr) 46px minmax(130px, 1fr) 78px;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.wc-row-league {
    color: var(--wc-amber);
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wc-row-team.away {
    justify-content: flex-start;
}

.wc-row-team.home {
    justify-content: flex-end;
    text-align: right;
}

.wc-row-main b {
    justify-self: center;
}

.wc-row-main em {
    justify-self: end;
}

.wc-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

.wc-article-list,
.wc-video-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.wc-article-card,
.wc-video-card {
    min-width: 0;
    border: 1px solid var(--wc-line);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.wc-article-card img,
.wc-video-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: #edf2f7;
}

.wc-article-card strong,
.wc-video-card strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px;
    padding: 9px 10px 0;
    color: #243044;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 900;
}

.wc-article-card span {
    display: block;
    padding: 5px 10px 10px;
    color: var(--wc-muted);
    font-size: 12px;
}

.wc-video-card {
    position: relative;
}

.wc-video-card > span {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(15, 118, 110, .92);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wc-topic-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wc-topic-panel {
    padding: 12px 14px 14px;
}

.wc-topic-panel .wc-section-head {
    margin-bottom: 10px;
}

.wc-topic-panel .wc-section-head h2 {
    margin-top: 6px;
    font-size: 20px;
}

.wc-topic-cloud a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid #d9e4e1;
    border-radius: 999px;
    background: #f7fbfa;
    color: #35504c;
    font-size: 13px;
    font-weight: 800;
}

.wc-topic-cloud a:first-child,
.wc-topic-cloud a:nth-child(2),
.wc-topic-cloud a:nth-child(3) {
    border-color: #f0c5cd;
    background: #fff6f8;
    color: var(--wc-red);
}

.wc-longtail-panel {
    padding: 12px 14px 14px;
}

.wc-longtail-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.wc-longtail-grid a {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #dce8e5;
    border-radius: 8px;
    background: #fbfdfc;
    color: var(--wc-ink);
}

.wc-longtail-grid a:hover {
    border-color: var(--wc-green);
    background: #f0fdfa;
}

.wc-longtail-grid strong {
    display: block;
    color: var(--wc-green-dark);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 950;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wc-longtail-grid span {
    display: block;
    margin-top: 5px;
    color: var(--wc-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wc-empty {
    padding: 18px;
    border: 1px dashed #d8e1e7;
    border-radius: 8px;
    background: #fbfcfd;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.wc-empty a {
    color: var(--wc-green);
    font-weight: 900;
}

.wc-seo-copy {
    padding: 14px;
    color: #4a5668;
    font-size: 14px;
    line-height: 1.75;
}

.wc-seo-copy h2 {
    margin: 0 0 8px;
    color: var(--wc-ink);
    font-size: 19px;
    line-height: 1.35;
    font-weight: 950;
}

.wc-seo-copy p {
    margin: 0 0 12px;
}

.wc-seo-copy p:last-child {
    margin-bottom: 0;
}

.wc-seo-link-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.wc-seo-link-grid a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #d8e5e2;
    border-radius: 6px;
    background: #f8fbfa;
    color: var(--wc-green-dark);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .wc-hero {
        grid-template-columns: 1fr;
    }

    .wc-hero-featured {
        grid-template-columns: 1fr;
    }

    .wc-hero-stats {
        grid-template-columns: repeat(3, 1fr);
    }

    .wc-cup-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wc-league-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wc-league-strip a {
        border-bottom: 1px solid var(--wc-line);
    }

    .wc-row-main {
        grid-template-columns: 44px 64px minmax(0, 1fr) 48px minmax(0, 1fr) 70px;
    }
}

@media (max-width: 768px) {
    .wc-home {
        padding: 6px 8px 0;
        margin-bottom: 20px;
    }

    .wc-hero-copy,
    .wc-panel,
    .wc-seo-copy {
        padding: 10px;
        border-radius: 8px;
    }

    .wc-hero {
        gap: 6px;
        margin-bottom: 6px;
    }

    .wc-hero h1 {
        margin: 7px 0 5px;
        font-size: 19px;
        line-height: 1.28;
    }

    .wc-hero p {
        display: -webkit-box;
        font-size: 12px;
        line-height: 1.45;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .wc-hero-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        margin-top: 8px;
    }

    .wc-hero-actions a {
        min-height: 31px;
        padding: 0 8px;
        font-size: 12px;
        border-radius: 6px;
    }

    .wc-hero-actions a:nth-child(3) {
        display: none;
    }

    .wc-featured-card {
        padding: 8px;
        border-radius: 8px;
    }

    .wc-featured-meta {
        margin-bottom: 6px;
    }

    .wc-featured-teams {
        grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
        gap: 6px;
        padding: 8px;
    }

    .wc-featured-teams span {
        gap: 5px;
        font-size: 13px;
    }

    .wc-featured-teams b {
        font-size: 16px;
    }

    .wc-featured-note {
        display: none;
    }

    .wc-featured-card .wc-live-btn {
        min-height: 31px;
        margin-top: 8px;
        font-size: 12px;
    }

    .wc-hero-keywords {
        display: none;
    }

    .wc-hero-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .wc-hero-visual {
        padding: 6px;
        background: #fff;
    }

    .wc-hero-visual > img {
        display: none;
    }

    .wc-hero-visual div {
        margin: 0;
        min-height: 46px;
        padding: 6px 4px;
    }

    .wc-hero-stats strong {
        font-size: 18px;
    }

    .wc-hero-stats span {
        margin-top: 3px;
        font-size: 11px;
    }

    .wc-mobile-quick {
        position: sticky;
        top: 96px;
        z-index: 9;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        margin: -4px 0 10px;
        padding: 6px;
        border: 1px solid #d7e4df;
        border-radius: 8px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
    }

    .wc-mobile-quick a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        border-radius: 7px;
        background: #edf6f4;
        color: var(--wc-green-dark);
        font-size: 12px;
        font-weight: 900;
    }

    .wc-section-head {
        display: block;
    }

    .wc-section-head h2 {
        font-size: 18px;
    }

    .wc-topic-panel .wc-section-head h2,
    .wc-seo-copy h2 {
        font-size: 17px;
    }

    .wc-section-head > a {
        display: inline-flex;
        margin-top: 8px;
    }

    .wc-longtail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .wc-longtail-grid a {
        padding: 10px;
    }

    .wc-longtail-grid strong {
        font-size: 13px;
    }

    .wc-cup-grid,
    .wc-today-list,
    .wc-content-grid,
    .wc-article-list,
    .wc-video-list {
        grid-template-columns: 1fr;
    }

    .wc-today-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 8px;
    }

    .wc-today-main {
        grid-template-columns: 44px minmax(0, 1fr) 44px minmax(0, 1fr);
        gap: 6px;
    }

    .wc-today-main em {
        grid-column: 2 / -1;
        justify-self: start;
    }

    .wc-today-main time strong {
        font-size: 14px;
    }

    .wc-today-main b {
        font-size: 14px;
    }

    .wc-today-row .wc-live-btn {
        width: 100%;
    }

    .wc-cup-card {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .wc-cup-card .wc-live-btn {
        width: 100%;
    }

    .wc-cup-teams {
        grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
    }

    .wc-cup-teams span,
    .wc-row-team {
        font-size: 13px;
    }

    .wc-logo,
    .wc-logo-fallback {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    .wc-league-strip {
        grid-template-columns: 1fr 1fr;
    }

    .wc-league-strip a {
        grid-template-columns: 30px minmax(0, 1fr);
        padding: 10px;
    }

    .wc-league-strip img {
        width: 30px;
        height: 30px;
    }

    .wc-filter {
        justify-content: flex-start;
        margin-top: 10px;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }

    .wc-filter button {
        flex: 0 0 auto;
    }

    .wc-match-row {
        grid-template-columns: 1fr;
        padding: 11px 0;
    }

    .wc-row-main {
        grid-template-columns: 46px minmax(0, 1fr) 42px minmax(0, 1fr);
        gap: 6px;
    }

    .wc-row-league,
    .wc-row-main em {
        grid-column: span 2;
    }

    .wc-row-team.away {
        justify-content: flex-start;
    }

    .wc-match-row .wc-live-btn {
        width: 100%;
    }

    .wc-seo-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .wc-hero h1 {
        font-size: 19px;
    }

    .wc-hero p {
        display: none;
    }

    .wc-hero-actions {
        grid-template-columns: 1fr;
    }

    .wc-hero-actions a:first-child {
        grid-column: auto;
    }

    .wc-hero-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
    }

    .wc-hero-stats div {
        min-height: 46px;
        padding: 6px 4px;
    }

    .wc-hero-keywords {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wc-featured-card .wc-live-btn {
        min-height: 34px;
    }

    .wc-league-strip {
        grid-template-columns: 1fr;
    }

    .wc-seo-link-grid {
        grid-template-columns: 1fr;
    }
}

/* Final homepage hero guard: keep the first two cards compact and separated from schedule. */
@media (min-width: 1025px) {
    .wc-hero.wc-hero-featured {
        grid-template-columns: minmax(0, 1fr) 322px !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin-bottom: 28px !important;
    }

    .wc-hero.wc-hero-featured .wc-hero-copy,
    .wc-hero.wc-hero-featured .wc-featured-card {
        min-height: 0 !important;
        align-self: stretch !important;
    }

    .wc-hero.wc-hero-featured .wc-featured-card {
        display: flex !important;
        flex-direction: column !important;
    }

    .wc-hero.wc-hero-featured .wc-featured-card .wc-live-btn {
        margin-top: auto !important;
    }

    .wc-hero.wc-hero-featured + .wc-mobile-quick + .wc-panel,
    .wc-hero.wc-hero-featured + .wc-panel {
        margin-top: 0 !important;
        clear: both;
    }
}

/* CNB style homepage: compact schedule-first layout for cloned-site differentiation. */
.sp-home-cnb {
    --cnb-red: #e60012;
    --cnb-blue: #1677d2;
    --cnb-ink: #17233d;
    --cnb-muted: #667085;
    --cnb-line: #e5eaf2;
    --cnb-soft: #f4f7fd;
    gap: 10px;
    padding: 10px 0 18px;
    background: #f1f3f6;
}

.sp-home-cnb a {
    color: inherit;
    text-decoration: none;
}

.sp-home-cnb .site-container {
    max-width: 1180px;
}

.sp-home-cnb .cnb-live-head,
.sp-home-cnb .cnb-feature-match,
.sp-home-cnb .cnb-league-strip,
.sp-home-cnb .cnb-filter-bar,
.sp-home-cnb .cnb-schedule-board,
.sp-home-cnb .sp-league-section,
.sp-home-cnb .sp-news-layout,
.sp-home-cnb .sp-video-section,
.sp-home-cnb .sp-topic-section,
.sp-home-cnb .sp-seo-copy {
    border: 1px solid var(--cnb-line);
    border-radius: 4px;
    background: #fff;
}

.cnb-live-head {
    padding: 14px 18px 12px;
    border-top: 3px solid var(--cnb-red) !important;
}

.cnb-live-head h1 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: 0;
}

.cnb-live-head p {
    margin: 0;
    color: #344054;
    font-size: 13px;
    line-height: 1.8;
}

.cnb-update {
    margin-top: 7px;
    color: var(--cnb-red);
    font-size: 13px;
    font-weight: 800;
}

.cnb-feature-match {
    overflow: hidden;
    border-color: var(--cnb-red) !important;
}

.cnb-feature-match header {
    padding: 12px 14px;
    background: #eef3ff;
    text-align: center;
}

.cnb-feature-match h2 {
    margin: 0;
    color: var(--cnb-red);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 900;
}

.cnb-feature-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    min-height: 162px;
    padding: 18px 48px 14px;
    border-bottom: 1px solid #eef1f5;
}

.cnb-feature-team {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-width: 0;
    color: #111827;
    font-size: 18px;
    font-weight: 900;
}

.cnb-feature-team strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnb-feature-team .sp-logo-wrap,
.cnb-feature-team .sp-logo-fallback {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
}

.cnb-feature-team .sp-logo-wrap img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.cnb-feature-center {
    display: grid;
    justify-items: center;
    gap: 8px;
    text-align: center;
}

.cnb-feature-center time {
    color: #475467;
    font-size: 14px;
}

.cnb-feature-center time b {
    color: var(--cnb-blue);
    font-size: 16px;
}

.cnb-feature-center span {
    color: var(--cnb-red);
    font-size: 22px;
    font-weight: 1000;
    letter-spacing: 0;
}

.cnb-feature-center em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 14px;
    border: 1px solid var(--cnb-red);
    border-radius: 999px;
    color: var(--cnb-red);
    background: #fff;
    font-style: normal;
    font-size: 14px;
    font-weight: 900;
}

.cnb-feature-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 13px 18px;
    color: #111827;
    font-size: 13px;
    line-height: 1.7;
    text-align: center;
}

.cnb-feature-note .sp-schedule-live-btn {
    flex: 0 0 auto;
}

.cnb-league-strip {
    display: grid;
    grid-template-columns: repeat(10, minmax(72px, 1fr));
    gap: 0;
    overflow-x: auto;
    padding: 12px 14px;
}

.cnb-league-strip a {
    display: grid;
    justify-items: center;
    gap: 7px;
    min-width: 72px;
    padding: 6px 8px;
    color: #101828;
    font-size: 13px;
    font-weight: 800;
    border-radius: 4px;
}

.cnb-league-strip a:hover {
    background: #f4f7fd;
    color: var(--cnb-red);
}

.cnb-league-strip img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.cnb-filter-bar {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 9px 14px;
}

.cnb-filter-bar button {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 18px;
    border: 0;
    border-radius: 0;
    color: #fff;
    background: var(--cnb-blue);
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.cnb-filter-bar button.active,
.cnb-filter-bar button:hover {
    background: var(--cnb-red);
}

.cnb-schedule-board {
    overflow: hidden;
}

.cnb-day-group h2 {
    margin: 0;
    padding: 12px 14px;
    color: var(--cnb-red);
    background: #eef3ff;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 900;
    text-align: center;
}

.cnb-match-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    gap: 12px;
    align-items: center;
    min-height: 104px;
    padding: 14px 18px;
    border-bottom: 1px solid #edf1f6;
    background: #fff;
}

.cnb-match-row:hover {
    background: #fbfcff;
}

.cnb-row-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px 170px 64px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.cnb-team {
    overflow: hidden;
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnb-team-home {
    text-align: right;
}

.cnb-logo {
    display: flex;
    justify-content: center;
}

.cnb-logo .sp-logo-wrap,
.cnb-logo .sp-logo-fallback {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
}

.cnb-logo .sp-logo-wrap img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.cnb-score {
    display: grid;
    justify-items: center;
    gap: 5px;
    text-align: center;
}

.cnb-score time {
    color: #475467;
    font-size: 13px;
}

.cnb-score b {
    color: var(--cnb-red);
    font-size: 16px;
    line-height: 1.1;
    font-weight: 1000;
}

.cnb-score em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 11px;
    border: 1px solid var(--cnb-red);
    border-radius: 999px;
    color: var(--cnb-red);
    background: #fff;
    font-style: normal;
    font-size: 12px;
    font-weight: 900;
}

.cnb-row-actions {
    display: flex;
    justify-content: flex-end;
}

.sp-home-cnb .sp-schedule-live-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    min-width: 96px;
    padding: 0 14px;
    border: 1px solid var(--cnb-red);
    border-radius: 999px;
    color: var(--cnb-red);
    background: #fff;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.sp-home-cnb .sp-schedule-live-btn:hover {
    color: #fff;
    background: var(--cnb-red);
}

.cnb-empty {
    padding: 18px;
    color: #475467;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
}

.cnb-empty a {
    color: var(--cnb-blue);
    font-weight: 900;
}

.sp-home-cnb .sp-section-head {
    padding: 12px 14px;
    border-bottom: 1px solid var(--cnb-line);
}

.sp-home-cnb .sp-section-head h2 {
    color: #101828;
    font-size: 18px;
}

.sp-home-cnb .sp-section-head a {
    color: var(--cnb-blue);
    font-size: 13px;
    font-weight: 800;
}

.sp-home-cnb .sp-league-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 14px;
}

.sp-home-cnb .sp-news-grid,
.sp-home-cnb .sp-video-grid {
    padding: 14px;
}

.sp-home-cnb .sp-video-card .sp-play-badge {
    color: #fff;
    background: rgba(230, 0, 18, .92);
}

.sp-home-cnb .sp-video-card .sp-play-badge i {
    display: none;
}

.sp-home-cnb .sp-video-card .sp-play-badge::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #fff;
}

.sp-home-cnb .sp-topic-cloud {
    padding: 14px;
}

.sp-home-cnb .sp-topic-cloud a {
    border-radius: 4px;
    color: #1d2939;
    background: #f8fafc;
}

.sp-home-cnb .sp-topic-cloud a:hover {
    color: #fff;
    border-color: var(--cnb-red);
    background: var(--cnb-red);
}

.sp-home-cnb .sp-seo-copy {
    padding: 14px 18px;
    color: #344054;
    font-size: 13px;
    line-height: 1.85;
}

.sp-home-cnb .sp-seo-copy p {
    margin: 0;
}

.sp-home-cnb .sp-seo-copy p + p {
    margin-top: 8px;
}

@media (max-width: 992px) {
    .cnb-feature-body {
        grid-template-columns: minmax(0, 1fr) 160px minmax(0, 1fr);
        padding: 16px 18px;
    }

    .cnb-feature-team {
        gap: 10px;
        font-size: 15px;
    }

    .cnb-match-row {
        grid-template-columns: 1fr;
    }

    .cnb-row-actions {
        justify-content: center;
    }

    .cnb-row-main {
        grid-template-columns: minmax(0, 1fr) 52px 132px 52px minmax(0, 1fr);
        gap: 10px;
    }

    .sp-home-cnb .sp-league-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .sp-home-cnb {
        gap: 8px;
        padding-top: 6px;
    }

    .sp-home-cnb .site-container {
        width: calc(100% - 12px);
        max-width: calc(100% - 12px);
    }

    .cnb-live-head {
        padding: 10px 12px;
    }

    .cnb-live-head h1 {
        font-size: 17px;
    }

    .cnb-live-head p {
        font-size: 12px;
        line-height: 1.65;
    }

    .cnb-update {
        font-size: 12px;
    }

    .cnb-feature-match h2,
    .cnb-day-group h2 {
        font-size: 16px;
    }

    .cnb-feature-body {
        grid-template-columns: minmax(0, 1fr) 102px minmax(0, 1fr);
        gap: 8px;
        min-height: 124px;
        padding: 12px 8px;
    }

    .cnb-feature-team {
        flex-direction: column;
        gap: 6px;
        font-size: 13px;
    }

    .cnb-feature-team .sp-logo-wrap,
    .cnb-feature-team .sp-logo-fallback {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .cnb-feature-team .sp-logo-wrap img {
        width: 48px;
        height: 48px;
    }

    .cnb-feature-center time {
        font-size: 12px;
    }

    .cnb-feature-center span {
        font-size: 18px;
    }

    .cnb-feature-note {
        display: block;
        padding: 10px 12px;
        font-size: 12px;
    }

    .cnb-feature-note .sp-schedule-live-btn {
        margin-top: 8px;
        width: 100%;
    }

    .cnb-league-strip {
        grid-auto-flow: column;
        grid-auto-columns: 72px;
        grid-template-columns: none;
        padding: 10px;
    }

    .cnb-filter-bar {
        padding: 8px 10px;
        gap: 8px;
    }

    .cnb-filter-bar button {
        min-height: 30px;
        padding: 0 13px;
        font-size: 13px;
    }

    .cnb-match-row {
        min-height: 92px;
        padding: 12px 10px;
    }

    .cnb-row-main {
        grid-template-columns: minmax(0, 1fr) 42px 90px 42px minmax(0, 1fr);
        gap: 6px;
    }

    .cnb-team {
        font-size: 12px;
    }

    .cnb-logo .sp-logo-wrap,
    .cnb-logo .sp-logo-fallback {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .cnb-logo .sp-logo-wrap img {
        width: 38px;
        height: 38px;
    }

    .cnb-score time {
        font-size: 11px;
    }

    .cnb-score b {
        font-size: 14px;
    }

    .cnb-score em {
        min-height: 22px;
        padding: 0 8px;
        font-size: 11px;
    }

    .sp-home-cnb .sp-schedule-live-btn {
        width: 100%;
    }

    .sp-home-cnb .sp-league-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Hard reset for the new homepage variant. Older homepage rules used flex/order,
   which can push the schedule below secondary modules on cloned themes. */
.sp-home-shell.sp-home-cnb {
    display: block !important;
    width: 100%;
    padding-top: 10px;
}

.sp-home-shell.sp-home-cnb > .site-container {
    display: block !important;
    width: min(1180px, calc(100% - 24px));
    margin: 0 auto 10px !important;
    order: initial !important;
}

.sp-home-shell.sp-home-cnb > .cnb-live-head,
.sp-home-shell.sp-home-cnb > .cnb-feature-match,
.sp-home-shell.sp-home-cnb > .cnb-league-strip,
.sp-home-shell.sp-home-cnb > .cnb-filter-bar,
.sp-home-shell.sp-home-cnb > .cnb-schedule-board {
    position: relative;
    z-index: 2;
    visibility: visible !important;
    opacity: 1 !important;
}

.sp-home-shell.sp-home-cnb > .cnb-league-strip {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(72px, 1fr));
    gap: 0;
    align-items: stretch;
    overflow-x: auto;
}

.sp-home-shell.sp-home-cnb > .cnb-filter-bar {
    display: flex !important;
    align-items: center;
}

.sp-home-shell.sp-home-cnb > .cnb-league-strip a {
    display: grid !important;
    align-content: center;
    justify-items: center;
    min-width: 72px;
}

.sp-home-shell.sp-home-cnb > .sp-league-section,
.sp-home-shell.sp-home-cnb > .sp-news-layout,
.sp-home-shell.sp-home-cnb > .sp-video-section,
.sp-home-shell.sp-home-cnb > .sp-topic-section,
.sp-home-shell.sp-home-cnb > .sp-seo-copy {
    position: relative;
    z-index: 1;
}

@media (max-width: 640px) {
    .sp-home-shell.sp-home-cnb {
        padding-top: 6px;
    }

    .sp-home-shell.sp-home-cnb > .site-container {
        width: calc(100% - 12px);
        margin-bottom: 8px !important;
    }

    .sp-home-shell.sp-home-cnb > .cnb-league-strip {
        display: grid !important;
        grid-auto-flow: column;
        grid-auto-columns: 82px;
        grid-template-columns: none;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sp-home-shell.sp-home-cnb > .cnb-filter-bar {
        display: flex !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* xg4-home-sections-20260905: complete layouts below the schedule */
.sp-home-cnb .sp-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;min-height:54px;box-sizing:border-box}
.sp-home-cnb .sp-section-head h2{margin:0;font-size:18px;line-height:1.4;font-weight:700}
.sp-home-cnb .sp-section-head>a{flex-shrink:0;text-decoration:none}
.sp-home-cnb .sp-league-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px}
.sp-home-cnb .sp-league-card{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-content:center;align-items:center;min-width:0;min-height:88px;padding:12px;border:1px solid #e7edf3;border-radius:8px;background:#f8fafc;box-sizing:border-box;transition:background .15s,border-color .15s}
.sp-home-cnb .sp-league-card:hover{background:#fff;border-color:#c9d9e8}
.sp-home-cnb .sp-league-card img{grid-row:1/3;display:block;width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain;margin:0}
.sp-home-cnb .sp-league-card strong{min-width:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.sp-home-cnb .sp-league-card span{font-size:12px;color:#64748b;line-height:1.5}
.sp-home-cnb .sp-news-main{min-width:0;width:100%}
.sp-home-cnb .sp-news-grid,.sp-home-cnb .sp-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:16px;align-items:stretch}
.sp-home-cnb .sp-news-card,.sp-home-cnb .sp-video-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e7edf3;border-radius:8px;background:#fff;box-sizing:border-box;text-decoration:none}
.sp-home-cnb .sp-news-card.is-large{grid-column:auto;grid-row:auto}
.sp-home-cnb .sp-news-card>img,.sp-home-cnb .sp-video-card>img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;flex-shrink:0;margin:0;background:#f1f5f9}
.sp-home-cnb .sp-news-card>span{padding:10px 12px 0;color:#177cc8;font-size:12px;line-height:1.5;font-weight:600}
.sp-home-cnb .sp-news-card>strong,.sp-home-cnb .sp-video-card>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;line-height:1.6;font-size:14px;font-weight:600;color:#172b43;margin:8px 12px 14px}
.sp-home-cnb .sp-video-card>strong{margin-top:12px}
.sp-home-cnb .sp-news-card:hover>strong,.sp-home-cnb .sp-video-card:hover>strong{color:#177cc8}
.sp-home-cnb .sp-video-card .sp-play-badge{position:absolute;z-index:1;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(230,0,18,.9);color:white;pointer-events:none}
.sp-home-cnb .sp-topic-cloud{display:flex;flex-wrap:wrap;gap:10px;padding:16px}
.sp-home-cnb .sp-topic-cloud>a{display:block;max-width:100%;padding:7px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#334155;font-size:13px;line-height:1.6;overflow-wrap:anywhere;box-sizing:border-box}
.sp-home-cnb .sp-topic-cloud>a:hover{color:#177cc8;border-color:#bfd8eb}
.sp-home-cnb .sp-seo-copy{padding:16px;box-sizing:border-box;color:#64748b;font-size:13px;line-height:1.85}
.sp-home-cnb .sp-seo-copy p{margin:0 0 8px}.sp-home-cnb .sp-seo-copy p:last-child{margin-bottom:0}
@media(max-width:960px){.sp-home-cnb .sp-league-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-home-cnb .sp-news-grid,.sp-home-cnb .sp-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sp-home-cnb .sp-section-head{padding:12px;gap:10px}.sp-home-cnb .sp-section-head h2{font-size:16px}.sp-home-cnb .sp-league-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.sp-home-cnb .sp-league-card{grid-template-columns:40px minmax(0,1fr);gap:4px 8px;min-height:76px;padding:10px}.sp-home-cnb .sp-league-card img{width:36px;height:36px;max-width:36px;max-height:36px}.sp-home-cnb .sp-league-card strong{font-size:14px}.sp-home-cnb .sp-news-grid,.sp-home-cnb .sp-video-grid{gap:10px;padding:10px}.sp-home-cnb .sp-news-card>span{padding:8px 9px 0}.sp-home-cnb .sp-news-card>strong,.sp-home-cnb .sp-video-card>strong{font-size:13px;margin:7px 9px 10px}.sp-home-cnb .sp-topic-cloud{gap:8px;padding:10px}.sp-home-cnb .sp-topic-cloud>a{font-size:12px;padding:6px 9px}.sp-home-cnb .sp-seo-copy{padding:12px}}