/*
Theme Name: KetQuaBongDa Modern
Theme URI: https://example.com/ketquabongda-modern
Author: KetQuaBongDa
Description: Theme dữ liệu bóng đá hiện đại, tối ưu PC/mobile, hỗ trợ Football Data Suite và tùy biến màu độc lập.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.0
Text Domain: ketquabongda-modern
*/

:root {
    --kqbm-primary: #155eef;
    --kqbm-accent: #12b76a;
    --kqbm-header: #0b1739;
    --kqbm-bg: #f3f6fb;
    --kqbm-surface: #fff;
    --kqbm-text: #172033;
    --kqbm-muted: #667085;
    --kqbm-border: #e4e9f2;
    --kqbm-width: 1320px;
    --kqbm-radius: 18px;
    --kqbm-shadow: 0 12px 38px rgba(20, 36, 67, .08);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--kqbm-bg); color: var(--kqbm-text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.65; margin: 0; overflow-x: hidden; }
img { height: auto; max-width: 100%; }
a { color: var(--kqbm-primary); }
button, input, select, textarea { font: inherit; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.kqbm-shell { margin: 0 auto; max-width: var(--kqbm-width); padding-left: 20px; padding-right: 20px; width: 100%; }

.kqbm-topline { background: var(--kqbm-header); color: rgba(255,255,255,.76); font-size: 11px; }
.kqbm-topline__inner { align-items: center; display: flex; gap: 8px; height: 30px; }
.kqbm-topline time { margin-left: auto; }
.kqbm-live-dot { animation: kqbm-pulse 1.6s infinite; background: var(--kqbm-accent); border-radius: 50%; height: 7px; width: 7px; }
@keyframes kqbm-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(18,183,106,.4); } 50% { box-shadow: 0 0 0 6px rgba(18,183,106,0); } }

.kqbm-header { background: rgba(255,255,255,.96); border-bottom: 1px solid var(--kqbm-border); box-shadow: 0 6px 24px rgba(15,28,55,.05); position: sticky; top: 0; z-index: 50; }
.admin-bar .kqbm-header { top: 32px; }
.kqbm-header__main { align-items: center; display: flex; gap: 28px; min-height: 76px; }
.kqbm-brand { align-items: center; display: flex; flex: 0 0 auto; min-width: 210px; }
.kqbm-brand .custom-logo-link { display: block; line-height: 0; }
.kqbm-brand .custom-logo { max-height: 52px; max-width: 250px; object-fit: contain; width: auto; }
.kqbm-brand__fallback { align-items: center; color: var(--kqbm-text); display: flex; gap: 11px; text-decoration: none; }
.kqbm-brand__fallback > span:last-child { display: grid; }
.kqbm-brand__fallback strong { font-size: 20px; font-weight: 900; letter-spacing: -.04em; line-height: 1.05; }
.kqbm-brand__fallback small { color: var(--kqbm-muted); font-size: 9px; margin-top: 5px; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kqbm-brand__mark { align-items: center; background: linear-gradient(145deg,var(--kqbm-primary),color-mix(in srgb,var(--kqbm-primary) 68%,#020617)); border-radius: 12px; box-shadow: 0 7px 18px color-mix(in srgb,var(--kqbm-primary) 25%,transparent); color: #fff; display: inline-flex; flex: 0 0 43px; font-size: 16px; font-weight: 950; height: 43px; justify-content: center; letter-spacing: -.04em; transform: skew(-4deg); }
.kqbm-primary-nav { margin-left: auto; }
.kqbm-primary-nav ul { align-items: center; display: flex; gap: 3px; list-style: none; margin: 0; padding: 0; }
.kqbm-primary-nav a { border-radius: 9px; color: var(--kqbm-text); display: block; font-size: 13px; font-weight: 750; padding: 10px 12px; text-decoration: none; }
.kqbm-primary-nav a:hover, .kqbm-primary-nav .current-menu-item > a { background: color-mix(in srgb,var(--kqbm-primary) 8%,#fff); color: var(--kqbm-primary); }
.kqbm-menu-toggle { align-items: center; appearance: none; background: #fff; border: 1px solid var(--kqbm-border); border-radius: 11px; cursor: pointer; display: none; flex-direction: column; gap: 4px; height: 43px; justify-content: center; margin-left: auto; width: 45px; }
.kqbm-menu-toggle span { background: var(--kqbm-header); border-radius: 2px; display: block; height: 2px; transition: .2s; width: 19px; }
.kqbm-menu-toggle.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.kqbm-menu-toggle.is-open span:nth-child(2) { opacity: 0; }
.kqbm-menu-toggle.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.kqbm-data-bar { background: #fff; border-top: 1px solid #f0f2f6; }
.kqbm-data-nav { display: grid; gap: 9px; grid-template-columns: repeat(4,minmax(0,1fr)); padding-bottom: 10px; padding-top: 10px; }
.kqbm-data-link { align-items: center; background: #f7f9fc; border: 1px solid transparent; border-radius: 13px; color: var(--kqbm-text); display: flex; gap: 10px; min-height: 56px; padding: 8px 12px; text-decoration: none; transition: background .2s,border-color .2s,transform .2s; }
.kqbm-data-link:hover { border-color: color-mix(in srgb,var(--kqbm-primary) 20%,#fff); transform: translateY(-1px); }
.kqbm-data-link.is-active { background: var(--kqbm-primary); box-shadow: 0 9px 22px color-mix(in srgb,var(--kqbm-primary) 23%,transparent); color: #fff; }
.kqbm-data-link i { align-items: center; background: #fff; border: 1px solid var(--kqbm-border); border-radius: 10px; color: var(--kqbm-primary); display: inline-flex; flex: 0 0 36px; font-size: 17px; font-style: normal; font-weight: 900; height: 36px; justify-content: center; }
.kqbm-data-link.is-active i { border-color: rgba(255,255,255,.2); }
.kqbm-data-link span { display: grid; line-height: 1.2; }
.kqbm-data-link small { color: var(--kqbm-muted); font-size: 9px; font-weight: 650; margin-bottom: 3px; text-transform: uppercase; }
.kqbm-data-link strong { font-size: 13px; }
.kqbm-data-link.is-active small { color: rgba(255,255,255,.7); }
.kqbm-data-link--news.is-active { background: var(--kqbm-header); }

.kqbm-league-strip { background: var(--kqbm-header); }
.kqbm-league-strip__inner { align-items: center; display: flex; gap: 7px; min-height: 44px; overflow-x: auto; scrollbar-width: none; }
.kqbm-league-strip__inner::-webkit-scrollbar { display: none; }
.kqbm-league-strip__label { color: var(--kqbm-accent); flex: 0 0 auto; font-size: 10px; font-weight: 900; letter-spacing: .08em; margin-right: 3px; text-transform: uppercase; }
.kqbm-league-strip a { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); border-radius: 999px; color: rgba(255,255,255,.82); flex: 0 0 auto; font-size: 10px; font-weight: 800; padding: 6px 11px; text-decoration: none; text-transform: uppercase; }
.kqbm-league-strip a:hover { background: var(--kqbm-accent); border-color: var(--kqbm-accent); color: #061a11; }

.kqbm-site-content { min-height: 62vh; padding: 26px 0 42px; }
.kqbm-data-layout { align-items: start; display: grid; gap: 22px; grid-template-columns: minmax(0,1fr) 258px; }
.kqbm-data-layout--wide { grid-template-columns: minmax(0,1fr); }
.kqbm-data-layout > .kqbm-main-column, .kqbm-data-layout > .main-column { grid-column: 1; grid-row: 1; min-width: 0; }
.kqbm-data-layout > .kqbm-data-sidebar, .kqbm-data-layout > .data-sidebar { grid-column: 2; grid-row: 1; }
.kqbm-data-layout--wide > .kqbm-main-column, .kqbm-data-layout--wide > .main-column { grid-column: 1; }
.kqbm-page-layout { margin: 0 auto; max-width: 980px; }
.kqbm-article-layout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0,1fr) 320px; margin: 0 auto; max-width: 1160px; }
.kqbm-main-column, .main-column { min-width: 0; }
.kqbm-data-sidebar, .data-sidebar, .kqbm-article-sidebar { min-width: 0; position: sticky; top: 206px; }
.admin-bar .kqbm-data-sidebar, .admin-bar .data-sidebar, .admin-bar .kqbm-article-sidebar { top: 238px; }

.kqbm-widget { background: var(--kqbm-surface); border: 1px solid var(--kqbm-border); border-radius: 16px; box-shadow: 0 8px 28px rgba(22,34,60,.05); margin: 0 0 15px; overflow: hidden; }
.kqbm-widget > header, .kqbm-widget__title { border-bottom: 1px solid var(--kqbm-border); margin: 0; padding: 14px 15px 12px; }
.kqbm-widget > header span { color: var(--kqbm-primary); display: block; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.kqbm-widget > header h2, .kqbm-widget__title { color: var(--kqbm-header); font-size: 15px; font-weight: 900; line-height: 1.2; margin: 3px 0 0; }
.kqbm-widget ul, .kqbm-widget ol { list-style: none; margin: 0; padding: 7px; }
.kqbm-widget--leagues li + li { border-top: 1px solid #f0f2f6; }
.kqbm-widget--leagues ul { max-height: 460px; overflow-y: auto; scrollbar-width: thin; }
.kqbm-widget--leagues li a { align-items: center; color: var(--kqbm-text); display: grid; font-size: 11px; font-weight: 750; gap: 8px; grid-template-columns: 28px minmax(0,1fr) 10px; padding: 8px 7px; text-decoration: none; }
.kqbm-widget--leagues li a:hover { color: var(--kqbm-primary); }
.kqbm-widget--leagues li i { align-items: center; background: color-mix(in srgb,var(--kqbm-primary) 8%,#fff); border-radius: 8px; color: var(--kqbm-primary); display: inline-flex; font-size: 10px; font-style: normal; height: 28px; justify-content: center; }
.kqbm-widget--leagues li b { color: #a7afbd; }
.kqbm-widget--quick > div { display: grid; gap: 7px; padding: 10px; }
.kqbm-widget--quick a { align-items: center; background: #f7f9fc; border-radius: 10px; color: var(--kqbm-text); display: flex; font-size: 11px; font-weight: 800; gap: 8px; padding: 9px; text-decoration: none; }
.kqbm-widget--quick a:hover { background: color-mix(in srgb,var(--kqbm-primary) 8%,#fff); color: var(--kqbm-primary); }
.kqbm-widget--quick i { color: var(--kqbm-primary); font-style: normal; }
.kqbm-widget--news ol { counter-reset: news; padding: 7px 13px 12px 38px; }
.kqbm-widget--news li { counter-increment: news; margin: 9px 0; position: relative; }
.kqbm-widget--news li::before { color: var(--kqbm-primary); content: counter(news,decimal-leading-zero); font-size: 9px; font-weight: 900; left: -27px; position: absolute; top: 2px; }
.kqbm-widget--news a { color: var(--kqbm-text); display: block; font-size: 11px; font-weight: 700; line-height: 1.45; text-decoration: none; }

.kqbm-surface { background: var(--kqbm-surface); border: 1px solid var(--kqbm-border); border-radius: var(--kqbm-radius); box-shadow: var(--kqbm-shadow); padding: clamp(20px,3vw,38px); }
.kqbm-data-surface { min-width: 0; }
.kqbm-entry-header { margin-bottom: 24px; }
.kqbm-entry-header h1, .kqbm-archive-heading h1 { color: var(--kqbm-header); font-size: clamp(29px,4vw,44px); letter-spacing: -.035em; line-height: 1.13; margin: 4px 0 9px; }
.kqbm-kicker { color: var(--kqbm-primary); display: block; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.kqbm-entry-meta { align-items: center; color: var(--kqbm-muted); display: flex; font-size: 11px; gap: 8px; }
.kqbm-featured-image { margin: 0 0 28px; }
.kqbm-featured-image img { border-radius: 14px; display: block; width: 100%; }
.kqbm-entry-content { overflow-wrap: anywhere; }
.kqbm-entry-content > :first-child { margin-top: 0; }
.kqbm-entry-content > :last-child { margin-bottom: 0; }
.kqbm-entry-content p { margin: 0 0 18px; text-align: justify; }
.kqbm-entry-content h2 { color: var(--kqbm-header); font-size: clamp(23px,3vw,29px); letter-spacing: -.02em; line-height: 1.3; margin: 34px 0 13px; }
.kqbm-entry-content h3 { color: var(--kqbm-header); font-size: 20px; line-height: 1.35; margin: 26px 0 10px; }
.kqbm-entry-content ul, .kqbm-entry-content ol { margin: 0 0 20px; padding-left: 24px; }
.kqbm-entry-content li { margin-bottom: 6px; }
.kqbm-entry-content figure, .kqbm-entry-content img { margin-left: auto; margin-right: auto; }
.kqbm-entry-content figure { text-align: center; }
.kqbm-entry-content img { border-radius: 10px; }
.kqbm-entry-content blockquote { background: color-mix(in srgb,var(--kqbm-primary) 5%,#fff); border-left: 4px solid var(--kqbm-primary); margin: 24px 0; padding: 16px 20px; }
.kqbm-empty { text-align: center; }

.kqbm-latest, .kqbm-related { margin-top: 34px; }
.kqbm-section-heading { align-items: end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 15px; }
.kqbm-section-heading span { color: var(--kqbm-primary); display: block; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.kqbm-section-heading h2 { color: var(--kqbm-header); font-size: 24px; letter-spacing: -.025em; line-height: 1.2; margin: 3px 0 0; }
.kqbm-section-heading > a { background: var(--kqbm-surface); border: 1px solid var(--kqbm-border); border-radius: 999px; color: var(--kqbm-text); font-size: 10px; font-weight: 800; padding: 7px 11px; text-decoration: none; }
.kqbm-section-heading > a:hover { border-color: var(--kqbm-primary); color: var(--kqbm-primary); }
.kqbm-post-grid { display: grid; gap: 16px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.kqbm-post-grid--related { grid-template-columns: repeat(2,minmax(0,1fr)); }
.kqbm-post-card { background: var(--kqbm-surface); border: 1px solid var(--kqbm-border); border-radius: 16px; min-width: 0; overflow: hidden; transition: transform .2s,box-shadow .2s; }
.kqbm-post-card:hover { box-shadow: var(--kqbm-shadow); transform: translateY(-3px); }
.kqbm-post-card__image { align-items: center; aspect-ratio: 16/9; background: linear-gradient(145deg,color-mix(in srgb,var(--kqbm-primary) 15%,#fff),color-mix(in srgb,var(--kqbm-header) 15%,#fff)); display: flex; justify-content: center; overflow: hidden; }
.kqbm-post-card__image img { height: 100%; object-fit: cover; transition: transform .35s; width: 100%; }
.kqbm-post-card__image > span { color: var(--kqbm-primary); font-size: 30px; font-weight: 950; }
.kqbm-post-card:hover .kqbm-post-card__image img { transform: scale(1.04); }
.kqbm-post-card__body { padding: 14px 15px 17px; }
.kqbm-post-card__meta { align-items: center; color: var(--kqbm-muted); display: flex; font-size: 9px; gap: 8px; justify-content: space-between; text-transform: uppercase; }
.kqbm-post-card__meta span { color: var(--kqbm-primary); font-weight: 850; }
.kqbm-post-card h2 { font-size: 15px; line-height: 1.42; margin: 7px 0 6px; }
.kqbm-post-card h2 a { color: var(--kqbm-text); text-decoration: none; }
.kqbm-post-card p { color: var(--kqbm-muted); font-size: 11px; line-height: 1.5; margin: 0; }
.kqbm-archive { margin: 0 auto; max-width: 1160px; }
.kqbm-archive-heading { margin-bottom: 22px; }
.kqbm-archive-heading > div { color: var(--kqbm-muted); max-width: 700px; }
.pagination { margin-top: 28px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 7px; }
.page-numbers { align-items: center; background: var(--kqbm-surface); border: 1px solid var(--kqbm-border); border-radius: 9px; color: var(--kqbm-text); display: inline-flex; font-size: 12px; font-weight: 800; justify-content: center; min-height: 39px; min-width: 39px; padding: 7px 11px; text-decoration: none; }
.page-numbers.current { background: var(--kqbm-primary); border-color: var(--kqbm-primary); color: #fff; }

.kqbm-footer { background: var(--kqbm-header); color: rgba(255,255,255,.68); padding: 42px 0 0; }
.kqbm-footer__grid { display: grid; gap: 35px; grid-template-columns: 1.4fr repeat(3,1fr); }
.kqbm-footer__brand > a { align-items: center; color: #fff; display: flex; font-size: 19px; gap: 10px; text-decoration: none; }
.kqbm-footer__brand p { font-size: 11px; max-width: 350px; }
.kqbm-footer h2 { color: #fff; font-size: 12px; margin: 0 0 13px; text-transform: uppercase; }
.kqbm-footer ul { list-style: none; margin: 0; padding: 0; }
.kqbm-footer li { margin: 7px 0; }
.kqbm-footer a { color: rgba(255,255,255,.68); font-size: 11px; text-decoration: none; }
.kqbm-footer a:hover { color: #fff; }
.kqbm-footer__bottom { border-top: 1px solid rgba(255,255,255,.1); display: flex; font-size: 10px; justify-content: space-between; margin-top: 34px; padding-bottom: 18px; padding-top: 18px; }
.kqbm-mobile-nav { display: none; }
.kqbm-not-found { margin: 50px auto; max-width: 680px; text-align: center; }
.kqbm-not-found > span { color: color-mix(in srgb,var(--kqbm-primary) 20%,#fff); display: block; font-size: 110px; font-weight: 950; line-height: .9; }
.kqbm-not-found h1 { color: var(--kqbm-header); }
.kqbm-not-found > a { background: var(--kqbm-primary); border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; font-weight: 800; padding: 10px 15px; text-decoration: none; }

/* Football Data Suite: giao diện dashboard riêng của theme. */
.kqbm-data-surface .fds-app, .kqbm-data-layout .fds-app { --fds-primary: var(--kqbm-primary); --fds-accent: var(--kqbm-accent); --fds-border: var(--kqbm-border); --fds-muted: var(--kqbm-muted); margin-bottom: 28px; max-width: none; }
.kqbm-data-layout .fds-app__header, .kqbm-data-surface .fds-app__header { align-items: center; background: linear-gradient(125deg,var(--kqbm-header),color-mix(in srgb,var(--kqbm-primary) 74%,var(--kqbm-header))); border-radius: var(--kqbm-radius); box-shadow: 0 15px 34px color-mix(in srgb,var(--kqbm-primary) 16%,transparent); margin-bottom: 14px; min-height: 118px; overflow: hidden; padding: 22px 25px; position: relative; }
.kqbm-data-layout .fds-app__header::after, .kqbm-data-surface .fds-app__header::after { border: 24px solid rgba(255,255,255,.06); border-radius: 50%; content: ""; height: 110px; position: absolute; right: 18%; top: -58px; width: 110px; }
.kqbm-data-layout .fds-title, .kqbm-data-surface .fds-title { color: #fff; font-size: clamp(29px,4vw,42px); letter-spacing: -.04em; position: relative; z-index: 1; }
.kqbm-data-layout .fds-eyebrow, .kqbm-data-surface .fds-eyebrow { color: var(--kqbm-accent); position: relative; z-index: 1; }
.kqbm-data-layout .fds-last-update, .kqbm-data-surface .fds-last-update { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: rgba(255,255,255,.78); padding: 7px 10px; position: relative; z-index: 1; }
.kqbm-data-layout .fds-date-nav, .kqbm-data-surface .fds-date-nav { border: 0; border-radius: 15px; box-shadow: 0 8px 24px rgba(19,35,65,.07); padding: 7px; }
.kqbm-data-layout .fds-date-button, .kqbm-data-surface .fds-date-button { border-radius: 10px; }
.kqbm-data-layout .fds-date-button:hover, .kqbm-data-layout .fds-date-button.is-active, .kqbm-data-surface .fds-date-button:hover, .kqbm-data-surface .fds-date-button.is-active { background: var(--kqbm-primary); box-shadow: 0 7px 16px color-mix(in srgb,var(--kqbm-primary) 20%,transparent); }
.kqbm-data-layout .fds-data-summary, .kqbm-data-surface .fds-data-summary { background: var(--kqbm-surface); border: 1px solid var(--kqbm-border); border-radius: 13px; color: var(--kqbm-muted); padding: 11px 15px; }
.kqbm-data-layout .fds-data-summary b, .kqbm-data-surface .fds-data-summary b { color: var(--kqbm-header); }
.kqbm-data-layout .fds-league-card, .kqbm-data-surface .fds-league-card { border: 0; border-radius: 16px; box-shadow: 0 8px 30px rgba(22,34,60,.07); margin-bottom: 16px; }
.kqbm-data-layout .fds-league-card__head, .kqbm-data-surface .fds-league-card__head { background: var(--kqbm-surface); border-bottom: 1px solid var(--kqbm-border); border-left: 4px solid var(--kqbm-primary); min-height: 54px; padding: 11px 16px; }
.kqbm-data-layout .fds-league-card__head h2, .kqbm-data-surface .fds-league-card__head h2 { color: var(--kqbm-header); font-size: 15px; letter-spacing: -.01em; text-transform: none; }
.kqbm-data-layout .fds-league-card__head h2 small, .kqbm-data-surface .fds-league-card__head h2 small { background: color-mix(in srgb,var(--kqbm-primary) 7%,#fff); color: var(--kqbm-primary); }
.kqbm-data-layout .fds-match, .kqbm-data-surface .fds-match { min-height: 73px; }
.kqbm-data-layout .fds-team i, .kqbm-data-surface .fds-team i { background: var(--kqbm-header); box-shadow: none; }
.kqbm-data-layout .fds-score strong, .kqbm-data-surface .fds-score strong { background: #f4f7fb; border-color: var(--kqbm-border); color: var(--kqbm-header); }
.kqbm-data-layout .fds-match.is-live .fds-score strong, .kqbm-data-surface .fds-match.is-live .fds-score strong { background: #e62958; color: #fff; }
.kqbm-data-layout .fds-league-tabs, .kqbm-data-surface .fds-league-tabs { background: var(--kqbm-surface); border: 1px solid var(--kqbm-border); border-radius: 13px; box-shadow: 0 8px 24px rgba(19,35,65,.05); }
.kqbm-data-layout .fds-league-tabs a, .kqbm-data-surface .fds-league-tabs a { color: var(--kqbm-muted); }
.kqbm-data-layout .fds-league-tabs a.is-active, .kqbm-data-layout .fds-league-tabs a:hover, .kqbm-data-surface .fds-league-tabs a.is-active, .kqbm-data-surface .fds-league-tabs a:hover { background: var(--kqbm-primary); color: #fff; }
.kqbm-data-layout .fds-round-filter, .kqbm-data-surface .fds-round-filter, .kqbm-data-layout .fds-league-description, .kqbm-data-surface .fds-league-description { border: 0; box-shadow: 0 7px 22px rgba(20,36,67,.06); }
.kqbm-data-layout .fds-odds-table th, .kqbm-data-layout .fds-standings th, .kqbm-data-surface .fds-odds-table th, .kqbm-data-surface .fds-standings th { background: #f4f7fb; color: var(--kqbm-muted); }
.kqbm-data-layout .fds-standings tbody tr:nth-child(-n+4) td:first-child b, .kqbm-data-surface .fds-standings tbody tr:nth-child(-n+4) td:first-child b { background: var(--kqbm-primary); }
.kqbm-density-compact .fds-match { min-height: 62px; padding-bottom: 6px; padding-top: 6px; }
.kqbm-density-compact .fds-odds-table th, .kqbm-density-compact .fds-odds-table td, .kqbm-density-compact .fds-standings th, .kqbm-density-compact .fds-standings td { padding-bottom: 8px; padding-top: 8px; }

@media (max-width: 1120px) {
    .kqbm-data-layout { grid-template-columns: minmax(0,1fr) 235px; }
    .kqbm-primary-nav a { padding-left: 8px; padding-right: 8px; }
    .kqbm-post-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 920px) {
    .kqbm-primary-nav { background: #fff; border-top: 1px solid var(--kqbm-border); box-shadow: 0 16px 28px rgba(15,28,55,.12); display: none; left: 0; padding: 8px 20px 15px; position: absolute; right: 0; top: 76px; }
    .kqbm-primary-nav.is-open { display: block; }
    .kqbm-primary-nav ul { align-items: stretch; display: grid; }
    .kqbm-primary-nav a { padding: 10px; }
    .kqbm-menu-toggle { display: flex; }
    .kqbm-data-layout, .kqbm-article-layout { grid-template-columns: minmax(0,1fr); }
    .kqbm-data-layout > .kqbm-data-sidebar, .kqbm-data-layout > .data-sidebar, .kqbm-data-sidebar, .data-sidebar, .kqbm-article-sidebar { display: none; }
    .kqbm-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 782px) {
    .admin-bar .kqbm-header { top: 46px; }
}

@media (max-width: 700px) {
    body:not(.kqbm-no-mobile-nav) { padding-bottom: 69px; }
    .kqbm-shell { padding-left: 11px; padding-right: 11px; }
    .kqbm-topline__inner { height: 28px; }
    .kqbm-topline time { display: none; }
    .kqbm-header__main { min-height: 64px; }
    .kqbm-brand { min-width: 0; }
    .kqbm-brand .custom-logo { max-height: 42px; max-width: 190px; }
    .kqbm-brand__mark { border-radius: 10px; flex-basis: 38px; height: 38px; }
    .kqbm-brand__fallback strong { font-size: 17px; }
    .kqbm-brand__fallback small { display: none; }
    .kqbm-primary-nav { top: 64px; }
    .kqbm-data-bar { display: none; }
    .kqbm-league-strip__inner { min-height: 42px; }
    .kqbm-league-strip__label { position: sticky; left: 0; background: var(--kqbm-header); padding-right: 7px; z-index: 1; }
    .kqbm-site-content { padding-bottom: 25px; padding-top: 13px; }
    .kqbm-surface { border-radius: 14px; padding: 18px 14px; }
    .kqbm-entry-header h1, .kqbm-archive-heading h1 { font-size: 29px; }
    .kqbm-entry-content { font-size: 15px; line-height: 1.72; }
    .kqbm-entry-content h2 { font-size: 23px; }
    .kqbm-post-grid, .kqbm-post-grid--related { grid-template-columns: minmax(0,1fr); }
    .kqbm-section-heading h2 { font-size: 21px; }
    .kqbm-post-card { display: grid; grid-template-columns: 120px minmax(0,1fr); }
    .kqbm-post-card__image { aspect-ratio: auto; min-height: 116px; }
    .kqbm-post-card__body { padding: 11px 12px; }
    .kqbm-post-card p { display: none; }
    .kqbm-footer { padding-top: 30px; }
    .kqbm-footer__grid { grid-template-columns: minmax(0,1fr); }
    .kqbm-footer__grid > section:not(.kqbm-footer__brand) { display: none; }
    .kqbm-footer__bottom { display: grid; gap: 4px; }
    .kqbm-mobile-nav { align-items: stretch; background: rgba(255,255,255,.96); border-top: 1px solid var(--kqbm-border); bottom: 0; box-shadow: 0 -8px 26px rgba(18,31,58,.09); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); left: 0; padding: 6px max(7px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left)); position: fixed; right: 0; z-index: 100; }
    .kqbm-mobile-nav a { align-items: center; border-radius: 10px; color: var(--kqbm-muted); display: flex; flex-direction: column; font-size: 9px; font-weight: 800; gap: 1px; justify-content: center; min-height: 49px; text-decoration: none; }
    .kqbm-mobile-nav a i { font-size: 17px; font-style: normal; }
    .kqbm-mobile-nav a.is-active { background: color-mix(in srgb,var(--kqbm-primary) 9%,#fff); color: var(--kqbm-primary); }

    .kqbm-data-layout .fds-app__header, .kqbm-data-surface .fds-app__header { border-radius: 15px; min-height: 98px; padding: 17px 15px; }
    .kqbm-data-layout .fds-title, .kqbm-data-surface .fds-title { font-size: 29px; }
    .kqbm-data-layout .fds-last-update, .kqbm-data-surface .fds-last-update { background: transparent; border: 0; padding: 0; }
    .kqbm-data-layout .fds-date-nav, .kqbm-data-surface .fds-date-nav { border-radius: 13px; margin-bottom: 11px; padding: 5px; }
    .kqbm-data-layout .fds-data-summary, .kqbm-data-surface .fds-data-summary { gap: 7px 11px; margin-bottom: 10px; padding: 9px 10px; }
    .kqbm-data-layout .fds-league-card, .kqbm-data-surface .fds-league-card { border-radius: 13px; margin-bottom: 11px; }
    .kqbm-data-layout .fds-league-card__head, .kqbm-data-surface .fds-league-card__head { min-height: 48px; padding: 9px 10px; }
    .kqbm-data-layout .fds-league-card__head h2, .kqbm-data-surface .fds-league-card__head h2 { font-size: 12px; }
    .kqbm-data-layout .fds-match, .kqbm-data-surface .fds-match { gap: 5px; grid-template-columns: 43px minmax(0,1fr) 56px minmax(0,1fr); min-height: 72px; padding: 7px 7px; }
    .kqbm-data-layout .fds-match-meta, .kqbm-data-surface .fds-match-meta { font-size: 8px; grid-column: 2 / -1; }
    .kqbm-data-layout .fds-team, .kqbm-data-surface .fds-team { font-size: 11px; }
    .kqbm-data-layout .fds-score strong, .kqbm-data-surface .fds-score strong { min-width: 49px; padding: 5px 4px; }
    .kqbm-data-layout .fds-odds-table tbody, .kqbm-data-surface .fds-odds-table tbody { background: transparent; gap: 8px; padding: 8px; }
    .kqbm-data-layout .fds-odds-table tr, .kqbm-data-surface .fds-odds-table tr { border-radius: 10px; box-shadow: none; }
    .kqbm-data-layout .fds-standings, .kqbm-data-surface .fds-standings { border: 0; }
}

@media (max-width: 390px) {
    .kqbm-brand__fallback strong { font-size: 15px; }
    .kqbm-post-card { grid-template-columns: 105px minmax(0,1fr); }
    .kqbm-data-layout .fds-title, .kqbm-data-surface .fds-title { font-size: 26px; }
    .kqbm-data-layout .fds-match, .kqbm-data-surface .fds-match { grid-template-columns: 39px minmax(0,1fr) 52px minmax(0,1fr); }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

@supports not (color: color-mix(in srgb,#000,#fff)) {
    .kqbm-brand__mark, .kqbm-data-layout .fds-app__header, .kqbm-data-surface .fds-app__header { background: var(--kqbm-primary); }
    .kqbm-primary-nav a:hover, .kqbm-primary-nav .current-menu-item > a { background: #eef4ff; }
}