/* KetQua24 frontend: reference-aligned layout, isolated from AdminCP. */
.kq-site { --kq-red:#b72c30; --kq-blue:#3e4d88; --kq-line:#d8d8df; margin:0; color:#212529; background:linear-gradient(#f4f5ff,#e5e8fc 700px) fixed; font:15px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
.kq-site *, .kq-site *::before, .kq-site *::after { box-sizing:border-box; }
.kq-site h1,.kq-site h2,.kq-site h3,.kq-site h4,.kq-site button,.kq-site input,.kq-site select { font-family:inherit; }
.kq-site a { color:#17649a; }
.kq-site a:focus-visible,.kq-site button:focus-visible,.kq-site input:focus-visible,.kq-site select:focus-visible { outline:3px solid #387bb4; outline-offset:2px; }
.kq-site .main { width:calc(100% - 28px); max-width:1116px; margin:0 auto; }
.kq-site .kq-skip { position:absolute; left:12px; top:-60px; z-index:10001; background:white; padding:8px 16px; }
.kq-site .kq-skip:focus { top:8px; }
.kq-site header { background:#fff; border-bottom:1px solid #dcdde7; }
.kq-site #top-info { display:flex; gap:20px; align-items:center; padding:8px 0; min-height:76px; }
.kq-site .logo { flex:0 0 190px; width:190px; margin:0; height:58px; }
.kq-site .logo img { display:block; width:190px; height:58px; }
.kq-site .kq-heading { border-left:1px solid #e4e4e4; padding-left:20px; flex:1; min-width:0; }
.kq-site .taskbar { position:static; height:auto; background:none; color:#212529; font-size:13px; font-weight:500; line-height:1.5; padding:0; margin:0 0 4px; white-space:normal; text-align:left; }
.kq-site .kq-today { font-size:13px; }
.kq-site .navbar-toggle { display:none; }
.kq-site #nav { background:white; border-top:1px solid #e4e4ea; }
.kq-site .nav-pc { max-width:1116px; margin:0 auto; }
.kq-site #nav-horizontal-list { display:flex; flex-wrap:wrap; align-items:center; width:auto; margin:0; padding:0; position:relative; background:none; }
.kq-site #nav-horizontal-list::after { display:none; }
.kq-site #nav-horizontal-list > li { float:none; display:flex; align-items:center; position:relative; padding:0; background:transparent; border:0; }
.kq-site #nav-horizontal-list > li > a { float:none; color:#212529; font-size:15px; font-weight:600; padding:9px 10px; line-height:22px; text-decoration:none; background:none; }
.kq-site #nav-horizontal-list > li.active > a,.kq-site #nav-horizontal-list > li:hover > a { color:var(--kq-red); background:#f5f5f8; }
.kq-site .nav-pc .menu-c2 { min-width:210px; top:100%; left:0; background:#fff; border:1px solid #dedee7; box-shadow:0 5px 14px #2222; z-index:110; }
.kq-site .nav-pc .menu-c2 a { color:#25282d; font-size:14px; padding:6px 10px; }
.kq-site .nav-pc .arr-d { display:flex; align-items:center; justify-content:center; background:none; width:16px; height:28px; margin-left:-6px; margin-right:5px; }
.kq-site .nav-pc .arr-d::before { content:''; display:block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #212529; }
.kq-site #nav-horizontal-list > .menu-header { display:none; }
.kq-site .nav-mobi { display:none; }
.kq-site .kq-top-ad { margin:20px auto 30px; text-align:center; overflow:hidden; }
.kq-site .kq-top-ad { min-height:90px; }
.kq-site .header-ad-banner { flex:0 1 300px; max-width:300px; min-height:60px; overflow:hidden; }
.kq-site .header-ad-banner img { max-width:100%; max-height:60px; width:auto; height:auto; }
.kq-site .ads-sidebar { min-height:250px; overflow:hidden; }
.kq-site .kq-top-ad img,.kq-site .ads-banner-container img { max-width:100%; height:auto; }
.kq-site .kq-layout { display:grid; grid-template-columns:268px minmax(0,550px) 268px; gap:16px; align-items:start; margin:20px auto; }
.kq-site .kq-layout::after { display:none; }
.kq-site .kq-results { grid-column:2; grid-row:1; min-width:0; }
.kq-site .kq-results > .col-l { width:100%; float:none; display:block; padding:0; margin:0; min-width:0; }
.kq-site .col-center { grid-column:1; grid-row:1; float:none; width:auto; padding:0; min-width:0; }
.kq-site .col-right { grid-column:3; grid-row:1; float:none; width:auto; margin:0; min-width:0; }
.kq-site .content-right { border-radius:10px; overflow:hidden; border:1px solid #dedee6; background:#fff; margin-bottom:14px; box-shadow:0 2px 3px #25335012; }
.kq-site .content-right .title-r { background:linear-gradient(105deg,var(--kq-red),var(--kq-blue)); text-transform:none; padding:9px 18px; font-size:15px; line-height:1.35; color:#fff; border-radius:0; margin:0; }
.kq-site .title-r a { color:#fff; text-decoration:none; }
.kq-site .content-right ul { margin:0; padding:0; list-style:none; }
.kq-site .content-right.bullet ul li { padding:8px 15px; font-size:14px; line-height:1.5; border-bottom:1px solid #ddd; position:relative; min-height:36px; }
.kq-site .bullet ul li::before { display:none; }
.kq-site .content-right ul li:last-child { border-bottom:0; }
.kq-site .content-right.bullet a { color:#495057; text-decoration:none; }
.kq-site .content-right.bullet a:hover { color:var(--kq-red); text-decoration:underline; }
.kq-site .content-right .active { background:#f5f5fb; }
.kq-site .content-right .icon_done { position:absolute; right:16px; top:50%; width:16px; height:16px; margin:0; float:none; transform:translateY(-50%); color:#73a81f !important; }
.kq-site .content-right .icon_done::before { content:''; display:block; width:7px; height:12px; margin:0 0 0 4px; border-right:3px solid currentColor; border-bottom:3px solid currentColor; transform:rotate(45deg); }
.kq-site .box { background:#fff; border:1px solid var(--kq-line); border-radius:9px; overflow:hidden; margin:0 0 14px; box-shadow:0 2px 3px #2533500a; }
.kq-site .box:has(> .tit-mien) { border:3px solid var(--kq-red); }
.kq-site .tit-mien { background:#fff; color:var(--kq-red); padding:9px 8px; text-align:center; border:0; }
.kq-site .tit-mien h2 { color:var(--kq-red); font-size:20px; line-height:1.4; font-weight:700; margin:0 0 4px; padding:0; }
.kq-site .tit-mien a { color:#116ba6; font-size:14px; }
.kq-site .tit-mien > div { line-height:1.5; }
.kq-site table { max-width:100%; width:100%; font-size:15px; background:#fff; }
.kq-site table td,.kq-site table th { border-color:#d3d3d8; }
.kq-site .kqmb td,.kq-site .colgiai td { padding:4px 2px; border:1px solid #d3d3d8; }
.kq-site .kqmb .txt-giai,.kq-site .colgiai td:first-child { font-size:15px; font-weight:400; width:46px; text-align:center; color:#333; }
.kq-site .kqmb .number,.kq-site .kqmb .number span,.kq-site .colgiai td div { font-family:Arial,sans-serif; font-size:23px; font-weight:700; color:#111; font-variant-numeric:tabular-nums; line-height:1.55; }
.kq-site .kqmb td.number { padding:0; }
.kq-site .kqmb .number span { min-height:38px; display:inline-block; padding:1px 0; }
.kq-site .kqmb .db .number span,.kq-site .kqmb .db .txt-giai,.kq-site .colgiai .gdb div,.kq-site .colgiai .db div,.kq-site .colgiai .g8 div { color:#e22d10; }
.kq-site .kqmb .db .number span { font-size:29px; }
.kq-site .colgiai .gdb div,.kq-site .colgiai .g8 div { font-size:26px; }
.kq-site .kqmb tr.bg_ef,.kq-site .colgiai tr.bg_ef,.kq-site .bg_ef { background:#fafafa; }
.kq-site .gr-yellow,.kq-site .bg-yellow,.kq-site .colgiai th { background:#fff; }
.kq-site .colgiai th { padding:8px 3px; font-size:14px; }
.kq-site .colgiai th a { color:#17649a; }
.kq-site .madb { color:var(--kq-blue); font-size:17px; padding:8px 4px!important; font-weight:600; }
.kq-site .digits-form { background:#f6f6f8; color:#292d33; padding:6px; border:0; line-height:1.6; font-size:14px; }
.kq-site .digits-form label.radio { color:#292d33; padding-right:10px; }
.kq-site .control-panel { background:#fafafa; color:#333; font-weight:400; padding:5px; border-top:1px solid #ddd; }
.kq-site .digits-form label.radio input { position:static; visibility:visible; pointer-events:auto; accent-color:#b72c30; margin:0 4px 0 0; }
.kq-site .digits-form label.radio input + b { display:none; }
.kq-site .digits-form label.radio[data-kq-ready] span::after { content:none; }
.kq-site .digits-form label.radio { font-size:13px; padding-right:4px; }
.kq-site .bangkqloto { padding:0; }
.kq-site .bangkqloto table td { padding:4px; font-size:15px; line-height:1.5; }
.kq-site .bg_gray { background:#fff; }
.kq-site .opt_date_full { padding:8px; color:#333; }
.kq-site .tab-panel { display:flex; flex-wrap:nowrap; overflow-x:auto; margin-bottom:12px; background:#fff; border:1px solid #dcdce4; border-radius:6px; }
.kq-site .tab-panel li { float:none; flex:1 0 auto; width:auto; background:none; }
.kq-site .tab-panel li a { color:#444; font-size:14px; padding:7px; display:block; white-space:nowrap; }
.kq-site .tab-panel .active { background:linear-gradient(100deg,var(--kq-red),var(--kq-blue)); }
.kq-site .tab-panel .active a { color:#fff; }
.kq-site .kq-region-links { display:flex; background:linear-gradient(100deg,var(--kq-red),var(--kq-blue)); color:#fff; border-radius:9px 9px 0 0; overflow:hidden; }
.kq-site .kq-region-links a { flex:1; text-align:center; color:#fff; padding:7px 4px; text-decoration:none; font-size:14px; }
.kq-site .kq-region-links a + a { border-left:1px solid #ffffff55; }
.kq-site .kq-lookup { display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding:8px; background:#fff; border:1px solid #dedee6; border-top:0; margin-bottom:14px; border-radius:0 0 8px 8px; }
.kq-site .kq-lookup input { min-width:0; max-width:150px; padding:4px; font-size:14px; border:1px solid #d4d4dc; border-radius:3px; }
.kq-site .kq-lookup a { margin-left:auto; font-size:14px; }
.kq-site .kq-calendar { padding:8px; }
.kq-site .kq-calendar-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:5px; }
.kq-site .kq-calendar button { background:none; border:0; padding:4px 7px; color:#333; }
.kq-site .kq-calendar table { table-layout:fixed; }
.kq-site .kq-calendar td,.kq-site .kq-calendar th { border:0; padding:1px; text-align:center; height:29px; font-size:14px; }
.kq-site .kq-calendar td a,.kq-site .kq-calendar td span { display:block; border-radius:5px; padding:2px; color:#333; text-decoration:none; }
.kq-site .kq-calendar td .kq-calendar-today { background:#638525; color:white; }
.kq-site .kq-calendar td .kq-future { color:#aaa; }
.kq-site .kq-calendar td a:hover { background:#eeeefa; }
.kq-site .kq-calendar-controls { display:none; flex-wrap:wrap; gap:6px; align-items:center; margin-top:6px; font-size:13px; }
.kq-site .kq-calendar-controls input { width:132px; font-size:13px; padding:3px; border:1px solid #ddd; }
.kq-site .kq-province-picker { padding:10px; }
.kq-site .kq-province-picker label { display:block; margin-bottom:5px; font-size:13px; }
.kq-site .kq-province-picker select { width:100%; padding:7px; background:#f5f5f7; border:1px solid #ddd; }
.kq-site .list-news li { padding:10px; font-size:14px; border-bottom:1px solid #eee; }
.kq-site .list-news img { object-fit:cover; }
.kq-site .btn-see-more { border:1px solid #cdd0da; border-radius:5px; background:#fff; color:#344b7d; padding:10px; font-size:15px; }
.kq-site .box-html { font-size:15px; padding:14px; line-height:1.65; }
.kq-site .box-html h2 { font-size:21px; }
.kq-site .box-html h3 { font-size:18px; }
.kq-site .box-html img { max-width:100%; height:auto; }
.kq-site .see-more { background:#fff; padding:10px; font-size:14px; }
.kq-site .list-html-link li { margin:4px 0; }
.kq-site .kq-state { display:inline-flex; gap:5px; align-items:center; font-size:12px; color:#555; margin:3px 4px; font-weight:400; }
.kq-site .kq-state::before { content:'●'; font-size:9px; }
.kq-site .kq-state[data-state="complete"] { color:#526d21; }
.kq-site .kq-state[data-state="live"] { color:#b72c30; }
.kq-site .footer { background:#fff; border-top:1px solid #ddd; padding:20px 0; margin-top:25px; font-size:14px; }
.kq-site .cms-footer-menu { display:flex; flex-wrap:wrap; gap:8px 20px; padding-bottom:15px; }
.kq-site .cms-footer-menu li { list-style:none; }
.kq-site .footer .coppyr { float:none; }
.kq-site #go-top { border-radius:50%; background:var(--kq-blue); color:#fff; width:38px; height:38px; bottom:18px; right:15px; }
.kq-site .kq-scroll-table { overflow-x:auto; max-width:100%; }
.kq-site .kq-scroll-table table { min-width:0; table-layout:fixed; }
.kq-site .kq-scroll-table .colfourcity { min-width:500px; }
.kq-site .kq-scroll-table table td:first-child,.kq-site .kq-scroll-table table th:first-child { position:sticky; left:0; background:#fff; z-index:1; }
.kq-site .kq-mobile-only { display:none; }
.kq-site #nav-horizontal-list > li > a { text-transform:none; font-size:14px; padding-left:7px; padding-right:7px; }
.kq-site .content-right.bullet .title-r a { color:#fff; }
.kq-site .content-right.bullet ul li a { font-weight:400; }
.kq-site .kq-lookup { display:none; }
.kq-site .kq-open-provinces { background:#fff; border-radius:0 0 9px 9px; overflow:hidden; margin-bottom:14px; box-shadow:0 2px 3px #25335012; }
.kq-site .kq-open-provinces table { table-layout:fixed; }
.kq-site .kq-open-provinces td { border:1px solid #dedee3; padding:6px 3px; font-size:14px; }
.kq-site .kq-open-provinces a { color:#444; text-decoration:none; }
.kq-site .kq-results .box:has(> .bg_gray .opt_date_full):not(:has(a)) { display:none; }
.kq-site .kq-calendar table { margin-bottom:0; }
.kq-site .kq-calendar tbody tr { height:28px; }
.kq-site .kq-calendar tbody tr:not(:has(a,span)) { display:none; }
.kq-site .kq-footer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; padding:8px 0 20px; }
.kq-site .kq-footer-grid h2 { font-size:18px; margin-bottom:10px; }
.kq-site .kq-footer-grid a { display:block; font-size:14px; padding:3px 0; }
.kq-site .kq-footer-brand { border-top:1px solid #eee; padding-top:12px; text-align:center; }
@media (max-width:1150px) and (min-width:1024px) { .kq-site .kq-layout { grid-template-columns:210px minmax(0,1fr) 230px; gap:12px; } .kq-site #nav-horizontal-list > li > a { font-size:14px; padding:9px 7px; } }
@media (max-width:1023px) {
 .kq-site .main { width:calc(100% - 12px); }
 .kq-site #top-info { min-height:65px; gap:8px; padding:4px 0; }
 .kq-site .logo { width:132px; flex-basis:132px; height:45px; }
 .kq-site .logo img { width:132px; height:45px; }
 .kq-site .kq-heading { padding-left:8px; }
 .kq-site .taskbar { font-size:11px; max-height:32px; overflow:hidden; }
 .kq-site .kq-today { font-size:12px; }
 .kq-site .header-ad-banner { display:none; }
 .kq-site .nav-mobi { display:flex; align-items:center; }
 .kq-site .navbar-toggle { position:static; display:block; float:none; margin:0 7px; padding:8px; width:36px; flex:0 0 36px; background:#fff; border:1px solid #ddd; border-radius:3px; }
 .kq-site .navbar-toggle .icon-bar { display:block; background:#555; width:18px; height:2px; margin:3px 0; }
 .kq-site .nav-mobile { display:flex; flex:1; overflow-x:auto; white-space:nowrap; margin:0; padding:0; background:#fff; }
 .kq-site .nav-mobile li { flex:0 0 auto; float:none; }
 .kq-site .nav-mobile li a { color:#333; padding:10px 8px; font-size:13px; font-weight:600; text-decoration:none; }
 .kq-site .nav-mobile li a::before { content:'●'; color:#e32d4b; font-size:11px; margin-right:5px; }
 .kq-site .nav-mobile li:nth-child(2) a::before { color:#13b4cf; }
 .kq-site .nav-mobile li:nth-child(3) a::before { color:#e8ac13; }
 .kq-site .nav-pc { margin:0; max-width:320px; background:#fff; z-index:100; }
 .kq-site #nav-horizontal-list { display:block; position:static; }
 .kq-site #nav-horizontal-list > li { display:block; border-bottom:1px solid #eee; }
 .kq-site #nav-horizontal-list > li > a { display:block; padding:10px 15px; font-size:15px; }
 .kq-site #nav-horizontal-list > .menu-header { display:block; min-height:45px; background:linear-gradient(100deg,var(--kq-red),var(--kq-blue)); }
 .kq-site .menu-header .close-button { width:50px; height:44px; }
 .kq-site .nav-pc .arr-d { position:absolute; right:8px; top:4px; width:35px; height:35px; margin:0; }
 .kq-site .nav-pc .arr-d::before { margin:15px auto; }
 .kq-site .nav-pc .menu-c2 { position:static; box-shadow:none; border:0; margin:0; width:100%; background:#f7f7fb; display:none; }
 .kq-site .nav-pc .menu-c2 a { display:block; padding:8px 23px; }
 .kq-site .nav-horizontal li.active .menu-c2,.kq-site .nav-horizontal li:hover .menu-c2 { display:none; }
 .kq-site html.menu-active { overflow:hidden; }
 .kq-site #menu-mobile-backdrop { background:#0006; }
 .kq-site .kq-layout { display:block; margin-top:12px; }
 .kq-site .col-center { display:none; }
 .kq-site .col-right { margin:15px 0; }
 .kq-site .col-right .kq-calendar,.kq-site .col-right .kq-province-picker { max-width:100%; }
 .kq-site .kq-results { width:100%; min-width:0; }
 .kq-site .kq-top-ad { margin:12px auto 28px; }
 .kq-site .kq-top-ad { min-height:180px; }
 .kq-site .tit-mien h2 { font-size:19px; }
 .kq-site .tit-mien a { font-size:13px; }
 .kq-site .kqmb .number span { font-size:23px; }
 .kq-site .kqmb .db .number span { font-size:28px; }
 .kq-site .colgiai td div { font-size:21px; }
 .kq-site .colgiai .gdb div { font-size:23px; }
 .kq-site .colgiai td:first-child { width:35px; font-size:13px; }
 .kq-site .kq-scroll-table .colfourcity { min-width:0; }
 .kq-site .colfourcity td div { font-size:18px; }
 .kq-site .colfourcity .gdb div,.kq-site .colfourcity .g8 div { font-size:20px; }
 .kq-site .colgiai th { font-size:13px; }
 .kq-site .kq-layout .col-l { width:100%; }
 .kq-site .kq-mobile-only { display:block; }
 .kq-site .kq-lookup { display:flex; }
 .kq-site .kq-calendar-controls { display:flex; }
 .kq-site .kq-footer-grid { grid-template-columns:1fr; gap:15px; }
}
@media (max-width:359px) { .kq-site .kq-scroll-table .colfourcity { min-width:420px; } }
@media (min-width:1024px) {
 .kq-site .nav-pc li:focus-within > .menu-c2 { display:block; }
 .kq-site .nav-pc .menu-c2 { min-width:188px; padding:6px 0; border:0; border-radius:10px; box-shadow:0 5px 12px #0003; }
 .kq-site .nav-pc .menu-c2 > li { float:none; padding:0; border:0; }
 .kq-site .nav-pc .menu-c2 > li > a { display:block; padding:7px 12px; font-size:15px; font-weight:400; line-height:22px; white-space:nowrap; text-decoration:none; color:#292d32; background:transparent; }
 .kq-site .nav-pc .menu-c2 > li:hover > a,.kq-site .nav-pc .menu-c2 > li.active > a { background:#f0f0f0; color:#212529; }
}
@media (prefers-reduced-motion:reduce) { .kq-site *, .kq-site *::before { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
html.menu-active:has(body.kq-site) { overflow:hidden; }

/* Reference refinements: compact headers, aligned prize rows and seven weekday tabs. */
.kq-site { font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
.kq-site .tit-mien a,.kq-site .colgiai th a { color:#0d6efd; }
.kq-site .kq-layout { grid-template-columns: minmax(0,268fr) minmax(0,550fr) minmax(0,268fr); }
.kq-site .tit-mien { display:flex; flex-direction:column; padding:9px 6px 7px; }
.kq-site .tit-mien > .kq-state { order:3; align-self:center; font-size:11px; line-height:14px; margin:2px 0 0; }
.kq-site .tit-mien h2 { margin-bottom:3px; }
.kq-site .madb { padding:5px 3px!important; font-weight:600; }
.kq-site .colgiai td { padding:0; }
.kq-site .colgiai td div { line-height:34px; min-height:34px; }
.kq-site .colgiai td div + div { border-top:1px solid #d3d3d8; }
.kq-site .tab-panel:has(> li:nth-child(8)):not(:has(> li:nth-child(9))) > li:first-child { display:none; }
.kq-site .tab-panel:has(> li:nth-child(8)):not(:has(> li:nth-child(9))) > li { flex:1 1 0; min-width:0; }
.kq-site .tab-panel:has(> li:nth-child(8)):not(:has(> li:nth-child(9))) a { padding:7px 0; text-align:center; font-weight:400; }
.kq-site .kq-date-field { position:relative; display:inline-flex; align-items:center; min-height:30px; padding:3px 6px; border:1px solid #d4d4dc; border-radius:3px; font-size:14px; }
.kq-site .kq-date-field input { position:absolute; inset:0; opacity:0; width:100%; max-width:none; cursor:pointer; }
.kq-site .kq-date-field:focus-within { outline:2px solid #387bb4; }
.kq-site .kq-date-field input::-webkit-calendar-picker-indicator { position:absolute; inset:0; width:100%; height:100%; cursor:pointer; }
@media (max-width:1023px) {
 .kq-site #top-info { display:grid; grid-template-columns:132px minmax(0,1fr); gap:4px 8px; padding:5px 0; }
 .kq-site .kq-heading { display:contents; }
 .kq-site .taskbar { grid-column:1 / -1; grid-row:1; max-height:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; margin:0; padding:0 4px 5px; }
 .kq-site .logo { grid-column:1; grid-row:2; }
 .kq-site .kq-today { grid-column:2; grid-row:2; min-width:0; overflow:hidden; text-overflow:ellipsis; border-left:1px solid #e4e4e4; padding-left:8px; font-size:12px; white-space:nowrap; }
 .kq-site .kq-layout { display:block; }
 .kq-site .nav-mobile { gap:0; scrollbar-width:none; }
 .kq-site .nav-mobile li { width:auto; min-width:max-content; }
 .kq-site .nav-mobile li a { display:flex; align-items:center; width:auto; padding:10px 7px; line-height:20px; font-size:12px; }
 .kq-site .nav-mobile li.active a { background:#f4f4f8; color:#b72c30; }
 .kq-site .nav-mobile li a::before { font-size:12px; margin-right:4px; }
 .kq-site .tit-mien h2 { font-size:17px; line-height:1.35; }
 .kq-site .tit-mien a { font-size:13px; }
 .kq-site .kqmb .number span { min-height:34px; line-height:34px; padding:0; }
 .kq-site .colgiai td div { font-size:23px; line-height:33px; min-height:33px; }
 .kq-site .colfourcity td div { font-size:18px; }
 .kq-site .kq-open-provinces td { padding:5px 2px; font-size:13px; }
 .kq-site .kq-lookup { padding:5px 7px; gap:6px; font-size:13px; }
}
@media (max-width:359px) {
 .kq-site .kq-today { font-size:10px; padding-left:4px; }
 .kq-site .tab-panel:has(> li:nth-child(8)):not(:has(> li:nth-child(9))) a { font-size:12px; }
}
@media (min-width:1024px) and (max-width:1150px) { .kq-site .kq-layout { grid-template-columns:210px minmax(0,1fr) 230px; } }

/* Match the reference result card itself, rather than outlining the whole result section. */
.kq-site .box:has(.kqmb):has(> .tit-mien),
.kq-site .box:has(.colgiai):has(> .tit-mien) { border:0; overflow:visible; background:transparent; box-shadow:none; }
.kq-site .box:has(.kqmb) > .tit-mien,
.kq-site .box:has(.colgiai) > .tit-mien { border:3px solid #c92b2b; border-bottom:0; border-radius:9px 9px 0 0; background:#fff; padding:5px 4px 4px; }
.kq-site .tit-mien .kq-result-heading { font:inherit; color:#d92323; text-decoration:none; }
.kq-site .tit-mien h2 { line-height:30px; }
.kq-site .tit-mien > div { font-size:16px; line-height:24px; }
.kq-site .tit-mien .sub-title { font-size:16px; line-height:24px; }
.kq-site [data-id="kq"] { margin:0; }
.kq-site .kq-state[data-state="complete"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.kq-site .kqmb,.kq-site .colgiai { border:3px solid #c92b2b; border-top:0; border-radius:0 0 9px 9px; border-collapse:separate; border-spacing:0; overflow:hidden; }
.kq-site .kqmb td { border:0; border-top:1px solid #ddd; }
.kq-site .kqmb td + td { border-left:1px solid #ddd; }
.kq-site .colgiai td,.kq-site .colgiai th { border:0; border-top:1px solid #ddd; }
.kq-site .colgiai td + td,.kq-site .colgiai th + th { border-left:1px solid #ddd; }
.kq-site .kqmb td.number { font-size:0; line-height:0; }
.kq-site .kqmb td.txt-giai { width:46px; padding:0; font:400 16px/24px system-ui,-apple-system,"Segoe UI",sans-serif; }
.kq-site .kqmb td.v-giai span[class^="v-g"] { padding:0; min-height:36px; line-height:36px; font-size:23px; color:#212529; }
.kq-site .kqmb .db td.number span[class^="v-g"] { color:#ff321b; font-size:29px; line-height:37px; min-height:37px; }
.kq-site .kqmb .db td.txt-giai { color:#ff321b; }
.kq-site .kqmb td.madb { padding:0!important; height:40px; }
.kq-site .kqmb td.madb span.v-madb { display:block; padding:0; line-height:39px; font:600 17px/39px Arial,sans-serif; color:#3e568c; }
.kq-site .kqmb tr:nth-child(2n+3) td { background:#f2f2f2; }
.kq-site .kqmb tr:nth-child(2n+2) td { background:#fff; }
.kq-site .control-panel { background:transparent; border:0; padding:6px 3px 10px; }
.kq-site .digits-form { background:transparent; padding:0; }
.kq-site .digits-form label.radio { font:400 13px/20px system-ui,-apple-system,"Segoe UI",sans-serif; }
.kq-site .digits-form label.radio input { accent-color:#0d6efd; }
.kq-site .kq-lookup { display:none; }
.kq-site .kq-result-book-links { display:flex; align-items:center; justify-content:space-between; margin:10px 8px 16px; background:#f1f1f1; border-radius:7px; overflow:hidden; }
.kq-site .kq-result-book-links a { color:#212529; text-decoration:none; font-size:13px; padding:10px 6px; }
.kq-site .kq-result-book-links a:first-child { color:#fff; background:#c92b2b; font-weight:700; }
.kq-site .col-firstlast:has(.firstlast-mb) { display:flex; gap:0; padding:0; clear:both; background:#fff; border:1px solid #ddd; }
.kq-site .col-firstlast .firstlast-mb { width:50%; margin:0; float:none; border-collapse:collapse; }
.kq-site .col-firstlast .firstlast-mb.fr { direction:rtl; }
.kq-site .col-firstlast .firstlast-mb td,.kq-site .col-firstlast .firstlast-mb th { direction:ltr; border:1px solid #ddd; padding:4px 6px; font:400 16px/24px system-ui,-apple-system,"Segoe UI",sans-serif; background:#fff; text-align:left; }
.kq-site .col-firstlast .firstlast-mb th { background:#f2f2f2; font-weight:600; }
.kq-site .col-firstlast .firstlast-mb td.clnote { color:#212529; width:46px; text-align:center; }
.kq-site .col-firstlast .firstlast-mb th { white-space:nowrap; }
.kq-site .col-firstlast .firstlast-mb.fl th:first-child,.kq-site .col-firstlast .firstlast-mb.fr th:last-child { width:46px; }

/* Measured against the 440px reference: system font, 21px prizes, 25px special prize. */
.kq-site .box:has(.kqmb):has(> .tit-mien),.kq-site .box:has(.colgiai):has(> .tit-mien) { background:#fff; }
.kq-site .box:has(.kqmb) > .tit-mien,.kq-site .box:has(.colgiai) > .tit-mien,.kq-site .kqmb,.kq-site .colgiai { border-color:#bb2e28; }
.kq-site .tit-mien .kq-result-heading { color:#bb2e28; }
.kq-site .kqmb td.v-giai span[class^="v-g"] { font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:21px; }
.kq-site .kqmb .db td.number span[class^="v-g"] { font-size:25px; }
.kq-site .kqmb td.txt-giai { font-weight:500; width:45px; }
.kq-site .kqmb td.madb span.v-madb { font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:18px; font-weight:500; color:#3e568c; }
.kq-site .kq-result-book-links { margin:10px 10px 15px; }
.kq-site .kq-result-book-links a { font-size:14px; font-weight:500; }
.kq-site .kq-result-book-links a:first-child { background:#bb2e28; }
.kq-site .kq-loto-links { display:block; padding:8px 10px; border:1px solid #ddd; background:#fff; color:#212529; font-size:16px; line-height:24px; }
.kq-site .kq-loto-links a { color:#0d6efd; }
@media (max-width:1023px) { .kq-site .kq-layout { margin-top:16px; } .kq-site .kq-open-provinces { margin-bottom:15px; } }

/* Header and scrollable shortcut strip use the same geometry and icon family as the reference. */
.kq-site .nav-mobile li a::before { display:none; }
.kq-site .nav-mobile .kq-menu-icon { font-size:14px; line-height:1; margin-right:4px; flex-shrink:0; }
.kq-site .kq-icon-mb { color:#dc3545; }
.kq-site .kq-icon-mn { color:#0dcaf0; }
.kq-site .kq-icon-mt { color:#ffc107; }
.kq-site .kq-icon-vietlott { color:#198754; }
.kq-site .kq-icon-utility { color:#3e568c; }
@media (max-width:1023px) {
 .kq-site #top-info { grid-template-columns:132px minmax(0,1fr); column-gap:15px; row-gap:8px; padding:8px 0; }
 .kq-site #top-info::after { display:none; }
 .kq-site .taskbar { padding:0 0 6px; margin:0 6px; font-size:14px; line-height:19.8px; border-bottom:1px solid #eee; }
 .kq-site .logo { position:relative; width:120px; height:37px; margin-left:6px; }
 .kq-site .logo img { width:120px; height:37px; }
 .kq-site .logo::after { content:''; position:absolute; width:1px; height:23px; background:#e4e4e4; top:7px; right:-11px; }
 .kq-site .kq-today { display:block; justify-self:start; width:auto; min-width:0; border:0; padding:0; font-size:14px; line-height:21px; text-align:left; }
 .kq-site .nav-mobi { height:39px; }
 .kq-site .nav-mobile { height:39px; align-items:center; overscroll-behavior-x:contain; }
 .kq-site .nav-mobile li a { padding:9px 8px; font-size:14px; line-height:21px; }
 .kq-site .navbar-toggle { width:32px; flex-basis:32px; height:28px; padding:4px 6px; margin:0 11px 0 7px; }
 .kq-site .navbar-toggle .icon-bar { width:16px; height:2px; margin:3px 0; background:#888; }
}
@media (max-width:359px) {
 .kq-site #top-info { grid-template-columns:110px minmax(0,1fr); column-gap:12px; }
 .kq-site .logo,.kq-site .logo img { width:100px; }
 .kq-site .kq-today { font-size:11px; }
}
@media (max-width:1023px) {
 .kq-site .tit-mien h2 { font-size:20px; line-height:30px; margin:0 0 4px; }
 .kq-site .tit-mien a { font-size:16px; line-height:24px; }
 .kq-site .tit-mien .kq-result-heading { font-size:20px; }
 .kq-site .kq-region-links a { font-size:14px; line-height:24px; padding:5px 4px; }
 .kq-site .kq-open-provinces td { padding:0 2px; height:31px; font-size:14px; line-height:30px; }
 .kq-site .nav-mobile li a { padding:9px 8px; font-size:14px; line-height:20px; text-transform:none; }
 .kq-site .nav-mobile li a::before { width:14px; height:14px; border:4px solid #df3155; border-radius:50%; content:''; flex-shrink:0; }
 .kq-site .nav-mobile li:nth-child(2) a::before { border-color:#0ab6d2; }
 .kq-site .nav-mobile li:nth-child(3) a::before { border-color:#f0b600; }
 .kq-site .nav-mobile li:nth-child(4) a::before { border-color:#168258; }
 .kq-site .nav-mobile li:nth-child(5) a::before { border-radius:1px; border-width:2px; border-color:#3e568c; }
 .kq-site .navbar-toggle { width:40px; flex-basis:40px; padding:6px 9px; margin:0 7px; }
}

/* Final reference measurements; keep all existing table cells and live-update hooks. */
.kq-site .kq-region-links { background:linear-gradient(109deg,#bb2e28,#365294); border-radius:10px 10px 0 0; }
.kq-site .kq-region-links a { position:relative; font-size:16px; line-height:24px; padding:5px 0; }
.kq-site .kq-region-links a + a { border-left:0; }
.kq-site .kq-region-links a:not(:last-child)::after { content:''; position:absolute; right:0; top:8px; height:20px; width:1px; background:#fff; opacity:.25; }
.kq-site .kq-open-provinces { border-radius:0 0 10px 10px; box-shadow:0 2px 4px #0000001f; }
.kq-site .kq-open-provinces td { border-color:#d6d6d6; }
.kq-site .box:has(.kqmb):has(> .tit-mien),.kq-site .box:has(.colgiai):has(> .tit-mien) { border-radius:10px; box-shadow:0 2px 4px #0000001f; }
.kq-site .box:has(.kqmb) > .tit-mien,.kq-site .box:has(.colgiai) > .tit-mien { border-radius:10px 10px 0 0; padding:6px 6px 7px; }
.kq-site .kqmb,.kq-site .colgiai { border-radius:0 0 10px 10px; }
.kq-site .kqmb td { border-top-color:#d6d6d6; }
.kq-site .kqmb td + td { border-left-color:#d6d6d6; }
.kq-site .kqmb td.v-giai span[class^="v-g"] { border-color:#d6d6d6; }
.kq-site .kqmb:not(.kqtinh) td.txt-giai { width:11.111111%; }
.kq-site .colgiai td div { padding:0; margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:21px; line-height:36px; min-height:36px; }
.kq-site .colgiai .g8 div { font-size:21px; }
.kq-site .colgiai .gdb div,.kq-site .colgiai .db div { font-size:25px; line-height:37px; min-height:37px; }
.kq-site .colgiai td:first-child,.kq-site .colgiai th:first-child { width:11.111111%; font-size:16px; font-weight:500; }
.kq-site .colgiai th { padding:6px; font-size:16px; font-weight:500; line-height:24px; }
.kq-site .colgiai th a { font-size:inherit; font-weight:500; }
.kq-site .control-panel { padding:6px 10px 15px; }
.kq-site .digits-form { display:flex; align-items:flex-start; gap:10px; min-height:26px; }
.kq-site .digits-form label.radio { display:inline-flex; align-items:center; height:24px; padding:0; margin:0 0 2px; font-size:14px; line-height:21px; white-space:nowrap; }
.kq-site .digits-form label.radio input { appearance:none; -webkit-appearance:none; display:inline-block; width:14px; min-width:14px; max-width:14px; height:14px; padding:0; flex:0 0 14px; border:1px solid #00000040; border-radius:50%; background:#fff; margin:0 7px 0 0; }
.kq-site .digits-form label.radio input:checked { border-color:#0d6efd; background:radial-gradient(circle,#fff 0 3px,transparent 3.2px),#0d6efd; }
.kq-site .digits-form label.radio input:focus-visible { outline:2px solid #0d6efd; outline-offset:2px; }
.kq-site .kq-result-book-links { margin:0 10px 15px; height:37px; border-radius:8px; background:#f2f2f2; }
.kq-site .kq-result-book-links a { flex:1 1 0; padding:8px 0; line-height:21px; text-align:center; }
.kq-site .kq-result-book-links a:first-child { flex:0 0 22.222222%; font-weight:400; }
.kq-site .kq-result-book-links a:hover { background:#e5e5e5; }
.kq-site .kq-result-book-links a:first-child:hover { background:#a62a25; }
@media (max-width:1023px) {
 .kq-site .colfourcity td div { font-size:18px; }
 .kq-site .colfourcity .gdb div,.kq-site .colfourcity .db div { font-size:20px; }
}
@media (max-width:359px) {
 .kq-site .colgiai th { font-size:13px; padding:6px 2px; }
 .kq-site .colgiai td div { font-size:19px; }
 .kq-site .colgiai .gdb div,.kq-site .colgiai .db div { font-size:21px; }
}

/* Full desktop page: continuous background, left-aligned footer and product cards. */
.kq-site { background:linear-gradient(#f5f7fd,#dce2fa); background-attachment:scroll; background-repeat:no-repeat; }
.kq-site .kq-footer { background:#ffffffbf; padding:0; margin-top:40px; border-top:1px solid #d9dfec; }
.kq-site .kq-footer .main { text-align:left; }
.kq-site .kq-footer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:24px 0; }
.kq-site .kq-footer-grid section { min-width:0; padding-right:24px; text-align:left; }
.kq-site .kq-footer-grid h2 { font-size:16px; font-weight:500; line-height:24px; margin:0 0 16px; }
.kq-site .kq-footer-grid ul { list-style:none; margin:0; padding:0; }
.kq-site .kq-footer-grid li { margin:0; padding:0; text-align:left; }
.kq-site .kq-footer-grid a { display:inline; color:#212529; font-size:14px; line-height:21px; padding:0; text-decoration:none; }
.kq-site .kq-footer a:hover { color:#0d6efd; text-decoration:underline; }
.kq-site .kq-footer-keywords { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:24px; font-size:14px; line-height:21px; }
.kq-site .kq-footer-keywords > span { font-weight:500; }
.kq-site .kq-footer-keywords ul { display:flex; flex-wrap:wrap; gap:4px; margin:0; padding:0; list-style:none; }
.kq-site .kq-footer-keywords li { padding:2px 6px; background:#fff; border:1px solid #dce0e8; border-radius:3px; }
.kq-site .kq-footer .cms-footer-menu { margin:0; padding:0 0 20px; font-size:14px; justify-content:flex-start; }
.kq-site .kq-footer .cms-footer-menu li { float:none; margin:0; padding:0; }
.kq-site .kq-footer .cms-footer-menu a { color:#212529; }
.kq-site .kq-footer-identity { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:40px 0; border-top:1px solid #d9dfec; font-size:14px; line-height:21px; }
.kq-site .kq-footer-identity p { margin:0 0 4px; }
.kq-site .kq-footer-copyright { align-self:end; text-align:right; }
.kq-site .kq-footer-copyright a { color:inherit; text-decoration:none; }
.kq-site .kqmax3d td.number { font-size:21px; line-height:25px; }
.kq-site .kqmax3d td.number strong { display:block; padding:6px 2px; font:700 21px/25px system-ui,-apple-system,"Segoe UI",Arial,sans-serif; color:#212529; }
.kq-site .kqmax3d tr.db td.number strong { font-size:25px; color:#ff321b; }
.kq-site .box.kq-vietlott-card,.kq-site .box.kq-vietlott-card:has(.kqmb) { --product-color:#ff4057; border:0; border-radius:9px; overflow:hidden; background:#fff; box-shadow:0 2px 4px #0000001f; }
.kq-site .box.kq-power-card { --product-color:#ca4c2a; }
.kq-site .box.kq-max-card { --product-color:#c82285; }
.kq-site .box.kq-maxpro-card { --product-color:#98006b; }
.kq-site .box.kq-vietlott-card > .tit-mien { display:block; border:0; border-radius:0; background:var(--product-color); color:#fff; padding:8px 6px; font-size:18px; font-weight:500; line-height:27px; margin:0; }
.kq-site .kq-vietlott-card > .tit-mien strong { font-weight:500; }
.kq-site .kq-vietlott-card > .tit-mien a { color:#fff; font-size:inherit; font-weight:500; line-height:inherit; }
.kq-site .kq-draw-number { margin:0; padding:6px; font-size:14px; line-height:21px; text-align:center; border-bottom:1px solid #ddd; color:#555; }
.kq-site .kq-draw-number strong { font-weight:500; }
.kq-site .kq-vietlott-card .box { border:0; border-radius:0; box-shadow:none; margin:0; }
.kq-site .kq-vietlott-card .results { margin:0; padding:0; list-style:none; }
.kq-site .kq-vietlott-card .results > li { padding:0; margin:0; }
.kq-site .box.kq-vietlott-card .results .data { margin:0; border:0; }
.kq-site .box.kq-vietlott-card .results .data tbody { display:flex; flex-direction:column; }
.kq-site .box.kq-vietlott-card .results .data tr:first-child { display:flex; justify-content:center; gap:6px; padding:6px 0 12px; order:2; }
.kq-site .box.kq-vietlott-card .results .data tr:last-child { display:block; order:1; }
.kq-site .box.kq-vietlott-card .results .data td { display:block; padding:0; border:0; background:#fff; }
.kq-site .box.kq-vietlott-card .results .data td i { display:inline-flex; justify-content:center; align-items:center; border:0; border-radius:50%; width:30px; height:30px; padding:0; font:600 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif; color:#fff; background:#09a5d5; }
.kq-site .box.kq-vietlott-card .results .data td:nth-child(2) i { background:#72b832; }
.kq-site .box.kq-vietlott-card .results .data td:nth-child(3) i { background:#9b59ae; }
.kq-site .box.kq-vietlott-card .results .data td:nth-child(4) i { background:#e64c82; }
.kq-site .box.kq-vietlott-card .results .data td:nth-child(5) i { background:#ef6d2d; }
.kq-site .box.kq-vietlott-card .results .data td:nth-child(6) i { background:#e7bb24; }
.kq-site .box.kq-vietlott-card.kq-power-card .results .data td i { background:#ed7929; }
.kq-site .box.kq-vietlott-card.kq-power-card .results .data td:last-child i { background:#a52921; }
.kq-site .box.kq-vietlott-card .results .data p { font-size:14px; font-weight:400; line-height:21px; margin:10px 6px; color:#555; }
.kq-site .box.kq-vietlott-card .results .data p strong { display:table; margin:6px auto 0; padding:8px 14px; border-radius:9px; font-size:24px; line-height:30px; color:#fff; background:#ff4057; }
.kq-site .box.kq-vietlott-card.kq-power-card .results .data p strong { background:#ca4c2a; }
.kq-site .box.kq-vietlott-card .results .data2 { margin:0; font-size:14px; line-height:21px; }
.kq-site .box.kq-vietlott-card .results .data2 td { padding:6px 4px; color:#212529; }
.kq-site .box.kq-vietlott-card .results .data2 i { width:7px; height:7px; display:inline-block; border:1px solid #333; background:none; border-radius:50%; margin-right:2px; }
.kq-site .box.kq-vietlott-card .results .data2 tr:first-child { background:#f2f2f2; font-weight:500; }
.kq-site .kq-vietlott-card .kqmb { border:0; border-radius:0; }
.kq-site .kq-product-more { display:block; border-top:1px solid #ddd; padding:8px; color:#777; text-align:center; font-size:14px; text-decoration:none; }
.kq-site .kq-quick-stats > h2,.kq-site .kq-electronic-summary > h2 { background:linear-gradient(109deg,#bb2e28,#365294); color:#fff; padding:8px 10px; margin:0; font-size:18px; font-weight:500; line-height:27px; }
.kq-site .kq-quick-stats h3 { padding:6px; margin:0; font-size:14px; font-weight:500; line-height:21px; border-top:1px solid #ddd; background:#f2f2f2; }
.kq-site .kq-quick-stats ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:0; margin:0; list-style:none; }
.kq-site .kq-quick-stats li { min-width:0; padding:6px 2px; border-right:1px solid #ddd; border-top:1px solid #ddd; font-size:13px; line-height:21px; text-align:center; }
.kq-site .kq-quick-stats li:nth-child(5n) { border-right:0; }
.kq-site .kq-electronic-summary h3 { background:#f2f2f2; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0; padding:6px; font-size:14px; font-weight:500; line-height:21px; text-align:center; }
.kq-site .kq-electronic-summary h3 a { color:#0d6efd; }
.kq-site .kq-electronic-numbers { display:flex; }
.kq-site .kq-electronic-numbers span { flex:1; padding:8px 4px; border-right:1px solid #ddd; font-size:21px; font-weight:700; line-height:25px; text-align:center; }
.kq-site .kq-electronic-numbers span:last-child { border-right:0; }
@media (max-width:767px) {
 .kq-site .kq-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:24px; padding:20px 6px; }
 .kq-site .kq-footer-grid h2 { margin-bottom:8px; }
 .kq-site .kq-footer-identity { grid-template-columns:1fr; padding:24px 6px; }
 .kq-site .kq-footer-copyright { text-align:left; }
 .kq-site .kq-footer-keywords,.kq-site .kq-footer .cms-footer-menu { margin-left:6px; margin-right:6px; }
 .kq-site .kq-vietlott-card > .tit-mien { font-size:16px; line-height:24px; }
 .kq-site .box.kq-vietlott-card .results .data2 td { font-size:12px; padding:5px 2px; }
 .kq-site .box.kq-vietlott-card .results .data td i { width:28px; height:28px; }
 .kq-site .kqmax3d td.number strong { font-size:19px; }
 .kq-site .kq-quick-stats li { font-size:12px; line-height:18px; }
 .kq-site .box.kq-vietlott-card .results .data p strong { font-size:22px; }
}