/* One global design system for all public pages. */
:root{--brand-green:#13820b;--brand-green-dark:#106508;--text:#292e32;--muted:#657166;--border:#d9dfd6;--background:#f5f5f3;--danger:#c32222;--accent:#e9cf36;--container:980px;--gutter:12px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:14px}
body{margin:0;background:var(--background);color:var(--text);font:15px/1.45 Tahoma,Geneva,sans-serif}
a{color:var(--brand-green-dark);text-decoration:none}a:hover{text-decoration:underline}
button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}
button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap,.main-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.site-header{background:#fff;border:0}
.header-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:72px;padding-block:15px}
.brand{display:block;font-size:clamp(21px,2.2vw,28px);font-weight:800;line-height:1.2;color:var(--brand-green-dark);text-align:center}
.brand:hover{text-decoration:none}.brand-short{display:none}

.navigation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;padding:0;background:var(--brand-green)}
.navigation a{padding:12px 14px;min-height:44px;font-weight:700;font-size:14px;color:#fff;text-decoration:none}
.navigation a:hover,.navigation a[aria-current=page]{background:var(--brand-green-dark)}
.navigation a[aria-current=page]{box-shadow:inset 0 -3px var(--accent)}
.time-bar{background:#eee;border-bottom:1px solid var(--border);font-size:13px;line-height:1.4}
.time-bar .wrap{padding-block:6px}.time-bar time{font-weight:700;margin-inline:5px}.time-bar span{color:var(--muted)}
.main-container{background:#fff;min-height:0;padding-block:12px}
.breadcrumb{font-size:13px;color:var(--muted);padding:0;margin:0 0 10px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:0}
.linkway,.linkway .main{background:transparent;padding:0;margin:0}
h1,.page-title{font-size:clamp(22px,2vw,26px);font-weight:700;line-height:1.3;margin:0 0 16px;color:var(--text)}
.page-title::after{content:"";display:block;width:44px;height:3px;background:var(--brand-green);margin-top:9px}
h2{font-size:17px;margin:0 0 10px}h3{font-size:15px;margin:10px 0 7px}
.section-header,.panel>h2{background:var(--brand-green);color:#fff;border-radius:0;font-size:16px;line-height:1.4;padding:7px 10px}
.panel{background:#fff;border:1px solid var(--border);border-radius:0;box-shadow:none;padding:12px;margin-bottom:10px}
.panel>h2{margin:-12px -12px 10px}.sidebar .panel>h2{margin:-12px -12px 10px}
.intro{padding:0 0 10px;margin:0 0 10px;border:0;background:#fff}
.intro h1{font-size:clamp(21px,2vw,24px);margin-bottom:8px}.intro p{font-size:14px;margin:5px 0}
.primary-link,.tool-actions button,button[type=submit],input[type=submit]{display:inline-block;border:1px solid var(--brand-green);border-radius:2px;background:var(--brand-green);color:#fff;min-height:42px;padding:8px 12px}
button.secondary{background:#fff;color:var(--brand-green-dark);border-color:var(--border)}
input,textarea,select{max-width:100%;border:1px solid var(--border);border-radius:2px;background:#fff}
.site-footer{background:#fff;border-top:1px solid var(--border);padding-block:16px;font-size:13px;clear:both}
.site-footer p{color:var(--muted);margin:7px 0}
.archive-list{list-style:none;margin:0 0 16px;padding:0}
.archive-list li{display:flex;gap:7px;padding:9px 0;border-bottom:1px dotted var(--border);font-size:15px}
.archive-icon{font-size:13px;color:var(--brand-green);flex:none}.archive-list a{overflow-wrap:anywhere}
.archive-list time{white-space:nowrap}.experience-section{margin-top:24px}
.archive-pagination ul{display:flex;flex-wrap:wrap;list-style:none;gap:5px;padding:0;margin:14px 0}
.archive-pagination a,.archive-pagination span{display:block;min-width:32px;min-height:36px;padding:7px 10px;border:1px solid var(--border);background:#fff;font-size:13px}
.archive-pagination [aria-current]{background:var(--brand-green);color:#fff;border-color:var(--brand-green)}
/* Legacy content is adapted to the same single-column shell, without its old portal theme. */
.legacy-content .main,.legacy-content .content,.legacy-content .col-l,.legacy-content .col-center{width:100%;max-width:100%;float:none;margin:0}
.legacy-content .col-l{padding:0}.legacy-content .title-c,.legacy-content .title-r,.legacy-content .tit-mien,.legacy-content .tk-nhanh-item-header,.legacy-content .pascal-header,.legacy-content .fe{background:var(--brand-green)!important;color:white!important;padding:7px 10px;font-size:16px;border-radius:0}
.legacy-content .box,.legacy-content .box-kq,.legacy-content .content-left{background:white;box-shadow:none;border:1px solid var(--border);border-radius:0}
.legacy-content .table{width:100%;border-collapse:collapse}.legacy-content .table td,.legacy-content .table th{border:1px solid var(--border);padding:6px 4px}
.legacy-content img,.legacy-content svg,.legacy-content canvas{max-width:100%}
.legacy-content .tabs{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0}
.legacy-content .tabs a,.legacy-content .btn{display:inline-block;padding:8px 10px;min-height:40px;border:1px solid var(--border);background:#fff;border-radius:2px}
.legacy-content .tabs .active a,.legacy-content .btn-primary{background:var(--brand-green);color:#fff}
.legacy-content table{max-width:100%}
@media(max-width:960px){.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:640px){
.header-row{min-height:64px;padding-right:12px;padding-left:12px}.brand{font-size:21px}.brand-full{display:none}.brand-short{display:inline}

.navigation a{padding:9px 12px;min-height:40px}.time-bar span{display:none}
.main-container{padding-top:10px}.archive-list li{font-size:14px;padding:9px 0}.intro p{font-size:13px}
.two-columns,.three-columns{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0}
.table-scroll table{margin:0}
.hidden{display:none!important}.clearfix::after{content:"";display:table;clear:both}
.fl{float:left}.fr{float:right}.bold{font-weight:700}.red,.red-3,.clred{color:var(--danger)}.clblue{color:#185c86}

/* Phase 7: article, numerical content and legacy public form vocabulary. */
.article-page{min-width:0}.article-content{font-size:15px;line-height:1.65;overflow-wrap:break-word;padding:16px;border:1px solid var(--border);margin:16px 0 24px}
.article-content p{margin:0 0 12px}.article-content h2{font-size:21px;line-height:1.35;margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--brand-green);color:var(--text)!important}
.article-content h3{font-size:18px;line-height:1.4;margin:20px 0 12px;color:var(--text)!important}.article-content h4{font-size:16px;margin:16px 0 8px;color:var(--text)!important}
.article-content ul,.article-content ol{padding-left:24px;margin:8px 0 16px}.article-content li{margin:4px 0}.article-content li>ul,.article-content li>ol{margin:4px 0 8px}
.article-content a,.article-content a:visited{color:var(--brand-green-dark)}.article-content a:hover{text-decoration:underline}.article-content strong{font-weight:700}.article-content em{font-style:italic}
.article-content blockquote{margin:16px 0;padding:12px 16px;background:#f5f8f3;border-left:3px solid var(--brand-green)}
.article-content img{display:block;max-width:100%;height:auto;margin:12px auto}.article-content figure{margin:0 0 16px;padding:12px;background:#f5f8f3;border:1px solid var(--border)}.article-content figcaption{font-weight:700;color:var(--brand-green-dark)}
.article-content pre{max-width:100%;overflow:auto;padding:12px;background:#f5f5f3;border:1px solid var(--border)}.article-content code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}
.article-content .box{margin:16px 0;border:0}.article-content .widget-header{padding:0 0 8px}.article-content .widget-content{padding:0}.article-content .clear{display:none}
.section-bar,.article-content .pascal-header,.article-content .fe{display:block;background:var(--brand-green)!important;color:#fff!important;padding:8px 12px;font-size:16px;line-height:1.4;font-weight:700;margin:16px 0 8px}
.article-content .section-bar h3{color:#fff!important;margin:0;font-size:16px;border:0;padding:0}.article-content .tk-nhanh-item-header{background:#eef4eb!important;color:var(--text)!important;font-size:14px;padding:8px 12px;margin-top:12px;border:1px solid var(--border)}
.article-content .red-3,.article-content .blue,.article-content font{color:inherit}.article-content .red{color:var(--danger)}
.article-toc{background:#f6f8f4;border:1px solid var(--border);padding:12px 16px;margin:16px 0}.article-toc .text-mucluc{font-weight:700;font-size:16px;padding:0}.article-toc ol{margin:8px 0 0;padding-left:24px}.article-toc a{display:inline-block;padding:2px 0}
.region-tabs,.legacy-content .tab-panel{display:flex;list-style:none!important;gap:4px;padding:0!important;margin:0 0 16px;border-bottom:2px solid var(--brand-green)}
.region-tabs a,.legacy-content .tab-panel a{display:block;padding:10px 16px;font-size:14px;font-weight:700;background:#f1f5ee;color:var(--brand-green-dark);border:1px solid var(--border);border-bottom:0;text-align:center;min-height:42px}
.region-tabs [aria-current=page],.legacy-content .tab-panel .active a{background:var(--brand-green);color:white}.region-tabs li,.legacy-content .tab-panel li{margin:0;flex:1}
.data-table,.legacy-content table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 16px;font-variant-numeric:tabular-nums}
.data-table th,.data-table td,.legacy-content table:not(.kqmb) th,.legacy-content table:not(.kqmb) td{border:1px solid var(--border);padding:8px;vertical-align:middle;line-height:1.45}
.data-table th,.legacy-content table th{background:#eef4eb;font-weight:700}.data-table tbody tr:nth-child(even){background:#fafbf9}.article-content .tk-nhanh-number{text-align:center;white-space:nowrap}
.article-content .bang-cau td.dau{width:80px;white-space:nowrap;background:#eef4eb}.article-content .bang-cau td:not(.dau){line-height:1.8}.article-content .bang-cau td span{display:inline-block}
.pascal-body{padding:12px;border:1px solid var(--border)}.pascal-grid{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;overflow-x:auto}
.pascal-row{display:flex;justify-content:center;gap:4px;white-space:nowrap}.pascal-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:30px;flex:none;background:#f2f6ee;border:1px solid var(--border);font:600 16px/1 ui-monospace,Consolas,monospace}
.pascal-result{display:flex;justify-content:center;gap:12px;padding-top:12px}.pascal-result span,.number-chip{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:5px 10px;border:1px solid #cbd9c5;border-radius:3px;background:#edf5e8;font-weight:700;font-variant-numeric:tabular-nums;color:var(--brand-green-dark)}
.article-content .prediction-summary{border:1px solid var(--border);background:#f8faf6}.prediction-summary td:first-child{font-weight:700;background:#eef4eb}.article-related{margin:24px 0}.article-related ul{list-style:none;padding:0;margin:0}.article-related li{border-bottom:1px dotted var(--border);padding:10px 0}.article-related a::before{content:'›';margin-right:8px;color:var(--brand-green)}
.legacy-content .box-detail{padding:0;border:0}.legacy-content .box>form,.legacy-content .box>div.form-group{padding:12px}.legacy-content .form-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.legacy-content input:not([type=checkbox]):not([type=radio]),.legacy-content select,.legacy-content textarea{padding:8px;min-height:40px}.legacy-content label{line-height:1.5}.legacy-content .btn,.legacy-content button{border:1px solid var(--border);border-radius:3px;padding:8px 12px;min-height:40px}.legacy-content .btn-primary{background:var(--brand-green);color:#fff}
.legacy-content .list-html-link{list-style:none;padding:0 12px;margin:8px 0 16px}.legacy-content .list-html-link li{border-bottom:1px dotted var(--border);padding:8px 0}
@media(max-width:640px){.article-content{padding:12px;font-size:14px;line-height:1.6}.article-content h2{font-size:19px}.article-content h3{font-size:17px}.region-tabs a,.legacy-content .tab-panel a{padding:10px 4px;font-size:13px}.pascal-number{width:22px;height:26px;font-size:14px}.pascal-row{gap:2px}.article-content .data-table{font-size:13px}.data-table td,.data-table th{padding:6px}.article-content blockquote{padding:8px 12px}}
.article-content .head-number{display:inline-flex!important;gap:4px;align-items:baseline;margin:2px 12px 2px 0;white-space:nowrap}.article-content .head-number .num{color:var(--brand-green-dark);font-weight:700}.article-content .head-number .freq{font-size:12px;color:var(--muted)}
.article-content .kqmb{table-layout:fixed}.article-content .kqmb .txt-giai{width:54px;white-space:nowrap;font-size:13px}.article-content .kqmb td.number{overflow-wrap:normal;word-break:normal}.article-content .kqmb td.number>span{white-space:nowrap}.article-content .firstlast-mb{width:calc(50% - 4px);float:left;margin-right:4px}.article-content .firstlast-mb.fr{float:right;margin-right:0}.article-content .one-city~.firstlast-mb{margin-top:12px}
@media(max-width:360px){.article-content .kqmb td.number{font-size:16px}.article-content .kqmb tr.db td.number{font-size:24px}.article-content .kqmb .txt-giai{width:42px}}
.legacy-content .tit-mien a,.legacy-content .section-bar a{color:#fff}.legacy-content .box>h2:not(.tit-mien){color:var(--text)!important}.legacy-content .kqmb{table-layout:auto}.legacy-content .kqmb td.number>span{white-space:nowrap}.legacy-content .kqmb .txt-giai{width:54px;white-space:nowrap}
.legacy-content .tab-panel{flex-wrap:wrap}.legacy-content .tab-panel li{min-width:0;flex:1 0 auto}
@media(max-width:640px){.legacy-content .tab-panel li{flex:1 0 calc(25% - 4px)}.legacy-content .tab-panel a{padding:8px 6px;white-space:normal}.article-content .kqmb{table-layout:auto}.article-content .kqmb .txt-giai{width:54px}}
.legacy-content a>strong>span[style*="color"],.legacy-content a>span[style*="color"]{color:inherit!important}
.legacy-content .colgiai td.number{font-size:20px;font-variant-numeric:tabular-nums;text-align:center;word-break:normal;overflow-wrap:normal;white-space:nowrap}.legacy-content .colgiai td.number>span{display:block;white-space:nowrap;padding:3px 0}.legacy-content .colgiai tr.db td.number{color:var(--danger);font-weight:700}
@media(max-width:360px){.legacy-content .colgiai td.number{font-size:18px}}
.legacy-content .colgiai td:not(:first-child){text-align:center}.legacy-content .colgiai td>[data-nc]{font-size:20px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}.legacy-content .colgiai tr.gdb td>[data-nc]{font-size:23px;color:var(--danger);font-weight:700}
@media(max-width:360px){.legacy-content .colgiai td>[data-nc]{font-size:18px}.legacy-content .colgiai tr.gdb td>[data-nc]{font-size:21px}}
/* One UI font, including CMS inline presentation and late legacy styles. */
html,body,body *{font-family:Tahoma,Geneva,sans-serif!important}
pre,code,pre *,code *,.pascal-number,.pascal-row{font-family:ui-monospace,Consolas,monospace!important}
/* Trial-only adaptation of the project's old colgiai/kqmb/loading vocabulary. */
.trial-page .vb{font-size:14px;line-height:1.55;margin-bottom:12px}.trial-page .vb p{margin:0 0 8px}.trial-page .vb blockquote{margin:8px 0;padding:8px 12px;background:#f5f8f3;border-left:3px solid var(--brand-green)}
.trial-page .quay-thu{border:0}.trial-page #trial-box{border:1px solid var(--border)}.trial-page .tit-mien h2{margin:0;font-size:16px;line-height:1.4}
.trial-page #trial_form{padding:12px;background:#f4f7f1;border-bottom:1px solid var(--border)}.trial-page #trial_form .form-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.trial-page #ddLotteries{width:220px;height:42px;padding:8px;border:1px solid var(--border)}.trial-page #btnStartOrStop{height:42px;min-width:170px;padding:8px 12px;background:var(--brand-green);border:1px solid var(--brand-green-dark);color:#fff;font-weight:700;border-radius:3px;white-space:nowrap}.trial-page #btnStartOrStop:hover{background:var(--brand-green-dark)}.trial-page #btnStartOrStop:disabled,.trial-page #btnStartOrStop[aria-busy=true]{opacity:.8;cursor:wait}
.trial-page .trial-table{width:100%;margin:0;border-collapse:collapse;table-layout:fixed}.trial-page .trial-table td,.trial-page .trial-table th{padding:0;border:1px solid var(--border);text-align:center;vertical-align:middle}.trial-page .trial-table th{padding:8px 4px;background:#eef4eb}.trial-page .trial-table th.first,.trial-page .trial-table td.txt-giai{width:56px;font-size:13px;white-space:nowrap}.trial-page .trial-table td.number{font-size:23px;font-weight:700;line-height:40px}.trial-page .trial-table td.number>span{vertical-align:middle;height:40px;line-height:40px;padding:0}.trial-page .trial-table td>[data-nc]{font-weight:700;display:block;height:40px;line-height:40px;padding:0;font-size:23px;margin:auto;white-space:nowrap}.trial-page .trial-table tr:nth-child(even){background:#fafbf8}.trial-page .trial-table .db td.number,.trial-page .trial-table .gdb td>[data-nc]{color:var(--danger);font-size:28px}
.trial-page .trial-table img{width:18px;height:18px;object-fit:contain;vertical-align:middle}.trial-page .fa-spinner,.trial-page .imgloadig{display:inline-block;width:18px;height:18px;vertical-align:middle}.trial-page .imgloadig{background:url('/frontend/images/loader-red.gif') center/18px no-repeat}.trial-page .fa-spinner{border:2px solid #dce4d7;border-top-color:var(--brand-green);border-radius:50%;animation:trial-spin .8s linear infinite}.trial-page .fa-spinner::before{content:none}.trial-page .imgloadig::before{content:'\200b'}
@keyframes trial-spin{to{transform:rotate(360deg)}}
.trial-page .col-firstlast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;clear:both}.trial-page .col-firstlast.colgiai{display:block}.trial-page .col-firstlast table{width:100%;float:none;margin:0;font-size:14px;border-collapse:collapse}.trial-page .col-firstlast td,.trial-page .col-firstlast th{padding:6px 8px;line-height:1.5;border:1px solid var(--border);text-align:center}.trial-page .col-firstlast th{background:#eef4eb}.trial-page .col-firstlast .clnote{color:var(--brand-green-dark);font-weight:700}.trial-page .see-more{padding:12px;border-top:1px solid var(--border)}.trial-page .see-more ul{padding:0;margin:8px 0 0}
@media(max-width:640px){.trial-page #trial_form{padding:8px}.trial-page #ddLotteries{flex:1;min-width:0;width:auto}.trial-page #btnStartOrStop{min-width:142px;font-size:14px}.trial-page .trial-table td.number,.trial-page .trial-table td>[data-nc]{font-size:20px}.trial-page .trial-table .db td.number,.trial-page .trial-table .gdb td>[data-nc]{font-size:23px}.trial-page .trial-table td.txt-giai,.trial-page .trial-table th.first{width:44px}.trial-page .col-firstlast{gap:8px;padding:8px}.trial-page .col-firstlast td,.trial-page .col-firstlast th{padding:5px 4px}}
@media(max-width:360px){.trial-page .trial-table td.number,.trial-page .trial-table td>[data-nc]{font-size:18px}.trial-page .trial-table .db td.number,.trial-page .trial-table .gdb td>[data-nc]{font-size:21px}.trial-page .trial-table th{font-size:12px}}
/* Legacy statistics already provide their own scroll region; keep it contained
   before the JS table adapter runs as well as after asynchronous updates. */
.legacy-content .scoll,.legacy-content .scoll-noheight,.legacy-content .scroll{max-width:100%;min-width:0;overflow-x:auto}
/* Vietlott result/simulation vocabulary from the project's retired stylesheet. */
.legacy-content .mega645 .results{list-style:none;padding:12px;margin:0}.legacy-content .mega645 .results>li{margin:0}.legacy-content .mega645 .data{margin-bottom:12px}.legacy-content .mega645 .data table td{padding:8px 4px;text-align:center;vertical-align:middle;border:0}.legacy-content .mega645 .data i{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:36px;height:36px;border:1px solid #bfcfba;border-radius:50%;background:#eef5e9;color:var(--brand-green-dark);font-size:18px;font-style:normal;font-weight:700}.legacy-content .mega645 .data i.imgloadig{background:#eef5e9 url('/frontend/images/loader-red.gif') center/18px no-repeat}.legacy-content .mega645 button{background:var(--brand-green);color:white;border-color:var(--brand-green-dark);min-width:120px}.legacy-content .mega645 .data .jackpot{font-weight:700;color:var(--danger)}
@media(max-width:360px){.legacy-content .mega645 .data i{width:28px;height:28px;font-size:15px}.legacy-content .mega645 .results{padding:8px}.legacy-content .mega645 .data table td{padding:6px 2px}}
/* Tahoma is wider: preserve clearance beside the menu at 320px. */
@media(max-width:360px){.site-header .brand{font-size:17px}}
/* Published regional tables can be replaced by live updates: their native
   container must contain wide historical draws before JS rewraps each table. */
.legacy-content .two-city,.legacy-content .three-city,.legacy-content .four-city{max-width:100%;min-width:0;overflow-x:auto}
/* Override the legacy table fallback inside simulation tables only. */
.legacy-content .trial-page .trial-table td{padding:0}
@media(max-width:360px){.trial-page .colthreecity.trial-table .gdb td>[data-nc]{font-size:19px}.trial-page .colfourcity.trial-table .gdb td>[data-nc]{font-size:16px}}
/* Keep loading text/icon from borrowing width from the region selector. */
.trial-page #btnStartOrStop{width:170px}
@media(max-width:640px){.trial-page #btnStartOrStop{width:156px;min-width:156px;flex:0 0 156px;padding-inline:8px}.trial-page #ddLotteries{font-size:14px}}
/* Supplied brand image has transparent vertical padding: crop in its link box,
   preserving the original asset and aspect ratio. */
.site-header .brand{position:relative;width:360px;max-width:100%;height:64px;overflow:hidden}
.site-header .brand-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:100%;height:auto;max-width:100%}
@media(max-width:640px){.site-header .brand{height:44px}.header-row{padding-block:10px}}
@media(max-width:640px){.site-header .header-row{justify-content:center;padding-left:12px;padding-right:12px}.site-header .brand{width:100%}}
.history-tabs{display:flex;gap:4px;margin:0 0 12px;border-bottom:2px solid var(--brand-green)}.history-tabs button{flex:1;padding:8px 10px;border:1px solid var(--border);background:#f1f6ec;font-weight:700;color:var(--brand-green-dark);border-radius:2px}.history-tabs [aria-selected=true]{background:var(--brand-green);color:white}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.link-grid a{border:1px solid var(--border);border-radius:2px;background:#f6f8f3;padding:8px 10px}.stat-card{border-radius:2px;padding:12px}.regional-overview{display:block!important;max-width:100%;overflow-x:auto}.regional-overview .regional-table th:not(:first-child){width:auto}.regional-overview .prize-numbers span{letter-spacing:0;font-size:21px}.regional-overview .special-prize .prize-numbers span{font-size:24px}.regional-overview .result-table td{padding:6px 4px}.archive-list li{padding-block:8px}.pascal-pairs strong{min-width:72px}.footer-links{margin-top:8px}
.trial-page #btnQuickTrial{height:42px;min-width:116px;background:#fff;color:var(--brand-green-dark);border:1px solid var(--brand-green);font-weight:700;padding:8px 12px;border-radius:2px}.trial-page #btnQuickTrial:disabled{opacity:.6;cursor:wait}
@media(max-width:640px){.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.regional-overview .prize-numbers span{font-size:17px}.regional-overview .special-prize .prize-numbers span{font-size:18px}.regional-overview .prize-label-column{width:40px}.trial-page #ddLotteries{flex:1 0 100%;width:100%}.trial-page #btnStartOrStop,.trial-page #btnQuickTrial{flex:1 1 0;min-width:0;width:auto}.trial-page #btnStartOrStop{font-size:14px}}
@media(max-width:360px){.regional-overview .prize-numbers span{font-size:15px}.regional-overview .special-prize .prize-numbers span{font-size:16px}.regional-overview .result-table td{padding:5px 2px}}

#tool-output:not(:empty){max-height:360px;overflow:auto;padding:12px;border:1px solid var(--border);background:#f7f9f4}
/* Fixed live slots; animation is presentation only and never a prize value. */
.result-card .live-slot{min-width:0;min-height:32px;display:flex;align-items:center;justify-content:center;line-height:1.35}
.result-card .live-spinner{display:inline-block;width:17px;height:17px;border:3px solid #eed6d6;border-top-color:#ba1818;border-radius:50%;animation:live-result-spin .85s linear infinite}
@keyframes live-result-spin{to{transform:rotate(360deg)}}
.result-card .codes{font-family:Tahoma,Geneva,sans-serif;font-size:18px;font-weight:700;color:#176139;text-align:center;padding:10px 8px;line-height:1.6;overflow-wrap:anywhere}
.result-card .live-badge{display:inline-block;margin:0 0 6px;padding:2px 6px;color:#176139;background:#edf6ef;font-size:12px}
.result-card .live-badge[hidden]{display:none}
.result-card .special-prize .live-slot{color:#bf1111;font-weight:700;font-size:30px}
@media(max-width:600px){.result-card .codes{font-size:15px}.result-card .live-slot{font-size:19px;min-height:30px}.result-card .special-prize .live-slot{font-size:27px}.regional-overview .live-slot{font-size:15px}.regional-overview .special-prize .live-slot{font-size:18px}}
@media(max-width:360px){.result-card .prize-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.result-card .prize-columns-4 .live-slot{font-size:17px}}
@media(prefers-reduced-motion:reduce){.result-card .live-spinner{animation:none}}
.home-intro{padding:0 0 6px;margin:0 0 6px;background:transparent;border:0}
.home-intro h1{font-family:Tahoma,Geneva,sans-serif;font-size:clamp(19px,2vw,23px);line-height:1.35;margin:0 0 6px}
.home-intro p{font-size:13px;line-height:1.55;margin:0}
.static-page{background:#fff;max-width:960px;margin:0 auto 18px;font-family:Tahoma,Geneva,sans-serif}
.static-page h1{font-size:clamp(21px,2.3vw,27px);line-height:1.35;margin:8px 0 12px}
.static-content h2{font-size:19px;line-height:1.4;margin:20px 0 8px;color:#176139}
.static-content p,.static-content li{font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.static-content p{margin:8px 0}.static-content ul{padding-left:22px;margin:8px 0}
.static-content a{color:#176139;text-decoration:underline;overflow-wrap:anywhere}
.static-updated{font-size:12px;color:#555;border-top:1px dotted #ddd;padding-top:12px;margin-top:22px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px}
@media(max-width:600px){.static-content h2{font-size:17px}.static-page h1{font-size:21px}.home-intro h1{font-size:19px}}

/* Phase8.1 horizontal navigation: only this bar scrolls, never the body. */
.navigation{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:auto}
.navigation::-webkit-scrollbar{display:none}
.navigation ul{display:flex;flex-wrap:nowrap;justify-content:center;list-style:none;margin:0;padding:0;width:max-content;min-width:100%}
.navigation li{flex:0 0 auto;margin:0;padding:0}
.navigation a{display:block;white-space:nowrap;flex:0 0 auto;box-shadow:none}
.navigation a[aria-current=page]{box-shadow:none;border-bottom:3px solid var(--accent);padding-bottom:9px}
@media(max-width:640px){.navigation ul{justify-content:flex-start}.navigation a{font-size:13px;height:40px;padding:9px 12px}.navigation a[aria-current=page]{padding-bottom:6px}.site-header .brand{width:310px}}
.number-sequence{gap:5px!important}.number-separator{color:#657166;font-size:15px;align-self:center;white-space:pre}
.advanced-statistics-links .link-grid a,.related-utilities .link-grid a{background:#fff;border:0;border-bottom:1px dotted var(--border);border-radius:0;padding:7px 3px;font-size:14px}
.regional-loto-table{table-layout:fixed;width:100%}.regional-loto-table th:first-child{width:38px}.regional-loto-table td{font-size:14px;overflow-wrap:anywhere}
.regional-loto-table tbody[hidden]{display:none}.loto-options{display:flex;gap:5px;margin:8px 0}
.loto-options button{padding:5px 10px;border:1px solid var(--border);background:#fff;color:var(--brand-green-dark);font-weight:700}
.loto-options button[aria-pressed=true]{background:var(--brand-green);color:#fff}
@media(max-width:640px){.regional-loto-table th,.regional-loto-table td{font-size:12px;padding:5px 3px}}