/* ==========================================================
   XS3M — nền chung và cấu trúc bảng kết quả.
   Thay cho styles.min.css của nguồn cũ (ketqua.me): giữ phần reset khoảng cách và
   cấu trúc bảng mà giao diện D1 (d1.css, nạp sau) dựa vào; bỏ phần ép màu/font.
   ========================================================== */

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 15px; font-weight: 700; }
ol, ul { list-style: none; }
a { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; height: auto; }
input, select, textarea, button { font-family: inherit; font-size: inherit; font-weight: inherit; }
.clear { clear: both; }
.red { color: #C8102E !important; }
.bg_f9 { background: #F9F9F9; }
.widget { margin-bottom: 10px; }

/* Bảng kết quả miền Bắc */
.result-box { clear: both; border: 1px solid #D8D7D7; }
.result-header { position: relative; text-align: center; padding: 10px 0; }
.result-box table { width: 100%; border: none; table-layout: fixed; }
.result-box table tr td { border: 1px solid #D8D7D7; text-align: center; font-weight: 700; padding: 3px; height: 40px; }
.result-box table tr td:first-child { border-left: none; }
.result-box table tr td:last-child { border-right: none; }
.result-box table tr:last-child td { border-bottom: none; }
.result-box table tr td span { font-size: 25px; height: 40px; line-height: 40px; }
.result-box table tr span.mb_g0 { font-size: 35px; }
.result-box span.col-xs-3, .result-box span.col-xs-4, .result-box span.col-xs-6 { float: left; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.3333%; }
.col-xs-6 { width: 50%; }
@media (min-width: 992px) { .result-box span.col-md-3 { width: 25%; } }
.first-col { width: 97px; font-size: 14px !important; }

/* Bảng kết quả miền Nam / miền Trung (các đài theo cột) */
.table-tructiep { position: relative; margin-bottom: 10px; border: 1px solid #E1E1E1; }
.table-tructiep .table { width: 100%; }
.table tr { text-align: center; }
.table tr td { border: 1px solid #E1E1E1; }
.table-tructiep .table thead tr th:first-child { width: 10%; }
.table-tructiep .table tr td .number { display: block; text-align: center; height: 35px; line-height: 35px; font-weight: 700; font-size: 24px; padding: 3px 0; }
.table-tructiep .table tr td.first-col { font-weight: 400 !important; border-left: none; }
/* ==========================================================
   XS3M D1 — "Truyền thống tinh gọn"
   Nạp sau styles.min.css (ketqua.me): ghi đè màu, chữ, viền bảng
   và dựng bố cục trang chủ 3 cột (.d1-home).
   ========================================================== */

/* Font tự lưu (assets/fonts): Roboto, Roboto Condensed — bộ ký tự latin, latin-ext, vietnamese */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/roboto-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/roboto-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/roboto-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/roboto-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/roboto-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/roboto-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/roboto-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/roboto-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/roboto-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(fonts/roboto-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(fonts/roboto-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(fonts/roboto-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/robotocondensed-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/robotocondensed-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/robotocondensed-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/robotocondensed-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/robotocondensed-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/robotocondensed-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/robotocondensed-vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/robotocondensed-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/robotocondensed-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
    --d1-red: #B5121B;
    --d1-red-dk: #8C1016;
    --d1-gold: #FFC928;
    --d1-gold-lt: #FFF1C4;
    --d1-paper: #FFF9EC;
    --d1-card: #FFFDF8;
    --d1-tan: #F7EBCB;
    --d1-rule: #CDB47A;
    --d1-rule2: #A0864F;
    --d1-ink: #221A12;
    --d1-ink2: #4E3D22;
    --d1-muted: #5C4A2E;
    --d1-tg: #0B76B5;
    --d1-tg-dk: #095F92;
    --d1-tg-lt: #E7F3FA;
    --d1-cond: 'Roboto Condensed', Arial, sans-serif;
    --d1-sans: Roboto, Arial, sans-serif;
}

/* ---------- Nền chung ---------- */
html { background: var(--d1-paper); }
body { margin: 0; background: var(--d1-paper); color: var(--d1-ink); font-family: var(--d1-sans); font-size: 15px; line-height: 1.45; }
a { color: var(--d1-red); }
a:hover { color: var(--d1-red-dk); }
:focus-visible { outline: 3px solid var(--d1-ink); outline-offset: 2px; }
[hidden] { display: none !important; }

.d1-wrap { max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.d1-skip { position: absolute; left: -9999px; top: 0; z-index: 100; padding: 8px 12px; background: var(--d1-gold); color: var(--d1-ink); font-weight: 700; }
.d1-skip:focus { left: 8px; top: 8px; }

/* styles.min.css đặt màu #222 + Arial thẳng cho span/strong/time…: trong các khung của D1, chữ con lấy màu và font của khung */
.d1-mast *, .d1-nav *, .d1-sched *, .d1-foot *, .d1-bnav *, .d1-tabs *, .d1-card-h *, .d1-page-h * { color: inherit; font-family: inherit; }

@keyframes d1-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

/* ---------- Dải đỏ đầu trang ---------- */
.d1-mast { background: var(--d1-red); color: #FFFFFF; }
.d1-mast-in { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding-top: 12px; padding-bottom: 12px; }
.d1-logo { display: flex; flex-direction: row; align-items: center; gap: 12px; color: #FFFFFF; text-decoration: none !important; }
.d1-logo-text { display: flex; flex-direction: column; gap: 7px; }
/* Biểu tượng: 3 viên bi Bắc – Trung – Nam xếp theo dáng chữ S */
.d1-emblem { position: relative; flex: 0 0 auto; width: 50px; height: 70px; }
.d1-emblem span { position: absolute; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 0 0 2px var(--d1-red); color: var(--d1-red-dk); font-family: var(--d1-cond); font-size: 13px; font-weight: 800; line-height: 1; }
.d1-emblem .d1-eb-b { left: 14px; top: 0; background: var(--d1-gold); }
.d1-emblem .d1-eb-t { left: 22px; top: 21px; background: #FFFFFF; }
.d1-emblem .d1-eb-n { left: 6px; top: 42px; background: var(--d1-gold); }
.d1-logo-mark .d1-3 { color: var(--d1-gold); font-size: inherit !important; line-height: inherit; font-weight: inherit; vertical-align: baseline; }
.d1-logo:hover { color: #FFFFFF; }
.d1-logo-mark { display: flex; align-items: center; gap: 0; font-family: var(--d1-cond); font-size: 54px; font-weight: 800; line-height: 1; letter-spacing: -1px; }
.d1-logo-sub { font-family: var(--d1-cond); font-size: 12px; font-weight: 700; letter-spacing: 3.4px; text-transform: uppercase; line-height: 1; }
.d1-mast-date { margin: 0; display: flex; flex-direction: column; justify-content: center; padding-left: 18px; border-left: 1px solid rgba(255,255,255,.45); color: #FFFFFF; font-family: var(--d1-cond); line-height: 1.2; }
.d1-mast-date span { font-size: 15px; font-weight: 700; }
.d1-mast-date strong { font-size: 24px; font-weight: 800; }
.d1-mast-date time { font-family: var(--d1-sans); font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.d1-mast .header-banner { margin-left: auto; max-width: 728px; }
.d1-mast .header-banner:empty { display: none; }
.d1-mast-dove, .d1-menu-btn { display: none; }

/* ---------- Menu chính ---------- */
.d1-nav { position: relative; z-index: 20; background: var(--d1-red-dk); border-bottom: 3px solid var(--d1-gold); }
.d1-nav-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; }
.d1-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.d1-menu > li { position: relative; margin: 0; padding: 0; list-style: none; }
.d1-menu > li > a { display: flex; align-items: center; gap: 6px; height: 46px; padding: 0 13px; color: #FFFFFF; font-family: var(--d1-cond); font-size: 16px; font-weight: 700; text-decoration: none; }
.d1-menu > li > a:hover, .d1-menu > li:focus-within > a { background: rgba(0,0,0,.2); color: #FFFFFF; text-decoration: none; }
.d1-menu > li > a[aria-current], .d1-menu > li.current-menu-item > a { background: var(--d1-paper); color: var(--d1-ink); }
.d1-menu > li.menu-item-has-children > a::after { content: ""; width: 6px; height: 6px; margin: -4px 0 0 4px; border-right: 2px solid var(--d1-gold); border-bottom: 2px solid var(--d1-gold); transform: rotate(45deg); }
.d1-menu .sub-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 30; min-width: 200px; margin: 0; padding: 4px 0; list-style: none; background: var(--d1-card); border: 1px solid var(--d1-ink); box-shadow: 0 6px 14px rgba(34,26,18,.22); }
.d1-menu > li:hover > .sub-menu, .d1-menu > li:focus-within > .sub-menu, .d1-menu > li.is-open > .sub-menu { display: block; }
.d1-menu .sub-menu li { margin: 0; padding: 0; list-style: none; }
.d1-menu .sub-menu a { display: block; padding: 7px 14px; color: var(--d1-ink); font-size: 15px; line-height: 20px; text-decoration: none; }
.d1-menu .sub-menu a:hover { background: var(--d1-tan); }
.d1-sub-btn { display: none; }
.d1-nav-dove { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border: 2px solid var(--d1-gold); color: var(--d1-gold); font-family: var(--d1-cond); font-size: 16px; font-weight: 800; text-decoration: none; }
.d1-nav-dove:hover { background: var(--d1-gold); color: var(--d1-ink); text-decoration: none; }

/* ---------- Lịch quay hôm nay ---------- */
.d1-sched { margin-top: 16px; }
.d1-sched-in { display: flex; flex-wrap: wrap; gap: 1px; background: var(--d1-rule); border: 1px solid var(--d1-rule); }
.d1-sched-h { flex: 1 0 150px; display: flex; align-items: center; margin: 0; padding: 10px 14px; background: var(--d1-tan); font-family: var(--d1-cond); font-size: 18px; line-height: 22px; font-weight: 800; color: var(--d1-ink); }
.d1-sched-cell { flex: 20 1 250px; display: flex; align-items: center; gap: 14px; padding: 10px 16px; background: var(--d1-card); }
.d1-sched-time { display: flex; flex-direction: column; gap: 3px; }
.d1-sched-time span { font-family: var(--d1-cond); font-size: 26px; line-height: 1; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--d1-ink); }
.d1-sched-time small { font-family: var(--d1-cond); font-size: 13px; font-weight: 700; color: var(--d1-muted); white-space: nowrap; }
.d1-sched-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.d1-sched-top { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.d1-sched-name { font-family: var(--d1-cond); font-size: 17px; line-height: 22px; font-weight: 800; color: var(--d1-ink); }
.d1-sched-provs { font-family: var(--d1-cond); font-size: 14px; line-height: 20px; color: var(--d1-ink2); }
.d1-sched-provs a { color: var(--d1-ink2); text-decoration: underline dotted; text-underline-offset: 3px; }
.d1-badge { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 7px; box-sizing: border-box; font-family: var(--d1-cond); font-size: 13px; font-weight: 700; text-decoration: none !important; }
.d1-badge-wait { border: 1px dashed var(--d1-rule2); color: var(--d1-ink2); }
.d1-badge-done { padding: 0; gap: 4px; color: var(--d1-ink); font-size: 14px; font-weight: 800; }
.d1-badge-live { background: #FFFFFF; color: var(--d1-red); font-size: 14px; font-weight: 800; }
.d1-badge-live span { width: 8px; height: 8px; border-radius: 50%; background: var(--d1-red); animation: d1-pulse 1.2s ease-in-out infinite; }
.d1-sched-cell.is-live { background: var(--d1-red); }
.d1-sched-cell.is-live .d1-sched-time span, .d1-sched-cell.is-live .d1-sched-time small,
.d1-sched-cell.is-live .d1-sched-name, .d1-sched-cell.is-live .d1-sched-provs, .d1-sched-cell.is-live .d1-sched-provs a { color: #FFFFFF; }

/* ---------- Bố cục trang chủ ---------- */
.d1-home { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; padding-top: 16px; padding-bottom: 32px; }
.d1-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.d1-col-l { flex: 1 1 380px; }
.d1-col-r { flex: 2.2 1 756px; }
.d1-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; }
.d1-col-m { flex: 1.2 1 440px; }
.d1-col-s { flex: 1 1 300px; }
.d1-b { min-width: 0; }
.d1-b-intro { flex: 1 1 100%; }
.d1-tabs { display: none; }
.d1-empty { width: 100%; padding: 40px 0; text-align: center; }

/* Thẻ có tiêu đề nền kem đậm */
.d1-card { background: var(--d1-card); border: 1px solid var(--d1-rule); }
.d1-card-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; background: var(--d1-tan); border-bottom: 1px solid var(--d1-rule); }
.d1-card-h h2 { margin: 0; font-family: var(--d1-cond); font-size: 17px; line-height: 22px; font-weight: 800; color: var(--d1-ink); }
.d1-card-h span { font-size: 13px; color: var(--d1-muted); }
.d1-card-h span strong { color: var(--d1-ink); }
.d1-card-h a { font-family: var(--d1-cond); font-size: 14px; font-weight: 700; }
.d1-card-more { display: inline-block; margin: 0 12px 12px; font-family: var(--d1-cond); font-size: 14px; font-weight: 700; }

/* ---------- Bảng kết quả (mọi trang) ---------- */
.result-box { margin: 0; background: var(--d1-card); border: 1px solid var(--d1-rule) !important; }
.result-header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 10px 12px; text-align: left; background: var(--d1-card); border-bottom: 3px solid var(--d1-red); }
.result-header h1, .result-header h2, .result-header h3 { margin: 0; }
.result-header .title-kq, .result-header .title-kq a, .title-kq a { font-family: var(--d1-cond); font-size: 20px; line-height: 24px; font-weight: 800; color: var(--d1-ink); }
.result-header .title-link-item, .result-header .title-link-item a { margin: 0; font-family: var(--d1-cond); font-size: 14px; line-height: 20px; color: var(--d1-muted); }
.result-box table { border-collapse: collapse; }
.result-box table tr td { height: auto; padding: 3px 2px; border: 1px solid var(--d1-rule); background: var(--d1-card); color: var(--d1-ink); font-variant-numeric: tabular-nums; }
.result-box table tr.bg_f9 td, .bg_f9 { background: var(--d1-card); }
.result-box .first-col, .result-box table tr td.first-col { width: 56px; background: var(--d1-tan); font-family: var(--d1-cond); font-size: 16px !important; font-weight: 700 !important; color: var(--d1-ink2); }
.result-box table tr td span { height: auto; font-size: 24px; line-height: 34px; font-weight: 700; letter-spacing: 1px; }
.result-box td.mb_madb { font-family: var(--d1-cond); font-size: 16px; color: var(--d1-ink2); }
.result-box table tr td.first-col.red { background: var(--d1-red); color: #FFFFFF !important; font-size: 18px !important; font-weight: 800 !important; }
.result-box table tr:has(.mb_g0) td:not(.first-col) { background: var(--d1-gold-lt); }
.result-box table tr td span.mb_g0, .result-box table tr span.mb_g0 { font-size: 48px; line-height: 58px; font-weight: 900; color: var(--d1-red); letter-spacing: 3px; }
.result-box table tr td span.mb_g1 { font-size: 32px; line-height: 40px; }
.result-box tbody td .mb_g71, .result-box tbody td .mb_g72, .result-box tbody td .mb_g73, .result-box tbody td .mb_g74 { color: var(--d1-red); font-size: 28px; font-weight: 800; }

/* Hiển thị Tất cả / 2 số cuối / 3 số cuối */
.control-panel { height: auto; padding: 8px 10px; border-top: 1px solid var(--d1-rule); background: var(--d1-paper); color: var(--d1-ink); }
.table-tructiep .control-panel { border-top: 1px solid var(--d1-rule); }
.control-panel .digits-form { display: flex; flex-wrap: wrap; align-items: center; margin: 0; }
.control-panel .digits-form::before { content: "Hiển thị"; margin-right: 10px; font-family: var(--d1-cond); font-size: 14px; font-weight: 700; color: var(--d1-ink2); }
.digits-form .radio { position: relative; float: none; margin: 0; }
.digits-form .radio input[type=radio] { display: block; position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.digits-form .radio label { display: inline-flex; align-items: center; height: 40px; margin-left: -1px; padding: 0 12px; border: 1px solid var(--d1-rule2); background: var(--d1-card); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 15px; font-weight: 600; }
.digits-form .radio label::before, .digits-form .radio label::after { display: none; }
.digits-form .radio input:checked + label { position: relative; z-index: 1; background: var(--d1-ink); border-color: var(--d1-ink); color: #FFFFFF; font-weight: 800; }
.digits-form .radio input:focus-visible + label { outline: 3px solid var(--d1-gold); outline-offset: 1px; }

/* Lô tô đầu / đuôi */
.dd-loto-widget { background: var(--d1-card); border: 1px solid var(--d1-rule); }
.d1-b-loto .dd-loto-widget { border: 0; }
.dd-loto-widget table { float: none; height: auto; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.dd-loto-widget table th { height: auto; padding: 5px 8px; line-height: 20px; background: var(--d1-tan); border: 1px solid var(--d1-rule); font-family: var(--d1-cond); font-size: 13px; font-weight: 700; color: var(--d1-ink2); }
.dd-loto-widget table tr td { border: 1px solid var(--d1-rule); background: var(--d1-card); }
.dd-loto-widget table tr td.dd-stt { width: 32px; background: var(--d1-tan); font-family: var(--d1-cond); font-size: 16px; font-weight: 800; color: var(--d1-red); }
.dd-loto-widget table tr td.dd-kq { padding: 5px 8px; font-size: 17px; line-height: 22px; font-weight: 700; color: var(--d1-ink); }
.dd-loto-widget .small.red, .dd-loto-widget tr td .red { font-size: 12px; font-weight: 800; color: var(--d1-red); }

/* Thống kê XSMB (30 lần quay) */
.tk-nhanh-40 { margin: 0; background: var(--d1-card); border: 1px solid var(--d1-rule); }
.tk-nhanh-40 .widget-header { padding: 8px 12px; background: var(--d1-tan); border: 0; border-bottom: 1px solid var(--d1-rule); }
.tk-nhanh-40 .widget-header h2 { margin: 0; text-align: left; font-family: var(--d1-cond); font-size: 17px; line-height: 22px; font-weight: 800; color: var(--d1-ink); }
.tk-nhanh-40 .widget-content { border: 0; }
.tk-nhanh-item-header { padding: 7px 12px; background: var(--d1-paper); border: 0; border-bottom: 1px solid var(--d1-rule); font-family: var(--d1-cond); font-size: 15px; line-height: 20px; font-weight: 700; color: var(--d1-ink); }
.tk-nhanh-item-header .red { color: var(--d1-red); font-size: inherit; font-weight: inherit; }
.tk-nhanh-40 table { width: 100%; margin: 0; border-collapse: collapse; }
.tk-nhanh-40 table tr td, .tk-nhanh-40 .tk-nhanh-number { width: auto; height: auto; padding: 7px 2px; border: 1px solid var(--d1-rule) !important; text-align: center; font-family: var(--d1-cond); font-size: 15px; color: var(--d1-ink2); white-space: nowrap; }
.tk-nhanh-40 table tr:first-child td { border-top: 0 !important; }
.tk-nhanh-40 .bold { font-family: var(--d1-sans); font-size: 18px; font-weight: 800; color: var(--d1-ink); }

/* Miền Nam / Miền Trung */
.table-tructiep { margin: 0; background: var(--d1-card); border: 1px solid var(--d1-rule); }
.table-tructiep .table { width: 100%; margin: 0; border-collapse: collapse; }
.table-tructiep .table thead tr th { padding: 8px 4px; background: var(--d1-tan); border: 1px solid var(--d1-rule); font-family: var(--d1-cond); font-size: 16px; font-weight: 800; color: var(--d1-ink); }
.table-tructiep .table thead tr th a { font-family: var(--d1-cond); font-size: 16px; color: var(--d1-red); text-decoration: none; }
.table-tructiep .table thead tr th:first-child { width: 52px; color: var(--d1-ink2); }
.table-tructiep .table tr td { border: 1px solid var(--d1-rule); background: var(--d1-card); }
.table-tructiep .table tr.bg_f9 td { background: var(--d1-card); }
.table-tructiep .table tr td.first-col { background: var(--d1-tan); font-family: var(--d1-cond); font-size: 15px; font-weight: 700 !important; color: var(--d1-ink2); }
.table-tructiep .table tr td .number { height: auto; padding: 1px 0; line-height: 30px; font-size: 22px; font-weight: 700; color: var(--d1-ink); letter-spacing: .5px; font-variant-numeric: tabular-nums; }
.table-tructiep table .xstn_g8 { color: var(--d1-red) !important; font-size: 28px !important; font-weight: 800; }
.table-tructiep .table tr.gdb td { background: var(--d1-gold-lt); }
.table-tructiep .table tr.gdb td.first-col { background: var(--d1-red); color: #FFFFFF; font-weight: 800 !important; }
.table-tructiep .table tr.gdb td .number { font-size: 28px; font-weight: 900; color: var(--d1-red); }
.d1-home .loto-tructiep { display: none; }
.d1-home .xo_so_mien { margin: 0; }

/* Điện toán */
.dientoan .result-header { border-bottom-width: 1px; }
.dientoan table tr td { height: auto; padding: 4px 2px; line-height: 30px; font-size: 22px; }
.dientoan .th-dientoan, .dientoan .th-dientoan a { font-family: var(--d1-cond); font-size: 14px; color: var(--d1-ink2); }

/* Tiêu đề widget dùng chung */
.widget-header-item { padding: 8px 12px; background: var(--d1-tan); border-bottom: 1px solid var(--d1-rule); }
.widget-header-item h3, .widget-header-item h3 a { margin: 0; text-align: left; font-family: var(--d1-cond); font-size: 17px; line-height: 22px; font-weight: 800; color: var(--d1-ink); }

/* ---------- Cột phải ---------- */
/* Dò vé */
.d1-dove-form { display: grid; grid-template-columns: 60px minmax(0, 1fr); align-items: center; gap: 8px 10px; margin: 0; padding: 12px; }
.d1-dove-form label { font-family: var(--d1-cond); font-size: 15px; font-weight: 700; color: var(--d1-ink); }
.d1-dove-form select { width: 100%; height: 40px; padding: 0 8px; border: 1px solid var(--d1-rule2); border-radius: 0; background: #FFFFFF; color: var(--d1-ink); font-family: var(--d1-sans); font-size: 15px; }
.d1-dove-form input { width: 100%; height: 44px; box-sizing: border-box; padding: 0 10px; border: 1px solid var(--d1-ink); border-radius: 0; background: #FFFFFF; color: var(--d1-ink); font-family: var(--d1-sans); font-size: 22px; font-weight: 700; letter-spacing: 3px; font-variant-numeric: tabular-nums; }
.d1-dove-form button { grid-column: 1 / -1; height: 44px; border: 1px solid var(--d1-ink); background: var(--d1-gold); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 17px; font-weight: 800; cursor: pointer; }
.d1-dove-out { padding: 0 12px 10px; font-size: 14px; line-height: 20px; color: var(--d1-ink2); }
.d1-dove-out p { margin: 6px 0 0; }
.d1-dove-res { border: 1px solid var(--d1-ink); background: var(--d1-card); }
.d1-dove-res-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 6px 10px; background: var(--d1-gold); color: var(--d1-ink); }
.d1-dove-res-h b { font-family: var(--d1-cond); font-size: 17px; font-weight: 800; }
.d1-dove-group { padding: 4px 10px 8px; border-top: 1px solid var(--d1-rule); }
.d1-dove-group b { display: block; font-family: var(--d1-cond); font-size: 15px; line-height: 26px; font-weight: 800; color: var(--d1-red); }
.d1-dove-row { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; line-height: 24px; color: var(--d1-ink); }
.d1-dove-row span:last-child { font-weight: 800; letter-spacing: .5px; font-variant-numeric: tabular-nums; }
.d1-dove-miss { padding: 8px 10px; border: 1px dashed var(--d1-rule2); }
.d1-hit { background: var(--d1-gold) !important; color: var(--d1-ink) !important; box-shadow: 0 0 0 2px var(--d1-ink); border-radius: 2px; }
.d1-part { background: var(--d1-gold-lt) !important; box-shadow: inset 0 -3px 0 var(--d1-ink); }

/* Vietlott (khối Mega / Power lấy từ ketqua.me) */
.d1-b-vl .vl-box { margin: 0; padding: 12px; background: transparent; border: 0 !important; border-bottom: 1px solid var(--d1-rule) !important; }
.d1-b-vl .vl-box:last-child { border-bottom: 0 !important; }
.d1-b-vl .title-vietlott { margin: 0; padding: 0; text-align: left; }
.d1-b-vl .title-vietlott a { font-family: var(--d1-cond); font-size: 18px; font-weight: 800; color: var(--d1-ink); }
.d1-b-vl .clear, .d1-b-vl .mega645-wins, .d1-b-vl .line-power { display: none; }
.d1-b-vl .mega-content { display: flex; flex-direction: column; }
.d1-b-vl .draw-info { order: 1; margin: 2px 0 0; text-align: left; font-size: 13px; color: var(--d1-muted); }
.d1-b-vl .draw-info .red { color: var(--d1-ink); font-weight: 700; }
.d1-b-vl .mega645-result { order: 2; display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; text-align: left; }
.d1-b-vl .jackpot_info { order: 3; padding: 8px 0 0; border-top: 1px dashed var(--d1-rule); text-align: left; font-size: 13px; color: var(--d1-muted); }
.d1-b-vl .jackpot-amount-box { order: 4; width: auto; margin: 0; padding: 0; border: 0; border-radius: 0; text-align: left; font-family: var(--d1-cond); font-size: 25px; line-height: 30px; font-weight: 800; color: var(--d1-red); }
.d1-b-vl .mega645-item, .d1-b-vl .power-item { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0; padding: 0; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--d1-red); background: #FFFFFF !important; color: var(--d1-ink) !important; font-size: 16px; line-height: 1; font-weight: 700; }
.d1-b-vl .power-item { border-color: var(--d1-ink); }
.d1-b-vl .power-item.power-7 { background: var(--d1-red) !important; color: #FFFFFF !important; }

/* KQXS theo tỉnh */
.widget-tinh { background: var(--d1-card); border: 1px solid var(--d1-rule); }
.widget-tinh .widget-content { padding: 0; border: 0; }
.widget-tinh ul.sub-content { margin: 0; padding: 0; list-style: none; }
.widget-tinh ul.sub-content > li { margin: 0; padding: 0; line-height: normal; border-top: 1px solid var(--d1-rule); list-style: none; }
.widget-tinh ul.sub-content > li:first-child { border-top: 0; }
.widget-tinh .widget-content ul.sub-content li a::before, .widget-tinh .widget-content ul.sub-content li span::before { display: none; }
.widget-tinh ul.sub-content > li > a, .d1-prov-btn { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 44px; padding: 0 12px; box-sizing: border-box; border: 0; background: none; font-family: var(--d1-cond); font-size: 16px; font-weight: 700; color: var(--d1-ink); text-align: left; text-decoration: none; cursor: pointer; }
.d1-prov-btn small { font-family: var(--d1-sans); font-size: 14px; font-weight: 400; color: var(--d1-muted); }
.d1-prov-btn::after, .widget-tinh ul.sub-content > li > a::after { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-right: 2.5px solid var(--d1-red); border-bottom: 2.5px solid var(--d1-red); transform: rotate(45deg); margin-top: -4px; }
.widget-tinh ul.sub-content > li > a::after { transform: rotate(-45deg); margin-top: 0; }
.widget-tinh li.is-open > .d1-prov-btn::after { transform: rotate(225deg); margin-top: 4px; }
.widget-tinh i.fa { display: none; }
.widget-tinh ul.level3 { display: none; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--d1-rule); border-top: 1px solid var(--d1-rule); }
.widget-tinh li.is-open > ul.level3 { display: grid; }
.widget-tinh ul.level3 li { margin: 0; padding: 0; background: var(--d1-card); list-style: none; line-height: normal; }
.widget-tinh .widget-content ul.sub-content ul.level3 li a { display: flex; align-items: center; justify-content: space-between; gap: 4px; width: auto; min-height: 36px; padding: 0 10px; color: var(--d1-ink); font-size: 14px; font-weight: 400; }
.widget-tinh ul.level3 li.d1-today a::after { content: "Hôm nay"; padding: 0 5px; background: var(--d1-gold); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 12px; line-height: 18px; font-weight: 800; }

/* Tra cứu nhanh */
.d1-tc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--d1-rule); }
.d1-tc-grid a { display: flex; align-items: center; justify-content: space-between; gap: 4px; min-height: 40px; padding: 0 10px; background: var(--d1-card); color: var(--d1-ink); font-size: 14px; font-weight: 500; text-decoration: none; }
.d1-tc-grid a svg { color: var(--d1-red); }
.d1-tc-grid a:hover { background: var(--d1-tan); }

/* Bài viết mới (widget WordPress) */
.widget-hq .widget-header-item { border-bottom: 1px solid var(--d1-rule); }
.widget-hq .widget-content { padding: 0; border: 0; }
.widget-hq ul { margin: 0; padding: 0; list-style: none; }
.widget-hq li { margin: 0; padding: 8px 12px; border-top: 1px solid var(--d1-rule); line-height: 20px; list-style: none; }
.widget-hq li:first-child { border-top: 0; }
.widget-hq li a { color: var(--d1-ink); font-size: 14px; }

/* Kết quả theo thứ */
.d1-thu-grid { display: grid; grid-template-columns: 58px repeat(7, minmax(0, 1fr)); gap: 1px; background: var(--d1-rule); font-family: var(--d1-cond); }
.d1-thu-grid > * { display: flex; align-items: center; justify-content: center; height: 36px; background: var(--d1-card); color: var(--d1-ink); font-size: 15px; font-weight: 700; text-decoration: none; }
.d1-thu-grid .d1-thu-lab { background: var(--d1-tan); font-size: 14px; font-weight: 800; }
.d1-thu-grid a:hover { background: var(--d1-tan); text-decoration: none; }
.d1-thu-grid a.is-today { background: var(--d1-ink); color: #FFFFFF; font-weight: 800; }

/* Thống kê loto (dưới cột giữa + cột phải) */
.d1-b-tkl .widget { margin: 0; background: var(--d1-card); border: 1px solid var(--d1-rule); }
.d1-b-tkl .widget-content { padding: 0; border: 0; }
.d1-b-tkl ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--d1-rule); }
.d1-b-tkl li { margin: 0; padding: 0; background: var(--d1-card); line-height: normal; list-style: none; }
.d1-b-tkl .widget-content ul li a { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; color: var(--d1-ink); font-size: 15px; text-decoration: none; }
.d1-b-tkl .widget-content ul li a:hover { background: var(--d1-tan); }
.d1-b-tkl .widget-content ul li .a-item::before { position: static; flex: 0 0 auto; width: 6px; height: 6px; margin: 0; background: var(--d1-red); }

/* Giới thiệu */
.d1-b-intro { padding: 14px 16px; background: var(--d1-card); border: 1px solid var(--d1-rule); font-size: 14px; line-height: 21px; color: var(--d1-ink2); }
.d1-b-intro h2 { margin: 0 0 6px; font-family: var(--d1-cond); font-size: 17px; font-weight: 800; color: var(--d1-ink); }
.d1-b-intro p { margin: 0 0 6px; }

/* Lịch mở thưởng + câu hỏi thường gặp (trang chủ) */
.d1-b-lich, .d1-b-faq { flex: 1 1 100%; }
.d1-lich-wrap { overflow-x: auto; }
.d1-lich-t { width: 100%; margin: 0; table-layout: fixed; border-collapse: collapse; background: var(--d1-card); font-size: 15px; line-height: 21px; }
.d1-lich-t th, .d1-lich-t td { padding: 8px 12px; border: 0; border-bottom: 1px solid var(--d1-rule); background: transparent; text-align: left; vertical-align: top; }
.d1-lich-t thead th { font-family: var(--d1-cond); font-size: 16px; font-weight: 800; color: var(--d1-ink); }
.d1-lich-t thead th:first-child { width: 120px; }
.d1-lich-t thead th a { color: var(--d1-ink); font-family: var(--d1-cond); font-size: 16px; font-weight: 800; }
.d1-lich-t small { font-family: var(--d1-cond); font-size: 13px; font-weight: 700; color: var(--d1-red); }
.d1-lich-t tbody th { width: 120px; font-family: var(--d1-cond); font-size: 16px; font-weight: 800; color: var(--d1-ink); white-space: nowrap; }
.d1-lich-t td a, .d1-lich-t td span { display: inline-block; margin: 0 16px 0 0; color: var(--d1-red); font-family: var(--d1-sans); font-size: 15px; font-weight: 500; }
.d1-lich-t tr.is-today th, .d1-lich-t tr.is-today td { background: var(--d1-gold-lt); }
.d1-lich-t tbody tr:last-child th, .d1-lich-t tbody tr:last-child td { border-bottom: 0; }
.d1-lich-note { margin: 0; padding: 8px 12px; border-top: 1px solid var(--d1-rule); font-size: 13px; line-height: 19px; color: var(--d1-muted); }
.d1-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--d1-rule); }
.d1-faq-i { padding: 12px 14px; background: var(--d1-card); }
.d1-faq-i h3 { margin: 0 0 4px; font-family: var(--d1-cond); font-size: 16px; line-height: 21px; font-weight: 800; color: var(--d1-ink); }
.d1-faq-i p { margin: 0; font-size: 14px; line-height: 21px; color: var(--d1-ink2); }
.d1-faq-i:last-child:nth-child(odd) { grid-column: 1 / -1; }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Ô xem kết quả theo ngày (trang chủ, cột phải, trang theo ngày) */
.d1-ngay-form { display: flex; gap: 6px; margin: 0; }
.d1-ngay-form select, .d1-ngay-form input { height: 40px; box-sizing: border-box; padding: 0 8px; border: 1px solid var(--d1-rule2); border-radius: 0; background: #FFFFFF; color: var(--d1-ink); font-family: var(--d1-sans); font-size: 15px; }
.d1-ngay-form select { flex: 0 0 auto; font-family: var(--d1-cond); font-weight: 700; }
.d1-ngay-form input { flex: 1 1 auto; min-width: 0; }
.d1-ngay-form button { flex: 0 0 auto; height: 40px; padding: 0 14px; border: 1px solid var(--d1-ink); background: var(--d1-gold); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 16px; font-weight: 800; cursor: pointer; }
.d1-thu-ngay { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-top: 1px solid var(--d1-rule); }
.d1-thu-ngay > span { flex: 0 0 auto; font-family: var(--d1-cond); font-size: 15px; font-weight: 800; color: var(--d1-ink); }
.d1-thu-ngay .d1-ngay-form { flex: 1 1 auto; min-width: 0; }
.d1-ngay-card .d1-ngay-form { padding: 12px 12px 0; }
.d1-ngay-moi { margin: 0; padding: 8px 12px 12px; font-size: 14px; color: var(--d1-muted); }
.d1-ngay-moi a { font-weight: 700; }
.d1-ve-sum { margin: 0 12px 4px; padding: 8px 10px; background: var(--d1-gold-lt); border: 1px solid var(--d1-rule); font-size: 14px; line-height: 20px; color: var(--d1-ink); }

/* Trang kết quả theo ngày */
.d1-kq { display: flex; flex-direction: column; gap: 16px; }
.d1-kq-nav { display: grid; grid-template-columns: 1fr minmax(0, 360px) 1fr; align-items: center; gap: 10px; }
.d1-kq-nav a { font-family: var(--d1-cond); font-size: 16px; font-weight: 800; text-decoration: none; }
.d1-kq-next { justify-self: end; }
.d1-kq-head { padding: 10px 12px; background: var(--d1-red); color: #FFFFFF; }
.d1-kq-head h2 { margin: 0; font-family: var(--d1-cond); font-size: 20px; line-height: 26px; font-weight: 800; color: #FFFFFF; }
.d1-kq-head p { margin: 2px 0 0; font-size: 14px; color: #FFE7A3; }
.d1-kq-head p a { color: #FFFFFF; font-weight: 700; text-decoration: underline; }
.d1-kq-xem { margin-top: 8px !important; }
.d1-kq-khoi { margin: 0 0 16px; }
.d1-kq .d1-kq-box { margin: -16px 0 0; }
.d1-kq-dove-form { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: center; gap: 8px 10px; margin: 0; padding: 12px; }
.d1-kq-dove-form label { font-family: var(--d1-cond); font-size: 15px; font-weight: 700; color: var(--d1-ink); }
.d1-kq-dove-form select { height: 40px; padding: 0 8px; border: 1px solid var(--d1-rule2); border-radius: 0; background: #FFFFFF; color: var(--d1-ink); font-size: 15px; }
.d1-kq-dove-form input { height: 44px; box-sizing: border-box; padding: 0 10px; border: 1px solid var(--d1-ink); border-radius: 0; background: #FFFFFF; color: var(--d1-ink); font-size: 22px; font-weight: 700; letter-spacing: 3px; font-variant-numeric: tabular-nums; }
.d1-kq-dove-form button, .d1-kq-luu, .d1-ve-form button { grid-column: 1 / -1; height: 44px; border: 1px solid var(--d1-ink); background: var(--d1-gold); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 17px; font-weight: 800; cursor: pointer; }
.d1-kq-dove-out { padding: 0 12px 12px; font-size: 14px; line-height: 20px; color: var(--d1-ink2); }
.d1-kq-dove-out p { margin: 6px 0 0; }
.d1-kq-luu { width: 100%; margin-top: 10px; }
.d1-loto-wrap { overflow-x: auto; }
.d1-loto-t { width: 100%; margin: 0; border-collapse: collapse; background: var(--d1-card); font-size: 15px; line-height: 21px; }
.d1-loto-t th, .d1-loto-t td { padding: 6px 10px; border: 1px solid var(--d1-rule); text-align: left; vertical-align: top; color: var(--d1-ink); }
.d1-loto-t thead th { background: var(--d1-tan); font-family: var(--d1-cond); font-weight: 800; }
.d1-loto-t tbody th { width: 40px; background: var(--d1-tan); font-family: var(--d1-cond); font-weight: 800; text-align: center; color: var(--d1-red); }
.d1-loto-t td { font-variant-numeric: tabular-nums; }
.d1-loto-t b { color: var(--d1-red); }
.d1-loto-t small { font-size: 12px; color: var(--d1-red); }
.d1-kq-text p { margin: 0; font-size: 15px; line-height: 23px; color: var(--d1-ink2); }
.d1-kq-empty { margin: 0; padding: 16px; background: var(--d1-card); border: 1px dashed var(--d1-rule2); font-size: 15px; line-height: 22px; }
.d1-kq-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.d1-kq-links h2 { margin: 0 0 6px; font-family: var(--d1-cond); font-size: 17px; font-weight: 800; color: var(--d1-ink); }
.d1-kq-links ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.d1-kq-links li { margin: 0; list-style: none; }
.d1-kq-links a { display: inline-block; padding: 5px 10px; background: var(--d1-card); border: 1px solid var(--d1-rule); font-size: 14px; text-decoration: none; }
.d1-kq-links a:hover { background: var(--d1-tan); }

/* GEO: tóm tắt nhanh đầu trang, câu hỏi thường gặp cuối trang (inc/geo.php) */
.d1-geo-tom { margin: 0 0 16px; padding: 12px 14px; background: var(--d1-gold-lt); border: 1px solid var(--d1-rule); border-left: 5px solid var(--d1-red); }
.d1-geo-tom h2 { margin: 0 0 6px; font-family: var(--d1-cond); font-size: 17px; line-height: 22px; font-weight: 800; color: var(--d1-ink); }
.d1-geo-tom ul { margin: 0; padding: 0 0 0 18px; }
.d1-geo-tom li { margin: 0 0 4px; list-style: disc; font-size: 15px; line-height: 22px; color: var(--d1-ink); }
.d1-geo-tom li b { color: var(--d1-red); }
.d1-geo-cn { margin: 6px 0 0; font-size: 12px; color: var(--d1-muted); }
.d1-geo-faq { margin-top: 16px; }
.d1-kq-head .d1-kq-db { margin-top: 4px; color: #FFFFFF; font-size: 15px; }
.d1-kq-head .d1-kq-db b { color: var(--d1-gold); font-size: 17px; letter-spacing: .5px; }

/* Thống kê tự tính (tk.php) */
.d1-tk { display: flex; flex-direction: column; gap: 16px; }
.d1-tk-nav { display: flex; gap: 6px; }
.d1-tk-nav a { padding: 8px 18px; border: 1px solid var(--d1-rule); background: var(--d1-card); font-family: var(--d1-cond); font-size: 16px; font-weight: 800; color: var(--d1-ink); text-decoration: none; }
.d1-tk-nav a[aria-current] { background: var(--d1-red); border-color: var(--d1-red); color: #FFFFFF; }
.d1-tk-tom p { margin: 0 0 6px; font-size: 15px; line-height: 23px; color: var(--d1-ink2); }
.d1-tk-tom .d1-tk-note { font-size: 13px; line-height: 19px; color: var(--d1-muted); }
.d1-tk-t td a, .d1-tk-t th a { font-weight: 700; }
.d1-tk-t tbody th { color: var(--d1-red); font-size: 17px; }
.d1-tk-t td em { font-style: normal; color: var(--d1-red); }
.d1-tk-grid { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 1px; padding: 1px; background: var(--d1-rule); }
.d1-tk-o { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px 0; background: var(--d1-card); color: var(--d1-ink); line-height: 1.15; }
.d1-tk-o b { font-size: 16px; font-variant-numeric: tabular-nums; }
.d1-tk-o span { font-size: 12px; color: var(--d1-ink2); }
.d1-tk-o.m1 { background: #FFF3CF; }
.d1-tk-o.m2 { background: #FFE08A; }
.d1-tk-o.m3 { background: var(--d1-gold); }
.d1-tk-o.m4 { background: var(--d1-red); color: #FFFFFF; }
.d1-tk-o.m4 span { color: #FFE7A3; }
.d1-tk-2c { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; padding: 12px; }
.d1-tk-2c h3 { margin: 0 0 6px; font-family: var(--d1-cond); font-size: 15px; font-weight: 800; color: var(--d1-ink); }
.d1-tk-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.d1-tk-chips span, .d1-tk-chips a { padding: 4px 8px; border: 1px solid var(--d1-rule); background: var(--d1-card); font-size: 14px; color: var(--d1-ink2); text-decoration: none; }
.d1-tk-chips b { color: var(--d1-red); font-size: 15px; }
.d1-tk-chips a { color: var(--d1-red); font-weight: 700; }
.d1-tk-chips a:hover { background: var(--d1-tan); }
.d1-tk-chips span[aria-current] { background: var(--d1-red); border-color: var(--d1-red); }
.d1-tk-chips span[aria-current] b { color: #FFFFFF; }
.d1-tk-pad { padding: 12px; }
.d1-tk-dd { padding: 0; gap: 0; }
.d1-tk-bar { width: 100%; border-collapse: collapse; }
.d1-tk-bar th, .d1-tk-bar td { padding: 4px 10px; border-bottom: 1px solid var(--d1-rule); text-align: left; font-size: 14px; color: var(--d1-ink); }
.d1-tk-bar thead th { background: var(--d1-tan); font-family: var(--d1-cond); font-weight: 800; }
.d1-tk-bar tbody th { width: 34px; font-family: var(--d1-cond); font-size: 16px; color: var(--d1-red); text-align: center; }
.d1-tk-bar td { display: flex; align-items: center; gap: 8px; }
.d1-tk-bar td span { display: block; height: 12px; min-width: 2px; background: var(--d1-gold); box-shadow: inset 0 0 0 1px var(--d1-rule2); }
.d1-tk-bar + .d1-tk-bar { border-left: 1px solid var(--d1-rule); }
.d1-tk-link { margin: 0; font-size: 15px; }
.d1-ngay-moi + .d1-ngay-moi { padding-top: 0; }

/* Quảng bá kênh Telegram: thẻ (trang chủ, cột phải) và dải ngang (dưới bảng kết quả) */
.d1-tg-in { padding: 12px; }
.d1-tg-in p { margin: 0 0 10px; font-size: 14px; line-height: 20px; color: var(--d1-ink2); }
.d1-tg-gio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0 0 12px; padding: 0; list-style: none; background: var(--d1-rule); border: 1px solid var(--d1-rule); }
.d1-tg-gio li { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 6px 2px; background: var(--d1-card); list-style: none; font-family: var(--d1-cond); font-size: 18px; line-height: 22px; font-weight: 800; color: var(--d1-ink); }
.d1-tg-gio span { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--d1-muted); }
.d1-tg-btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; box-sizing: border-box; background: var(--d1-tg); color: #FFFFFF !important; font-family: var(--d1-cond); font-size: 17px; font-weight: 800; text-decoration: none !important; }
.d1-tg-btn:hover { background: var(--d1-tg-dk); color: #FFFFFF; }
.d1-tg-dai { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0; padding: 10px 12px; background: var(--d1-tg-lt); border: 1px solid #A9D2EA; border-left: 5px solid var(--d1-tg); }
.d1-kq .d1-tg-dai, .d1-ve .d1-tg-dai { margin: 0; }
.d1-tg-dai p { margin: 0; font-size: 15px; line-height: 21px; color: var(--d1-ink); }
.d1-tg-dai .d1-tg-btn { flex: 0 0 auto; }

/* Vé của tôi */
.d1-ve { display: flex; flex-direction: column; gap: 16px; }
.d1-ve-form { display: grid; grid-template-columns: 90px minmax(0, 1fr); align-items: center; gap: 8px 10px; margin: 0; padding: 12px; }
.d1-ve-form label { font-family: var(--d1-cond); font-size: 15px; font-weight: 700; color: var(--d1-ink); }
.d1-ve-form select, .d1-ve-form input { width: 100%; height: 42px; box-sizing: border-box; padding: 0 10px; border: 1px solid var(--d1-rule2); border-radius: 0; background: #FFFFFF; color: var(--d1-ink); font-family: var(--d1-sans); font-size: 16px; }
.d1-ve-form #ve-so { border-color: var(--d1-ink); font-size: 22px; font-weight: 700; letter-spacing: 3px; font-variant-numeric: tabular-nums; }
.d1-ve-msg { grid-column: 1 / -1; min-height: 20px; margin: 0; font-size: 14px; color: var(--d1-red); }
.d1-ve-clear { height: 30px; padding: 0 10px; border: 1px solid var(--d1-rule2); background: var(--d1-card); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 14px; font-weight: 700; cursor: pointer; }
.d1-ve-list { display: flex; flex-direction: column; }
.d1-ve-empty { margin: 0; padding: 14px 12px; font-size: 15px; color: var(--d1-muted); }
.d1-ve-item { padding: 10px 12px; border-top: 1px solid var(--d1-rule); border-left: 5px solid var(--d1-rule); }
.d1-ve-item:first-child { border-top: 0; }
.d1-ve-item.is-trung { border-left-color: var(--d1-red); background: var(--d1-gold-lt); }
.d1-ve-item.is-truot { border-left-color: var(--d1-rule2); }
.d1-ve-item.is-cho { border-left-color: var(--d1-gold); }
.d1-ve-top { display: flex; align-items: baseline; gap: 10px; }
.d1-ve-so { font-size: 24px; font-weight: 800; letter-spacing: 2px; color: var(--d1-ink); font-variant-numeric: tabular-nums; }
.d1-ve-so small { font-size: 14px; letter-spacing: 0; color: var(--d1-ink2); }
.d1-ve-top span { flex: 1 1 auto; min-width: 0; font-size: 14px; color: var(--d1-ink2); }
.d1-ve-xoa { flex: 0 0 auto; width: 36px; height: 36px; padding: 0; border: 1px solid var(--d1-rule); background: var(--d1-card); color: var(--d1-ink2); font-size: 20px; line-height: 1; cursor: pointer; }
.d1-ve-ghi { margin: 2px 0 0; font-size: 13px; color: var(--d1-muted); }
.d1-ve-st { margin: 6px 0 2px; font-size: 15px; line-height: 22px; color: var(--d1-ink); }
.d1-ve-item.is-trung .d1-ve-st b { color: var(--d1-red); }
.d1-ve-link { font-size: 14px; font-weight: 700; }
.d1-ve-help-in { padding: 4px 14px 12px; }
.d1-ve-help-in h3 { margin: 10px 0 4px; font-family: var(--d1-cond); font-size: 16px; font-weight: 800; color: var(--d1-ink); }
.d1-ve-help-in p { margin: 0; font-size: 14px; line-height: 21px; color: var(--d1-ink2); }

/* ---------- Chân trang ---------- */
.d1-foot { background: var(--d1-red-dk); border-top: 3px solid var(--d1-gold); color: #FFE9A8; }
.d1-foot-in { display: flex; flex-wrap: wrap; gap: 20px 32px; padding-top: 24px; padding-bottom: 16px; }
.d1-foot-about { flex: 2 1 360px; font-size: 14px; line-height: 21px; }
.d1-foot-about p { margin: 8px 0 0; }
.d1-foot a { color: #FFFFFF; }
.d1-foot-nav { flex: 1 1 150px; }
.d1-foot-nav h2 { margin: 0 0 8px; font-family: var(--d1-cond); font-size: 16px; font-weight: 800; color: var(--d1-gold); }
.d1-foot-nav ul { margin: 0; padding: 0; list-style: none; }
.d1-foot-nav li { margin: 0; line-height: 30px; list-style: none; }
.d1-foot-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding-top: 10px; padding-bottom: 14px; border-top: 1px solid rgba(255,233,168,.3); font-size: 13px; }
.d1-logo-sm { gap: 8px; }
.d1-logo-sm .d1-logo-mark { font-size: 34px; }
.d1-logo-sm .d1-emblem { width: 34px; height: 48px; }
.d1-logo-sm .d1-emblem span { width: 19px; height: 19px; font-size: 9px; box-shadow: 0 0 0 1.5px var(--d1-red-dk); }
.d1-logo-sm .d1-emblem .d1-eb-b { left: 10px; top: 0; } .d1-logo-sm .d1-emblem .d1-eb-t { left: 15px; top: 14px; } .d1-logo-sm .d1-emblem .d1-eb-n { left: 4px; top: 29px; }

/* ---------- Trang con: nội dung bên trái, cột thẻ D1 bên phải ---------- */
.main { width: auto; max-width: none; margin: 0; padding: 0; background: transparent; }
.main .main-content { display: grid; grid-template-columns: minmax(0, 1fr) 300px; column-gap: 16px; align-items: start; width: auto; max-width: 1240px; margin: 0 auto; padding: 4px 20px 32px; box-sizing: border-box; }
.main .main-content > * { grid-column: 1 / -1; min-width: 0; }
.main .main-content > .content-left, .main .main-content > .d1-page-main { grid-column: 1; float: none; width: auto; margin: 0; padding: 0; }
.main .main-content > .d1-page-side, .main .main-content > .main-right { grid-column: 2; float: none; width: auto; margin: 0; padding: 0; }
.main .main-content > .clear { display: none; }
.d1-page-main .content-left, .d1-page-main .main-left { float: none; width: auto; margin: 0; padding: 0; }
/* Một số trang ketqua.me đặt rộng cố định theo id (#left-big 645px, #right-lt-tk …): cho co giãn theo cột */
.d1-page-main > *, .d1-page-side > * { float: none !important; width: auto !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.d1-page-side { display: flex; flex-direction: column; gap: 16px; }
.d1-page-side .tk-loto { display: flex; flex-direction: column; gap: 16px; padding: 0; border: 0; background: none; }
.d1-page-side .main-center, .d1-page-side .main-right { float: none; width: auto; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.d1-page-side .widget, .d1-page-side .widget-tinh, .d1-page-side .widget-hq { margin: 0; background: var(--d1-card); border: 1px solid var(--d1-rule); }
.d1-page-side .widget .widget-content { padding: 0; border: 0; }
.d1-page-side .widget .widget-content ul { margin: 0; padding: 0; list-style: none; }
.d1-page-side .widget .widget-content li { margin: 0; padding: 0; border-top: 1px solid var(--d1-rule); line-height: normal; list-style: none; }
.d1-page-side .widget .widget-content li:first-child { border-top: 0; }
.d1-page-side .widget .widget-content ul li a { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 12px; color: var(--d1-ink); font-size: 15px; text-decoration: none; }
.d1-page-side .widget .widget-content ul li a:hover { background: var(--d1-tan); }
.d1-page-side .widget .widget-content ul li .a-item::before, .d1-page-side .widget .widget-content ul li .text-black-bold::before { position: static; flex: 0 0 auto; width: 6px; height: 6px; margin: 0; background: var(--d1-red); }

/* Breadcrumb + tiêu đề trang */
.breadcrumbs { margin: 12px 0 0; padding: 0; background: none; }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; list-style: none; background: none; font-size: 13px; line-height: 20px; color: var(--d1-muted); }
.breadcrumb li { margin: 0; padding: 0; list-style: none; color: var(--d1-muted); }
.breadcrumb li + li::before { content: "›" !important; padding: 0 6px; color: var(--d1-rule2); }
.breadcrumb a, .breadcrumb a span { color: var(--d1-muted); }
.d1-page-title { margin: 6px 0 14px !important; padding: 0 0 8px; border-bottom: 3px solid var(--d1-red); text-align: left !important; font-family: var(--d1-cond); font-size: 26px !important; line-height: 32px; font-weight: 800; color: var(--d1-ink) !important; }

/* ---------- Thành phần của ketqua.me trong nội dung trang con ---------- */
/* Tiêu đề trùng với tiêu đề trang (template đã in) */
.d1-page-main .main-title { display: none; }
/* Thanh tiêu đề khối: đỏ / xanh đậm cũ → nền kem đậm, chữ đen */
.d1-page-main .header-title, .d1-page-main .header-title-blue, .d1-page-main .widget-header, .d1-page-main .widget-skq .list-link { margin: 0; padding: 8px 12px; background: var(--d1-tan) !important; border: 1px solid var(--d1-rule); border-bottom: 0; color: var(--d1-ink); text-align: left; }
.d1-page-main .header-title .title-text, .d1-page-main .header-title-blue .title-text, .d1-page-main .widget-header h2, .d1-page-main .widget-header h3, .d1-page-main .widget-header .title-ds-gan, .d1-page-main .widget-skq .list-link, .d1-page-main .widget-skq .list-link a { margin: 0; padding: 0; background: none; text-align: left; font-family: var(--d1-cond); font-size: 17px; line-height: 22px; font-weight: 800; color: var(--d1-ink) !important; }
.d1-page-main .widget-header-hr { display: none; }
/* Khung form tìm kiếm */
.d1-page-main .border-red { margin: 0 0 12px; padding: 12px; background: var(--d1-card); border: 1px solid var(--d1-rule) !important; }
.d1-page-main .form-group .label, .d1-page-main .label { display: block; margin: 0 0 4px; padding: 0; background: none; font-family: var(--d1-cond); font-size: 15px; font-weight: 700; color: var(--d1-ink); text-align: left; }
.d1-page-main .form-control { height: 44px; padding: 0 10px; border: 1px solid var(--d1-rule2); border-radius: 0; background: #FFFFFF; color: var(--d1-ink); font-family: var(--d1-sans); font-size: 15px; box-shadow: none; }
.d1-page-main .form-control:focus { border-color: var(--d1-ink); outline: none; }
.d1-page-main .btn, .d1-page-main .btn-inline-default { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 18px; border: 1px solid var(--d1-ink); border-radius: 0; background: var(--d1-gold); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 16px; font-weight: 800; cursor: pointer; text-decoration: none; }
.d1-page-main .btn:hover, .d1-page-main .btn-inline-default:hover { background: #FFD95A; color: var(--d1-ink); }
/* Nhóm nút 10 / 20 / 30 ngày… */
.d1-page-main .btn-group-skq { display: flex; flex-wrap: wrap; margin: 8px 0; }
.d1-page-main .btn-xsmb, .d1-page-main .btn-info { flex: 1 1 60px; height: 40px; margin: 0 0 0 -1px; padding: 0 10px; border: 1px solid var(--d1-rule2); border-radius: 0; background: var(--d1-card); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.d1-page-main .btn-xsmb.active, .d1-page-main .btn-info.active { position: relative; z-index: 1; background: var(--d1-ink); border-color: var(--d1-ink); color: #FFFFFF; }
.d1-page-main .btn-xsmb .dskq, .d1-page-main .btn-info .dskq { color: inherit; margin-left: 3px; }
/* Dòng ghi chú dưới form */
.d1-page-main .action { margin: 0 0 12px; padding: 8px 12px; background: var(--d1-paper); border: 1px solid var(--d1-rule); }
.d1-page-main .icon-note, .d1-page-main .icon-note a { color: var(--d1-ink2); font-size: 14px; }
/* Hàng chọn thứ (XSMB | Thứ 2 | …) và tab Vietlott */
.d1-page-main .menu-diw-desktop { margin: 0 0 12px; }
.d1-page-main .menu-diw-desktop ul.navbar-nav { display: flex; flex-wrap: wrap; gap: 1px; margin: 0; padding: 0; background: var(--d1-rule); border: 1px solid var(--d1-rule); list-style: none; }
.d1-page-main .menu-diw-desktop ul.navbar-nav li { flex: 1 1 90px; float: none; width: auto; margin: 0; padding: 0; background: var(--d1-card); list-style: none; }
.d1-page-main .menu-diw-desktop ul.navbar-nav li a { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 6px; border: 0; background: none; color: var(--d1-ink); font-family: var(--d1-cond); font-size: 15px; font-weight: 700; text-decoration: none; }
.d1-page-main .menu-diw-desktop ul.navbar-nav li a:hover { background: var(--d1-tan); }
.d1-page-main .menu-diw-desktop ul.navbar-nav li.active, .d1-page-main .menu-diw-desktop ul.navbar-nav li.active a { background: var(--d1-ink); color: #FFFFFF; }
.d1-page-main .link-loto { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0 0 10px; }
.d1-page-main .link-loto a { font-family: var(--d1-cond); font-size: 15px; font-weight: 700; color: var(--d1-red); }
/* Tiêu đề trong khung kết quả của trang con */
.d1-page-main .result-header h1, .d1-page-main .result-header h2, .d1-page-main .result-header h1 a, .d1-page-main .result-header h2 a, .d1-page-main .result-header .title-a { font-family: var(--d1-cond); font-size: 20px; line-height: 24px; font-weight: 800; color: var(--d1-ink) !important; }
.d1-page-main .result-box, .d1-page-main .xo_so_mien, .d1-page-main .widget { margin-bottom: 12px; }
/* Bảng thống kê chung */
.d1-page-main .table { width: 100%; border-collapse: collapse; background: var(--d1-card); }
.d1-page-main .table tr th, .d1-page-main .table thead tr th, .d1-page-main .table tr td { border: 1px solid var(--d1-rule); }
.d1-page-main .table tr th, .d1-page-main .table thead tr th { padding: 6px 4px; background: var(--d1-tan); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 15px; font-weight: 800; }
.d1-page-main .table tr:nth-child(2n) { background: transparent; }
.d1-page-main .blue, .d1-page-main .text-blue { color: var(--d1-ink2) !important; }
.d1-page-main .dau-loto, .d1-page-main .dd-loto-widget table th { background: var(--d1-tan); color: var(--d1-ink2); }
.d1-page-main th, .d1-page-main th a { color: var(--d1-ink); }
/* Vietlott (trang con): cùng kiểu với trang chủ */
.d1-page-main .vl-box .jackpot-amount-box { width: auto; max-width: 380px; margin: 8px auto; padding: 8px 16px; border: 1px solid var(--d1-rule); border-radius: 0; background: var(--d1-gold-lt) !important; color: var(--d1-red) !important; font-family: var(--d1-cond); font-size: 28px; line-height: 34px; font-weight: 800; box-shadow: none; }
.d1-page-main .vl-box .jackpot_info, .d1-page-main .vl-box .draw-info { color: var(--d1-ink2); }
.d1-page-main .mega645-item, .d1-page-main .power-item { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 3px; padding: 0; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--d1-red); background: #FFFFFF !important; color: var(--d1-ink) !important; font-size: 20px; line-height: 1; font-weight: 800; }
.d1-page-main .power-item { border-color: var(--d1-ink); }
.d1-page-main .power-item.power-7 { background: var(--d1-red) !important; color: #FFFFFF !important; }
.d1-page-main .line-power { display: inline-block; width: 2px; height: 34px; margin: 0 6px; background: var(--d1-rule2); vertical-align: middle; }
.d1-page-main .mega645-wins table th { padding: 6px 8px; background: var(--d1-tan); border: 1px solid var(--d1-rule); font-family: var(--d1-cond); font-size: 15px; font-weight: 800; text-align: left; }
.d1-page-main .mega645-wins .circle-num i { border-color: var(--d1-ink2); }
/* Danh sách bài (sổ mơ, tin tức) */
.d1-page-main .news-lists { display: flex; flex-direction: column; background: var(--d1-card); border: 1px solid var(--d1-rule); }
.d1-page-main .news-item { display: flex; gap: 12px; margin: 0; padding: 12px; border-top: 1px solid var(--d1-rule); }
.d1-page-main .news-item:first-child { border-top: 0; }
.d1-page-main .news-item .thumbnail { flex: 0 0 120px; margin: 0; }
.d1-page-main .news-item .thumbnail img { width: 120px; height: 80px; object-fit: cover; border: 1px solid var(--d1-rule); }
.d1-page-main .news-item .info { flex: 1 1 auto; min-width: 0; }
.d1-page-main .news-item .title { margin: 0 0 4px; font-family: var(--d1-cond); font-size: 18px; line-height: 23px; font-weight: 800; }
.d1-page-main .news-item .title a { color: var(--d1-ink); }
.d1-page-main .news-item .des { font-size: 14px; line-height: 20px; color: var(--d1-ink2); }
.d1-page-main .pagination, .content-left .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 12px 0; }
.content-left .pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border: 1px solid var(--d1-rule2); background: var(--d1-card); color: var(--d1-ink); font-family: var(--d1-cond); font-weight: 700; text-decoration: none; }
.content-left .pagination .page-numbers.current { background: var(--d1-ink); border-color: var(--d1-ink); color: #FFFFFF; }
/* Bài viết / trang tĩnh */
.content-left .article-content { padding: 16px 18px; background: var(--d1-card); border: 1px solid var(--d1-rule); font-size: 16px; line-height: 1.65; color: var(--d1-ink); }
.content-left .article-content h2, .content-left .article-content h3 { font-family: var(--d1-cond); font-weight: 800; color: var(--d1-ink); }
.content-left .seo-content { margin-top: 16px; padding: 14px 16px; background: var(--d1-card); border: 1px solid var(--d1-rule); font-size: 14px; line-height: 1.7; color: var(--d1-ink2); }
.content-left .seo-content h2 { margin: 0 0 8px; font-family: var(--d1-cond); font-size: 17px; font-weight: 800; color: var(--d1-ink); }

/* ---------- Ghi đè các luật cụ thể hơn trong styles.min.css ---------- */
.d1-home .result-header { background: var(--d1-card) !important; }
.title-link-item a::before, .title-link-item a::after { content: none !important; }
.widget-header-item { margin: 0; padding: 8px 12px !important; background: var(--d1-tan) !important; border: 0; border-bottom: 1px solid var(--d1-rule); }
.widget-header-item h3, .widget-header-item h3 a { margin: 0; text-align: left !important; color: var(--d1-ink) !important; font-family: var(--d1-cond); font-size: 17px !important; line-height: 22px; font-weight: 800; }
.widget-content { border-color: var(--d1-rule); background: var(--d1-card); }
.d1-home .tk-nhanh-40 .tk-nhanh-item-header { background: var(--d1-paper) !important; border: 0 !important; border-bottom: 1px solid var(--d1-rule) !important; }
.d1-b-vl .title-vietlott { background: none !important; border: 0 !important; }
.d1-b-vl .jackpot-amount-box { background: none !important; box-shadow: none !important; color: var(--d1-red) !important; }
.d1-b-vl .jackpot_info, .d1-b-vl .jackpot-amount-box { order: 3; }
.d1-b-vl .jackpot_info ~ .jackpot_info { border-top: 0; }
.widget-hq .widget-content-menu { padding-left: 0; }
.widget-hq li::before, .widget-hq li a::before { display: none !important; }
.widget-tinh .widget-content ul.sub-content li .d1-prov-btn span { width: auto !important; padding: 0 !important; color: inherit !important; }
.d1-foot p, .d1-foot span, .d1-foot li { color: #FFE9A8; }
.d1-foot .d1-logo-mark { color: #FFFFFF; }
.d1-foot .d1-emblem span { color: var(--d1-red-dk); }

/* Thanh điều hướng đáy (điện thoại) */
.d1-bnav { display: none; }


/* Trang con dưới 960px: cột phải xuống dưới nội dung */
/* Máy tính nhỏ, máy tính bảng ngang: menu gọn lại để vẫn một hàng (nút Dò vé đã có trên dải đỏ) */
@media (min-width: 960px) and (max-width: 1279px) {
    .d1-menu > li > a { gap: 3px; padding: 0 7px; font-size: 15px; }
    .d1-nav-dove { display: none; }
}

@media (max-width: 959px) {
    .main .main-content { grid-template-columns: minmax(0, 1fr); }
    .main .main-content > .d1-page-side, .main .main-content > .main-right { grid-column: 1; margin-top: 16px; }
}

/* ==========================================================
   Điện thoại (< 768px)
   ========================================================== */
@media (max-width: 767px) {
    .d1-wrap { padding: 0 10px; }

    .d1-mast-in { flex-wrap: nowrap; gap: 8px; padding-top: 6px; padding-bottom: 6px; }
    .d1-logo { gap: 6px; flex: 0 0 auto; }
    .d1-logo-mark { font-size: 28px; }
    .d1-emblem { width: 30px; height: 44px; }
    .d1-emblem span { width: 18px; height: 18px; font-size: 9px; box-shadow: 0 0 0 1.5px var(--d1-red); }
    .d1-emblem .d1-eb-b { left: 8px; top: 0; } .d1-emblem .d1-eb-t { left: 13px; top: 13px; } .d1-emblem .d1-eb-n { left: 3px; top: 26px; }
    .d1-logo-sub { display: none; }
    .d1-mast-date { flex: 1 1 auto; min-width: 0; padding-left: 8px; }
    .d1-mast-date span { font-size: 12px; }
    .d1-mast-date strong { font-size: 15px; }
    .d1-mast-date time { font-size: 14px; }
    .d1-mast .header-banner { display: none; }
    .d1-mast-dove { display: inline-flex; align-items: center; flex: 0 0 auto; height: 36px; padding: 0 10px; background: var(--d1-gold); color: var(--d1-ink); font-family: var(--d1-cond); font-size: 15px; font-weight: 800; text-decoration: none; }
    .d1-menu-btn { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #FFFFFF; cursor: pointer; }

    .d1-nav { display: none; }
    .d1-nav.is-open { display: block; }
    .d1-nav-in { display: block; padding: 0; }
    .d1-menu { display: block; }
    .d1-menu > li { border-bottom: 1px solid rgba(255,255,255,.15); }
    .d1-menu > li > a { height: 48px; padding: 0 16px; }
    .d1-menu > li.menu-item-has-children > a::after { display: none; }
    .d1-menu > li:hover > .sub-menu, .d1-menu > li:focus-within > .sub-menu { display: none; }
    .d1-menu > li.is-open > .sub-menu { display: grid; }
    .d1-menu .sub-menu { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; padding: 0; border: 0; box-shadow: none; }
    .d1-menu .sub-menu a { padding: 12px 16px; }
    .d1-sub-btn { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; width: 48px; height: 48px; padding: 0; border: 0; background: transparent; color: var(--d1-gold); cursor: pointer; }
    .d1-menu > li.is-open > .d1-sub-btn svg { transform: rotate(180deg); }
    .d1-nav-dove { display: none; }

    .d1-sched { display: none; }

    .d1-home { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 12px; padding-top: 0; padding-bottom: 16px; }
    .d1-col, .d1-row { display: contents; }
    .d1-tabs { order: 0; position: sticky; top: 0; z-index: 15; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0 -10px; background: var(--d1-rule); border-bottom: 1px solid var(--d1-rule); }
    .d1-tabs button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 56px; padding: 0 4px; border: 0; border-top: 3px solid transparent; background: var(--d1-tan); color: var(--d1-ink); font-family: var(--d1-cond); cursor: pointer; }
    .d1-tabs button strong { font-size: 16px; font-weight: 800; }
    .d1-tabs button small { font-size: 12px; font-weight: 700; color: var(--d1-ink2); }
    .d1-tabs button[aria-pressed="true"] { background: var(--d1-card); border-top-color: var(--d1-red); }
    .d1-tabs button.is-live small { color: var(--d1-red); }

    /* Thứ tự khối trên điện thoại; miền được chọn (data-focus) lên đầu */
    .d1-b-xsmb { order: 10; } .d1-b-loto { order: 11; } .d1-b-tk { order: 12; }
    .d1-b-xsmn { order: 30; } .d1-b-xsmt { order: 40; } .d1-b-dt { order: 45; }
    .d1-b-dove { order: 50; } .d1-b-tg { order: 55; } .d1-b-vl { order: 60; } .d1-b-thu { order: 65; }
    .d1-b-tinh { order: 70; } .d1-b-tkl { order: 75; } .d1-b-tc { order: 80; }
    .widget-hq { order: 85; } .d1-b-lich { order: 87; } .d1-b-faq { order: 88; } .d1-b-intro { order: 90; }
    .d1-home[data-focus="mn"] .d1-b-xsmn { order: 5; }
    .d1-home[data-focus="mt"] .d1-b-xsmt { order: 5; }

    .result-box .first-col, .result-box table tr td.first-col { width: 44px; }
    .result-box table tr td span { font-size: 21px; line-height: 30px; }
    .result-box table tr td span.mb_g0, .result-box table tr span.mb_g0 { font-size: 42px; line-height: 50px; }
    .result-box table tr td span.mb_g1 { font-size: 28px; line-height: 36px; }
    .result-box tbody td .mb_g71, .result-box tbody td .mb_g72, .result-box tbody td .mb_g73, .result-box tbody td .mb_g74 { font-size: 26px; }
    .table-tructiep .table thead tr th { font-size: 15px; }
    .table-tructiep .table thead tr th:first-child { width: 40px; }
    .table-tructiep .table tr td .number { font-size: 20px; line-height: 28px; letter-spacing: 0; }
    .table-tructiep table .xstn_g8 { font-size: 26px !important; }
    .table-tructiep .table tr.gdb td .number { font-size: 22px; }
    .tk-nhanh-40 table tr td, .tk-nhanh-40 .tk-nhanh-number { padding: 6px 1px; font-size: 13px; }
    .tk-nhanh-40 .bold { font-size: 17px; }
    .d1-thu-grid { grid-template-columns: 48px repeat(7, minmax(0, 1fr)); }
    .d1-thu-grid > * { height: 44px; }
    .d1-tc-grid a, .d1-b-tkl .widget-content ul li a, .widget-tinh .widget-content ul.sub-content ul.level3 li a { min-height: 44px; }
    .d1-b-tkl ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .d1-b-tkl li:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .d1-b-tkl .widget-content ul li a { gap: 8px; padding: 4px 10px; font-size: 14px; line-height: 18px; }
    .control-panel .digits-form::before { display: none; }
    .digits-form .radio label { height: 44px; }

    .d1-page-main .form-group { float: none; width: auto !important; margin: 0 0 10px; }
    .d1-page-main .btn-inline-default { width: 100%; float: none; }
    .d1-page-main .news-item .thumbnail { flex-basis: 96px; }
    .d1-page-main .news-item .thumbnail img { width: 96px; height: 64px; }
    .d1-page-title { font-size: 22px !important; line-height: 28px; }

    .d1-lich-t { font-size: 14px; }
    .d1-lich-t th, .d1-lich-t td { padding: 6px 6px; }
    .d1-lich-t thead th { font-size: 15px; }
    .d1-lich-t tbody th { font-size: 15px; white-space: normal; }
    .d1-lich-t thead th:first-child { width: 54px; }
    .d1-lich-t thead th a { font-size: 15px; }
    .d1-lich-t small { display: block; }
    .d1-lich-t td a, .d1-lich-t td span { display: block; margin: 0; padding: 4px 0; font-size: 14px; line-height: 18px; }
    .d1-faq { grid-template-columns: minmax(0, 1fr); }
    .d1-thu-ngay { flex-direction: column; align-items: stretch; gap: 6px; }
    .d1-ngay-form select, .d1-ngay-form input, .d1-ngay-form button { height: 44px; }
    .d1-kq-nav { grid-template-columns: 1fr 1fr; }
    .d1-kq-nav .d1-ngay-form { grid-column: 1 / -1; grid-row: 1; }
    .d1-kq-links { grid-template-columns: minmax(0, 1fr); }
    .d1-kq-links a { padding: 10px 12px; }
    .d1-loto-t th, .d1-loto-t td { padding: 6px; font-size: 14px; }
    .d1-tg-dai { flex-direction: column; align-items: stretch; gap: 8px; }
    .d1-tk-nav a { flex: 1 1 0; text-align: center; padding: 10px 4px; }
    .d1-tk-o { padding: 4px 0; }
    .d1-tk-o b { font-size: 14px; }
    .d1-tk-o span { font-size: 11px; }
    .d1-tk-2c { grid-template-columns: minmax(0, 1fr); }
    .d1-tk-bar + .d1-tk-bar { border-left: 0; }
    .d1-tk-chips span, .d1-tk-chips a { padding: 6px 10px; }
    .d1-ve-form { grid-template-columns: 76px minmax(0, 1fr); }
    .d1-ve-form select, .d1-ve-form input { height: 44px; }

    .d1-bnav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); height: 60px; box-sizing: border-box; background: var(--d1-red-dk); border-top: 3px solid var(--d1-gold); }
    .d1-bnav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: #FFE9A8; font-family: var(--d1-cond); font-size: 12px; font-weight: 700; text-decoration: none; }
    .d1-bnav a[aria-current] { color: var(--d1-gold); }
    body { padding-bottom: 60px; }
}
/* XS3M (Laravel): bổ sung cho base.css + d1.css — chỉ những gì styles.min.css cũ từng lo */
.clear{clear:both}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
img{max-width:100%;height:auto}
/* Thống kê loto (cột phải): ô vuông đỏ trước mỗi link */
.widget-content ul li{position:relative}
.widget-content ul li .a-item:before{position:absolute;top:3px;margin:8px 0 0 -15px;display:inline-block;width:5px;height:5px;background:red;content:""}
.widget-content-menu{padding-left:28px}
.d1-page-side .widget-tinh .widget-content-menu{padding-left:0}
/* Bảng miền Nam/Trung: tên đài ở đầu cột, giải ĐB và G.8 */
.table-tructiep .table thead tr th a{font-weight:700;color:#e62e04;font-size:13px;text-decoration:underline}
.table-tructiep .table tr.gdb td .number{color:#ed1c23}
.table-tructiep table .xstn_g8{color:#ed1c23!important}
/* Bảng XSMB: cột tên giải cố định (dòng "Mã ĐB" từng làm cột này chiếm nửa bảng, số G.3/G.5 đè nhau trên điện thoại) */
.result-box .d1-kq-t{table-layout:fixed;width:100%}
.result-box .d1-kq-t .first-col{width:97px}
@media (max-width:600px){
  .result-box .d1-kq-t .first-col{width:52px}
  .result-box .d1-kq-t td span{letter-spacing:0}
}
/* Caption ẩn của bảng kết quả: không dùng position:absolute (làm Chrome chia đôi cột bảng XSMB) — ẩn bằng clip, giữ cho trình đọc màn hình/AI */
table > caption.screen-reader-text{position:static!important;width:auto;height:1px;margin:0;padding:0;overflow:hidden;clip:auto;clip-path:inset(50%);white-space:normal!important}
/* Bảng miền Nam/Trung trên điện thoại: vừa khung kể cả ngày 4 đài (trước đây cột thứ 4 bị cắt) */
@media (max-width:600px){
  .table-tructiep .d1-kq-t{table-layout:fixed;width:100%}
  .table-tructiep .d1-kq-t thead th:first-child,.table-tructiep .d1-kq-t .first-col{width:34px;padding:0;font-size:12px!important}
  .table-tructiep .d1-kq-t thead th a{font-size:12px}
  .table-tructiep .d1-kq-t td .number{font-size:19px;letter-spacing:0;padding:2px 0;height:auto;line-height:28px}
  .table-tructiep .d1-kq-t tr.gdb td .number{font-size:19px}
}
/* ---------- Trang miền / theo thứ / từng đài ---------- */
.d1-thu-nav{flex-wrap:wrap}
.d1-khoi-loto{margin:8px 0 0;border:1px solid var(--d1-rule);background:var(--d1-card)}
.d1-khoi-loto>summary{cursor:pointer;padding:8px 12px;font-family:var(--d1-cond);font-weight:700;color:var(--d1-ink2);list-style-position:inside}
.d1-khoi-loto[open]>summary{border-bottom:1px solid var(--d1-rule)}
.d1-kq-trang .d1-kq-khoi{margin-bottom:18px}
.d1-tk-nhanh,.d1-nd{margin:0 0 16px}
.d1-nd-in{padding:12px}
.d1-nd-in p{margin:0 0 10px;line-height:1.6;color:var(--d1-ink2)}
.d1-nd-in h3{margin:14px 0 8px;font-family:var(--d1-cond);font-size:17px}
.d1-nd-in table{width:100%;margin:0 0 10px}
.d1-nd-in td,.d1-nd-in th{text-align:left;padding:6px 8px}
.d1-nd-dang th,.d1-nd-dang td{background:var(--d1-gold-lt)}
.d1-kq-xem{margin:0 0 16px}
/* ---------- Trực tiếp ---------- */
.d1-tt .d1-tt-tt{display:flex;gap:6px;align-items:center}
.d1-tt .d1-tt-tt.is-dang .d1-tt-nhan{color:#fff;background:var(--d1-red);padding:1px 8px;border-radius:2px;animation:d1-nhap 1.2s ease-in-out infinite}
.d1-tt .d1-tt-tt.is-xong .d1-tt-nhan{color:#0a7a2f;font-weight:700}
.d1-tt-ghi{margin:6px 0 0;font-size:13px;color:var(--d1-muted)}
.d1-cho{min-height:1em}
.d1-cho::after{content:"";display:inline-block;width:1.6em;height:.5em;border-radius:3px;background:linear-gradient(90deg,var(--d1-rule),var(--d1-tan),var(--d1-rule));background-size:200% 100%;animation:d1-cho 1.1s linear infinite;vertical-align:middle}
.d1-moi{animation:d1-moi 2.4s ease-out}
@keyframes d1-cho{to{background-position:-200% 0}}
@keyframes d1-moi{0%{background:#ffe27a}100%{background:transparent}}
@keyframes d1-nhap{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.d1-cho::after,.d1-moi,.d1-tt .d1-tt-tt.is-dang .d1-tt-nhan{animation:none}}
.d1-nd-in .d1-loto-t th{width:auto;white-space:nowrap}
.d1-nd-giai td:nth-child(2){white-space:nowrap}
/* Hiển thị tất cả / 2 số cuối / 3 số cuối */
.d1-hien{display:flex;align-items:center;gap:6px;padding:6px 8px;border-top:1px solid var(--d1-rule);background:var(--d1-card);font-size:13px}
.d1-hien span{color:var(--d1-muted);margin-right:2px}
.d1-hien button{font:inherit;font-weight:700;padding:3px 10px;border:1px solid var(--d1-rule);background:#fff;color:var(--d1-ink2);border-radius:2px;cursor:pointer}
.d1-hien button[aria-pressed="true"]{background:var(--d1-ink);border-color:var(--d1-ink);color:#fff}
/* Vietlott */
.d1-vl .vl-box{margin:0 0 16px}
.d1-vl-3d-t th{width:150px;text-align:left;white-space:nowrap}
.d1-vl-so{display:inline-block;min-width:3.2em;margin:3px 6px 3px 0;padding:4px 8px;border:1px solid var(--d1-rule);border-radius:3px;background:#fff;font-family:var(--d1-cond);font-size:20px;font-weight:800;text-align:center;letter-spacing:1px}
.power-dac-biet{background:var(--d1-red)!important;color:#fff!important;border-color:var(--d1-red)!important}
.mega645-result .mega645-item.power-dac-biet{background:var(--d1-red);color:#fff;border-color:var(--d1-red)}
@media (max-width:600px){.d1-vl-3d-t th{width:76px;white-space:normal}}
/* Sổ kết quả (bảng gọn) */
.d1-skq-t th,.d1-skq-t td{vertical-align:middle}
.d1-skq-db{font-family:var(--d1-cond);font-size:18px;font-weight:800;white-space:nowrap}
.d1-skq-db b{color:var(--d1-red)}
.d1-skq-lo{font-size:13px;line-height:1.6;word-spacing:3px}
/* Công cụ thống kê */
.d1-cc-form{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:0 0 12px;padding:10px 12px;background:var(--d1-card);border:1px solid var(--d1-rule)}
.d1-cc-form label{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:700;color:var(--d1-ink2)}
.d1-cc-form select,.d1-cc-form input{height:36px;padding:0 8px;border:1px solid var(--d1-rule);background:#fff;font:inherit;font-weight:400}
.d1-cc-dan{flex:1 1 220px}
.d1-cc-form button,#xien-chep{height:36px;padding:0 16px;border:0;background:var(--d1-gold,#F5C518);font-weight:800;cursor:pointer}
.d1-db-bang td{text-align:center;font-family:var(--d1-cond);font-size:15px;line-height:1.25}
.d1-db-bang td b{color:var(--d1-red)}
.d1-db-bang td small{display:block;font-size:11px;color:var(--d1-muted);font-family:inherit}
.d1-db-nam td{font-size:13px;padding:3px 2px}
.d1-dd-t td{text-align:center}
.d1-dd-0{color:var(--d1-muted)}
.d1-dd-4{background:var(--d1-gold-lt);font-weight:800}
.d1-dd-tong td,.d1-dd-tong th{border-top:2px solid var(--d1-rule)}
.d1-xien textarea{width:100%;box-sizing:border-box;margin:8px 0;padding:8px;font-family:monospace;border:1px solid var(--d1-rule)}
.d1-hub-ds{list-style:none;margin:0;padding:0}
.d1-hub-ds li{padding:8px 12px;border-bottom:1px solid var(--d1-rule)}
.d1-hub-ds a{font-weight:700}
.d1-hub-ds span{display:block;font-size:13px;color:var(--d1-muted);margin-top:2px}
.d1-cc-ds{margin-top:16px}
.d1-sc-lat{flex-direction:row!important;align-items:center;gap:6px!important;height:36px}
.d1-sc-lat input{width:18px;height:18px}
/* Quay thử */
.d1-qt-nut{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;background:var(--d1-card);border:1px solid var(--d1-rule);border-top:0}
.d1-qt-quay{height:40px;padding:0 22px;border:0;border-radius:3px;background:var(--d1-red);color:#fff;font-family:var(--d1-cond);font-size:17px;font-weight:800;cursor:pointer}
.d1-qt-quay:disabled{opacity:.6;cursor:wait}
.d1-qt-tt{font-size:14px;color:var(--d1-ink2)}
.d1-qt-khoi{margin-bottom:16px}
/* Sổ mơ, bài viết */
.d1-somo-ds{list-style:none;margin:0;padding:0;columns:2;column-gap:0}
.d1-somo-ds li{break-inside:avoid;display:flex;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--d1-rule)}
.d1-somo-so{flex:none;font-family:var(--d1-cond);font-weight:800;color:var(--d1-red);white-space:nowrap}
@media (max-width:600px){.d1-somo-ds{columns:1}}
.d1-bai-in{padding:14px 16px;margin-bottom:16px}
.d1-bai-meta{margin:0 0 10px;font-size:13px;color:var(--d1-muted)}
.d1-bai-nd{line-height:1.7;color:var(--d1-ink)}
.d1-bai-nd h2{margin:18px 0 8px;font-family:var(--d1-cond);font-size:20px}
.d1-bai-nd h3{margin:14px 0 6px;font-family:var(--d1-cond);font-size:17px}
.d1-bai-nd p{margin:0 0 10px}
.d1-bai-nd ul{list-style:disc;padding-left:22px;margin:0 0 10px}
.d1-bai-nd li{margin:3px 0}
.d1-bai-so{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding:10px 12px;background:var(--d1-gold-lt);border:1px solid var(--d1-rule)}
.d1-bai-so b{font-family:var(--d1-cond);font-size:20px;color:var(--d1-red);padding:0 6px;background:#fff;border:1px solid var(--d1-rule);border-radius:3px}
.d1-bai-so small{flex-basis:100%;color:var(--d1-muted)}
.d1-phan-trang{margin-top:12px}

/* ---------- Lịch âm ---------- */
.d1-la{display:flex;flex-direction:column;gap:16px}
.d1-la-chon{display:flex;gap:6px;justify-content:center}
.d1-la-chon input{height:36px;min-width:0;padding:0 8px;border:1px solid var(--d1-rule);background:#fff;font:inherit}
.d1-la-chon button{height:36px;padding:0 14px;border:0;background:var(--d1-gold);font-weight:800;cursor:pointer}
.d1-kq-nav>a:nth-child(2){text-align:center}
.d1-la-to{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--d1-rule);background:var(--d1-card);text-align:center}
.d1-la-to>div{padding:14px 10px}
.d1-la-duong{border-right:1px solid var(--d1-rule)}
.d1-la-to p{margin:0}
.d1-la-nhan{font-family:var(--d1-cond);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--d1-muted)}
.d1-la-thang{margin-top:2px!important;font-weight:700;color:var(--d1-ink)}
.d1-la-so{margin:6px 0!important;font-family:var(--d1-cond);font-size:96px;font-weight:800;line-height:1;color:var(--d1-red);font-variant-numeric:tabular-nums}
.d1-la-am .d1-la-so{font-size:72px;color:var(--d1-ink)}
.d1-la-thu{font-weight:700}
.d1-la-le{grid-column:1/-1;padding:8px!important;border-top:1px solid var(--d1-rule);background:var(--d1-gold-lt);font-weight:800;color:var(--d1-red)}
.d1-la-tt{width:100%;border-collapse:collapse}
.d1-la-tt th,.d1-la-tt td{padding:8px 12px;border-bottom:1px solid var(--d1-rule);text-align:left;vertical-align:top}
.d1-la-tt tr:last-child th,.d1-la-tt tr:last-child td{border-bottom:0}
.d1-la-tt th{width:30%;font-weight:700;color:var(--d1-ink)}
.d1-la-tt small{color:var(--d1-muted)}
.d1-la-tot{color:#17702f}
.d1-la-xau{color:var(--d1-muted)}
.d1-la-gio{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.d1-la-gio li{padding:3px 8px;border:1px solid var(--d1-rule);border-radius:3px;background:#fff;font-size:14px;white-space:nowrap}
.d1-la-xs{margin:0;padding:0;list-style:none}
.d1-la-xs li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;padding:8px 12px;border-bottom:1px solid var(--d1-rule)}
.d1-la-xs li:last-child{border-bottom:0}
.d1-la-xs b{min-width:46px;font-family:var(--d1-cond);font-size:17px;color:var(--d1-red)}
.d1-la-xs span{flex:1 1 180px}
.d1-la-xs a{font-family:var(--d1-cond);font-weight:700;white-space:nowrap}
.d1-la-luoi{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
.d1-la-luoi th{padding:6px 2px;font-family:var(--d1-cond);font-size:14px;background:var(--d1-card);border:1px solid var(--d1-rule)}
.d1-la-luoi th.is-cn,.d1-la-luoi td.is-cn b{color:var(--d1-red)}
.d1-la-luoi td{position:relative;height:64px;padding:0;border:1px solid var(--d1-rule);vertical-align:top}
.d1-la-luoi td a{display:block;height:100%;min-height:inherit;padding:4px 6px;box-sizing:border-box;color:var(--d1-ink);text-decoration:none}
.d1-la-luoi td a:hover{background:var(--d1-gold-lt)}
.d1-la-luoi b{display:block;font-family:var(--d1-cond);font-size:20px;line-height:1.15}
.d1-la-luoi small{display:block;font-size:12px;color:var(--d1-muted);text-align:right}
.d1-la-luoi .is-ram small{color:var(--d1-red);font-weight:700}
.d1-la-luoi i{display:block;overflow:hidden;font-size:11px;font-style:normal;line-height:1.2;color:var(--d1-red);white-space:nowrap;text-overflow:ellipsis}
.d1-la-luoi .is-le{background:#FDECEA}
.d1-la-luoi .is-hd a::after{content:"";position:absolute;top:7px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--d1-gold);box-shadow:0 0 0 1px #C99A00}
.d1-la-luoi .is-nay{box-shadow:inset 0 0 0 2px var(--d1-red)}
.d1-la-luoi td.is-chon{background:var(--d1-ink)}
.d1-la-luoi td.is-chon a,.d1-la-luoi td.is-chon b,.d1-la-luoi td.is-chon small,.d1-la-luoi td.is-chon i{color:#fff}
.d1-la-luoi td.is-chon a:hover{background:transparent}
.d1-la-luoi.is-nho th{padding:3px 0;font-size:12px}
.d1-la-luoi.is-nho td{height:auto}
.d1-la-luoi.is-nho td a{padding:2px 3px}
.d1-la-luoi.is-nho b{font-size:15px;text-align:center}
.d1-la-luoi.is-nho small{font-size:10px;text-align:center}
.d1-la-luoi.is-nho .is-hd a::after{display:none}
.d1-la-nam{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.d1-la-chu{margin:0;padding:8px 12px;font-size:13px;color:var(--d1-muted)}
.d1-la>.d1-la-chu{padding:0}
.d1-la-chu-hd::before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--d1-gold);box-shadow:0 0 0 1px #C99A00;vertical-align:middle}
.d1-la-doi .d1-cc-form{margin:0;border:0;border-bottom:1px solid var(--d1-rule)}
.d1-la-doi .d1-cc-form:last-child{border-bottom:0}
.d1-la-nhuan span{display:flex;align-items:center;gap:6px;height:36px;font-weight:400}
.d1-la-nhuan input{height:auto!important}
.d1-la-loi{margin:0;padding:8px 12px;background:#FDECEA;color:var(--d1-red);font-weight:700}
.d1-la-mo{columns:2;margin:0;padding:10px 12px 10px 30px}
.d1-la-mo li{margin:0 0 6px;break-inside:avoid}
.d1-kq-am{font-size:14px}
.d1-kq-head .d1-kq-am a{color:#FFE7A3;text-decoration:underline}
.title-link-item .d1-am-nho{font-weight:400;color:var(--d1-muted)}
@media (max-width:640px){
.d1-la-so{font-size:72px}
.d1-la-am .d1-la-so{font-size:54px}
.d1-la-luoi td{height:54px}
.d1-la-luoi td a{padding:3px}
.d1-la-luoi b{font-size:17px}
.d1-la-luoi small{font-size:11px}
.d1-la-luoi i{display:none}
.d1-la-mo{columns:1}
.d1-la-tt th{width:36%}
}

/* ---------- Bố cục 11/2026: âm lịch ở đầu trang, thẻ lịch âm, liên kết nhanh, footer ---------- */
.d1-mast-am{display:flex;flex-direction:column;justify-content:center;padding-left:18px;border-left:1px solid rgba(255,255,255,.45);color:#fff;font-family:var(--d1-cond);line-height:1.2;text-decoration:none!important}
.d1-mast-am span{font-size:15px;font-weight:700}
.d1-mast-am strong{font-size:20px;font-weight:800;color:var(--d1-gold)}
.d1-mast-am:hover strong{text-decoration:underline}
.d1-am-the{display:flex;align-items:center;gap:12px;padding:10px 12px 6px;color:var(--d1-ink);text-decoration:none!important}
.d1-am-the b{font-family:var(--d1-cond);font-size:48px;line-height:1;font-weight:800;color:var(--d1-red)}
.d1-am-the span{font-family:var(--d1-cond);font-size:16px;line-height:1.3;font-weight:700}
.d1-am-dong{margin:0;padding:2px 12px;font-size:14px;line-height:20px;color:var(--d1-ink)}
.d1-b-am .d1-am-dong:last-child{padding-bottom:12px}
.d1-am-le{color:var(--d1-red);font-weight:700}
.d1-thu-hq{margin:0;padding:8px 12px 10px;border-top:1px solid var(--d1-rule);font-size:14px;color:var(--d1-muted)}
.d1-thu-hq a{font-weight:700}
.d1-kq-nhanh{display:block;margin:0 0 12px}
.d1-foot-luu{padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(255,233,168,.3)}
.d1-foot-luu p{margin:0;font-size:13px;line-height:20px}
@media (max-width:767px){
.d1-mast-am{display:none}
.d1-home .d1-b-vl{order:42}
.d1-home .d1-b-tk{order:52}
.d1-home .d1-b-am{order:58}
.d1-page-side>.d1-b{order:0}
}

.d1-sched-cell.is-off{opacity:.75}
.d1-sched-cell.is-off .d1-sched-time small{color:var(--d1-red);font-weight:700}

/* Xổ số hôm qua, XSMN/XSMT nhiều ngày */
.d1-hq-gt{margin:0;padding:10px 12px;background:var(--d1-card);border:1px solid var(--d1-rule);font-size:14px}
.d1-kq-trang>.d1-hq-gt,.d1-kq-trang>.d1-tk-nav{margin-bottom:12px}
.d1-hq-so{font-family:var(--d1-cond);font-size:17px;font-weight:800;letter-spacing:1px;color:var(--d1-red)}
.d1-nnm-g8{font-family:var(--d1-cond);font-size:17px;font-weight:800;color:var(--d1-red)}
.d1-nnm-t td a{font-weight:700}

/* Trang lấy mã nhúng */
.d1-nh-chon{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px}
.d1-nh-chon label{display:flex;align-items:center;gap:6px;font-weight:700;cursor:pointer}
.d1-nh-ma{display:flex;flex-direction:column;gap:8px;padding:12px}
.d1-nh-ma label,.d1-nh-ma summary{font-weight:700;cursor:pointer}
.d1-nh-ma textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--d1-rule);background:#fff;font:13px/1.45 Consolas,Menlo,monospace;resize:vertical}
.d1-nh-ma details{display:flex;flex-direction:column;gap:8px}
.d1-nh-ma details[open] textarea{margin:8px 0}
.d1-nh-ma button{align-self:flex-start;height:38px;padding:0 16px;border:1px solid var(--d1-ink);background:var(--d1-gold);font-weight:800;cursor:pointer}
.d1-nh-msg{margin:0;color:#17702f;font-weight:700}
.d1-nh-xem{padding:12px;background:#fff}

/* Đầu trang trên điện thoại: chiều cao cố định, chữ ngày không xuống dòng — khi font Roboto tải xong (thay font tạm)
   đầu trang không đổi chiều cao nên cả trang không bị giật (CLS) */
@media (max-width:767px){
.d1-mast-in{height:56px;box-sizing:border-box;overflow:hidden}
.d1-mast-date span,.d1-mast-date strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}

/* Font tạm khi Roboto chưa tải xong: Arial chỉnh kích thước cho cùng bề ngang (đo trên trình duyệt, lệch < 1%).
   Đổi sang font thật không làm chữ xuống dòng khác → trang không giật (CLS). Arial Bold cho độ đậm ≥ 600
   (không để Windows lấy Arial Black cho 800). ascent/descent = số đo Roboto (0,928 / 0,244) chia size-adjust. */
@font-face{font-family:'Roboto Fallback';src:local('Arial'),local('ArialMT'),local('Liberation Sans');font-weight:100 599;size-adjust:98.6%;ascent-override:94.1%;descent-override:24.8%;line-gap-override:0%}
@font-face{font-family:'Roboto Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold');font-weight:600 900;size-adjust:95.8%;ascent-override:96.8%;descent-override:25.5%;line-gap-override:0%}
@font-face{font-family:'Roboto Condensed Fallback';src:local('Arial'),local('ArialMT'),local('Liberation Sans');font-weight:100 599;size-adjust:87.3%;ascent-override:106.3%;descent-override:28%;line-gap-override:0%}
@font-face{font-family:'Roboto Condensed Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold');font-weight:600 900;size-adjust:85%;ascent-override:109.1%;descent-override:28.7%;line-gap-override:0%}
:root{--d1-cond:'Roboto Condensed','Roboto Condensed Fallback',Arial,sans-serif;--d1-sans:Roboto,'Roboto Fallback',Arial,sans-serif}

/* Liên kết nhanh dưới tiêu đề: trên điện thoại là một hàng vuốt ngang (không chiếm 3 dòng, bảng kết quả hiện cao hơn) */
@media (max-width:767px){
.d1-kq-nhanh ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
.d1-kq-nhanh ul::-webkit-scrollbar{display:none}
.d1-kq-nhanh li{flex:0 0 auto}
.d1-kq-nhanh a{white-space:nowrap}
}