/*
Theme Name: STL Results Today SEO V4.1 Trust & Footer Pages
Version: 4.5
Description: PCSO-inspired red, blue, yellow and white visual theme with homepage authority SEO, JSON-direct live results, history board and regional landing pages.
*/
:root{--g:#ed1c24;--gd:#034ea2;--y:#ffdd00;--p:#f4f8ff;--line:#d9e2ef;--txt:#172033;--muted:#657184;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--txt);background:#f6f8fb}a{color:var(--g);text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 16px}.site-head{background:var(--white);border-bottom:1px solid var(--line)}.headin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:24px;color:var(--gd)}nav a{font-weight:700;margin-left:20px;color:#26382e}.hero{background:linear-gradient(135deg,var(--gd) 0%,#064a96 58%,var(--g) 100%);color:#fff;padding:36px 0 30px}.hero h1{font-size:38px;margin:0 0 8px}.hero p{margin:0;opacity:.94}.stats{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.pill{background:var(--y);color:#172033;padding:8px 12px;border-radius:999px;font-weight:800}.main{padding:24px 0 48px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:9px;font-weight:800}.tab.active{background:var(--g);color:#fff;border-color:var(--g);box-shadow:inset 0 -3px 0 var(--y)}.search{width:100%;padding:14px 16px;border:2px solid #cbd7e8;border-radius:10px;font-size:16px;margin:8px 0 14px;background:#fff}.regions{display:flex;gap:7px;overflow:auto;padding-bottom:10px}.regions button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}.board{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000008}.row{display:grid;grid-template-columns:54px minmax(180px,1.6fr) repeat(3,minmax(120px,1fr));align-items:center;border-top:1px solid var(--line)}.row>div{padding:13px 12px}.thead{background:#eef4fb;font-weight:900;border-top:0}.group{padding:12px 16px;background:var(--gd);border-left:6px solid var(--y);color:#fff;font-weight:900}.area a{font-weight:900;color:var(--gd)}.small{font-size:12px;color:var(--muted);margin-top:3px}.result{font-size:21px;font-weight:900;color:var(--gd)}.result-balls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.result-ball{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--gd);border:3px solid var(--g);color:#fff;font-size:20px;font-weight:900;line-height:1;box-shadow:0 2px 5px #00000014}.waiting{font-size:13px;color:var(--muted);font-weight:700}.content{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:20px;line-height:1.65}.content h2{color:var(--gd)}footer{background:#032f63;border-top:5px solid var(--g);color:#d8e5dc;padding:28px 0}footer a{color:#fff}.admin-note{background:#fff8db;border:1px solid #f1d978;padding:12px;border-radius:8px}.history-table{width:100%;border-collapse:collapse;background:#fff}.history-table th,.history-table td{padding:11px;border:1px solid var(--line);text-align:left}.history-table th{background:#eef4fb}@media(max-width:760px){.headin{display:block;padding:15px 16px}.brand{display:block;margin-bottom:10px}nav a{margin:0 12px 0 0;font-size:14px}.hero h1{font-size:29px}.row{grid-template-columns:34px minmax(125px,1.2fr) repeat(3,minmax(86px,1fr));font-size:13px}.row>div{padding:10px 6px}.result{font-size:17px}.result-ball{width:38px;height:38px;font-size:17px}.small{font-size:10px}.board{overflow-x:auto;min-width:0}.board-inner{min-width:600px}}
.history-intro{margin-bottom:18px}.history-area-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 24px}.history-area-group{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.history-area-group h3{margin:0 0 10px;color:var(--gd);font-size:17px}.history-area-links{display:flex;flex-wrap:wrap;gap:7px}.history-area-links a{background:var(--p);border:1px solid #cbd9ec;padding:7px 9px;border-radius:7px;font-size:13px;font-weight:800}.history-date-nav{display:flex;gap:7px;overflow:auto;padding:4px 0 14px;margin-bottom:4px}.history-date-nav a{white-space:nowrap;background:#fff;border:1px solid var(--line);padding:9px 11px;border-radius:8px;font-weight:800}.history-day{margin:0 0 22px;scroll-margin-top:20px}.history-day h2{font-size:22px;margin:0;padding:15px 17px;background:var(--gd);color:#fff;border-radius:12px 12px 0 0}.history-board{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.history-row{display:grid;grid-template-columns:minmax(170px,1.6fr) repeat(3,minmax(110px,1fr));align-items:center;border-top:1px solid var(--line)}.history-row>div{padding:11px 13px}.history-head{font-weight:900;background:#eef4fb;border-top:0}.history-region{padding:10px 13px;background:#fff9cf;border-left:5px solid var(--y);color:var(--gd);font-weight:900;border-top:1px solid var(--line)}.history-area-name{font-weight:800}.history-result{font-weight:900;color:var(--gd)}.history-empty{color:#89958e}.history-note{font-size:13px;color:var(--muted);margin-top:12px}@media(max-width:760px){.history-area-groups{grid-template-columns:1fr}.history-board{overflow-x:auto}.history-board-inner{min-width:570px}.history-row{grid-template-columns:minmax(160px,1.5fr) repeat(3,minmax(100px,1fr))}.history-row>div{padding:10px 8px}.history-day h2{font-size:18px}}

.seo-home{font-size:16px}.seo-home h2{margin-top:30px;margin-bottom:10px;font-size:25px}.seo-home h2:first-child{margin-top:0}.seo-home h3{margin-top:22px;margin-bottom:6px;font-size:19px;color:var(--txt)}.seo-home p{margin:0 0 14px}.seo-home a{font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}

/* V3.8 PCSO-inspired visual accents */
.site-head{border-top:5px solid var(--g)}
.brand{color:var(--gd)}
.brand::after{content:"";display:inline-block;width:9px;height:9px;background:var(--y);border-radius:50%;margin-left:7px;vertical-align:middle;box-shadow:0 0 0 3px var(--g)}
nav a:hover,.area a:hover{color:var(--g)}
.content h2,.seo-home h2{border-left:5px solid var(--g);padding-left:11px}
.content h3,.seo-home h3{color:var(--gd)}
.history-day h2{border-bottom:4px solid var(--y)}
.history-date-nav a:hover,.history-area-links a:hover,.regions button:hover{border-color:var(--g);color:var(--g)}

.manila-clock{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;padding:10px 14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;font-size:16px;backdrop-filter:blur(4px)}.clock-greeting{font-weight:900;color:var(--y)}.manila-clock strong{font-size:18px;letter-spacing:.3px}.clock-date{opacity:.9}.clock-sep{opacity:.7}@media(max-width:760px){.manila-clock{font-size:14px;gap:7px}.manila-clock strong{font-size:16px}}


/* V4.0 Mobile readability upgrade: ~20% larger type + brighter surfaces */
@media(max-width:760px){
  body{font-size:19.2px;line-height:1.62;background:#fff;color:#111827}
  .wrap{padding-left:14px;padding-right:14px}
  .site-head{background:#fff}
  .headin{padding:16px 14px;min-height:auto}
  .brand{font-size:28.8px;line-height:1.15;margin-bottom:12px}
  nav{display:flex;gap:10px;overflow-x:auto;padding-bottom:3px}
  nav a{font-size:16.8px;margin:0;white-space:nowrap;padding:6px 2px;color:#111827}
  .hero{padding:30px 0 26px;background:linear-gradient(135deg,#0757ad 0%,#064a96 58%,#ed1c24 100%)}
  .hero h1{font-size:34.8px;line-height:1.12;margin-bottom:10px}
  .hero p{font-size:19.2px;line-height:1.5;opacity:1}
  .stats{gap:9px;margin-top:17px}
  .pill{font-size:16.8px;padding:10px 13px}
  .manila-clock{font-size:16.8px;line-height:1.45;padding:11px 13px;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45)}
  .manila-clock strong{font-size:19.2px}
  .main{padding-top:20px}
  .tabs{gap:9px}
  .tab{font-size:19.2px;padding:12px 16px}
  .search{font-size:19.2px;padding:16px;border-color:#aebfd8;background:#fff;color:#111827}
  .regions button{font-size:16.8px;padding:10px 12px;background:#fff;color:#111827}
  .board{background:#fff;border-color:#c9d5e5;box-shadow:0 3px 12px rgba(0,0,0,.07)}
  .row{grid-template-columns:40px minmax(150px,1.2fr) repeat(3,minmax(104px,1fr));font-size:15.6px}
  .row>div{padding:12px 8px}
  .thead{font-size:15.6px;background:#eaf2fc;color:#111827}
  .group{font-size:18px;padding:13px 14px}
  .area a{font-size:17px}
  .small{font-size:12px;line-height:1.35;color:#4b5563}
  .result{font-size:20.4px}
  .result-ball{width:45.6px;height:45.6px;font-size:20.4px;border-width:3px}
  .waiting{font-size:15.6px;color:#4b5563}
  .content{padding:19px 16px;line-height:1.72;background:#fff}
  .content p,.content li{font-size:19.2px}
  .content h2{font-size:27px;line-height:1.25}
  .content h3{font-size:22.8px;line-height:1.3}
  .seo-home{font-size:19.2px}
  .seo-home h2{font-size:30px;line-height:1.22;margin-top:32px}
  .seo-home h3{font-size:22.8px;line-height:1.3}
  .seo-home p{font-size:19.2px;line-height:1.72;margin-bottom:17px}
  .history-area-group{padding:17px;background:#fff}
  .history-area-group h3{font-size:20.4px}
  .history-area-links a{font-size:15.6px;padding:9px 10px;background:#f5f9ff}
  .history-date-nav a{font-size:16.8px;padding:10px 12px}
  .history-day h2{font-size:21.6px;padding:14px 15px}
  .history-row{grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(112px,1fr));font-size:15.6px}
  .history-row>div{padding:12px 9px}
  .history-head{font-size:15.6px;background:#eaf2fc}
  .history-region{font-size:17px}
  .history-area-name,.history-result{font-size:16.8px}
  .history-note{font-size:15.6px;color:#4b5563}
  footer{font-size:16.8px;line-height:1.6}
}
@media(max-width:420px){
  .brand{font-size:26px}
  .hero h1{font-size:32px}
  .seo-home h2{font-size:28px}
}

/* V4.1 trust/footer navigation */
.site-footer{background:#071d46;border-top:5px solid var(--g);color:#dce6f6;padding:38px 0 34px}.footer-disclaimer{background:rgba(255,255,255,.08);border-radius:16px;padding:18px 20px;margin-bottom:22px;line-height:1.55}.footer-disclaimer strong{color:var(--y)}.footer-menu{display:flex;flex-wrap:wrap;gap:14px 28px;margin:0 0 22px}.footer-menu a{color:#fff;font-weight:800}.footer-menu a:hover{text-decoration:underline}.footer-bottom{color:#bfcce1;margin:0}.legal-content h2{margin-top:28px}.legal-content p,.legal-content li{line-height:1.75}.contact-card{background:#f5f9ff;border:1px solid var(--line);border-radius:12px;padding:18px}
@media(max-width:760px){.site-footer{padding:30px 0}.footer-disclaimer{font-size:17px;padding:17px}.footer-menu{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}.footer-menu a{font-size:17px}.footer-bottom{font-size:16px}}


/* V4.3 Bright Professional SEO UI — original STL Results Today design */
:root{--pro-blue:#0b5fc6;--pro-blue-dark:#083b78;--pro-navy:#0b1f3a;--pro-ink:#17233a;--pro-muted:#64748b;--pro-bg:#f5f8fc;--pro-soft:#eef5ff;--pro-line:#dce6f2;--pro-green:#0b8a5a}
body{background:var(--pro-bg);color:var(--pro-ink)}
.site-head{position:relative;background:#fff;border-top:0;border-bottom:1px solid var(--pro-line);box-shadow:0 1px 0 rgba(15,23,42,.02)}
.headin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--pro-navy);font-size:22px;font-weight:900;letter-spacing:-.02em}.brand::after{display:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--pro-blue);color:#fff;border-radius:9px;padding:7px 8px;font-size:14px;letter-spacing:.05em}
nav{display:flex;align-items:center;gap:25px}nav a{margin:0;color:#34445e;font-size:15px;font-weight:800;padding:25px 0 22px;border-bottom:3px solid transparent}nav a:hover{color:var(--pro-blue);border-bottom-color:var(--pro-blue)}
.hero{padding:48px 0;background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 58%,#fff 100%);color:var(--pro-navy);border-bottom:1px solid var(--pro-line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:50px;align-items:center}.eyebrow,.section-label{display:inline-block;color:var(--pro-blue);font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:12px}.hero h1{font-size:48px;line-height:1.06;letter-spacing:-.045em;margin:0 0 14px;color:var(--pro-navy)}.hero-lead{max-width:720px;font-size:18px;line-height:1.65;color:#53657f;margin:0}.manila-clock{margin-top:22px;background:#fff;border:1px solid var(--pro-line);box-shadow:0 8px 24px rgba(15,56,104,.06);color:#53657f;border-radius:999px;padding:9px 14px;font-size:14px}.manila-clock strong{color:var(--pro-navy);font-size:14px}.live-dot{width:8px;height:8px;border-radius:50%;background:#14a36f;box-shadow:0 0 0 4px #dcf8ed}.clock-greeting{color:inherit}.hero-status{background:#fff;border:1px solid var(--pro-line);border-radius:18px;padding:22px;box-shadow:0 16px 38px rgba(15,56,104,.08)}.status-kicker{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--pro-blue)}.status-number{font-size:48px;line-height:1;font-weight:900;color:var(--pro-navy);margin:9px 0 3px}.status-label{color:var(--pro-muted);font-size:14px}.status-rule{height:1px;background:var(--pro-line);margin:18px 0}.status-meta{display:flex;justify-content:space-between;gap:10px;color:#53657f;font-size:12px;font-weight:800}
.main{padding-top:34px}.result-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-bottom:18px}.result-intro h2{font-size:30px;line-height:1.15;letter-spacing:-.025em;color:var(--pro-navy);margin:0 0 8px}.result-intro p{margin:0;color:var(--pro-muted);max-width:760px;line-height:1.65}.trust-strip{display:flex;gap:8px}.trust-strip>div{min-width:112px;background:#fff;border:1px solid var(--pro-line);border-radius:12px;padding:11px 12px}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{color:var(--pro-navy);font-size:13px}.trust-strip span{font-size:11px;color:var(--pro-muted);margin-top:3px}.popular-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;color:var(--pro-muted);font-size:13px}.popular-links>span{font-weight:800;color:#53657f}.popular-links a{background:#fff;border:1px solid var(--pro-line);border-radius:999px;padding:7px 10px;color:var(--pro-blue);font-weight:800}.popular-links a:hover{background:var(--pro-soft);border-color:#b8d2f2}
.tabs{margin-bottom:14px}.tab{border-color:var(--pro-line);border-radius:999px;color:#50627c;padding:9px 14px;font-size:14px}.tab.active{background:var(--pro-blue);border-color:var(--pro-blue);box-shadow:none}.search{border:1px solid #cbd9e8;border-radius:12px;box-shadow:0 5px 18px rgba(15,56,104,.04);padding:15px 17px}.search:focus{outline:3px solid #d8eaff;border-color:var(--pro-blue)}.regions{gap:8px}.regions button{border-color:var(--pro-line);border-radius:999px;color:#50627c;font-weight:800;background:#fff}.regions button:hover{background:var(--pro-soft);border-color:#b8d2f2;color:var(--pro-blue)}
.board{border-color:var(--pro-line);border-radius:16px;box-shadow:0 10px 34px rgba(15,56,104,.06)}.thead{background:#f7faff;color:#50627c;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.group{background:#edf5ff;border-left:4px solid var(--pro-blue);color:var(--pro-navy);font-size:14px}.row{border-color:#e8eef6}.row:hover:not(.thead){background:#fbfdff}.area a{color:var(--pro-navy)}.area a:hover{color:var(--pro-blue)}.small{color:#7b8aa0}.result-ball{width:44px;height:44px;background:linear-gradient(145deg,#1774d4,#0b58ad);border:0;color:#fff;box-shadow:0 4px 10px rgba(11,95,198,.2);font-size:18px}.waiting{color:#8795a8;font-weight:700}
.content{border-color:var(--pro-line);border-radius:16px;box-shadow:0 8px 28px rgba(15,56,104,.045)}.content h2,.seo-home h2{border-left:0;padding-left:0;color:var(--pro-navy);letter-spacing:-.02em}.seo-home{color:#3f5068}.seo-home h2{padding-top:8px}.seo-home h3{color:var(--pro-navy)}.seo-home a{color:var(--pro-blue);text-decoration-color:#a8c8ed}.history-day h2{background:var(--pro-navy);border-bottom:0}.history-region{background:#f2f7fd;border-left-color:var(--pro-blue)}
.site-footer{background:#071a33;border-top:0}.footer-disclaimer{background:#0d274b}.footer-disclaimer strong{color:#fff}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-status{display:none}.result-intro{grid-template-columns:1fr}.trust-strip{overflow-x:auto;padding-bottom:3px}}
@media(max-width:760px){body{font-size:17px;background:#f8fafc}.headin{display:block;padding:14px}.brand{font-size:21px;margin-bottom:8px}nav{gap:18px;overflow-x:auto}nav a{font-size:14px;padding:7px 0 9px}.hero{padding:30px 0;background:linear-gradient(145deg,#f8fbff,#eef6ff);color:var(--pro-navy)}.hero h1{font-size:36px}.hero-lead{font-size:16px}.manila-clock{font-size:13px;line-height:1.4;padding:9px 12px}.manila-clock strong{font-size:13px}.main{padding-top:24px}.result-intro h2{font-size:26px}.result-intro p{font-size:15px}.trust-strip>div{min-width:128px}.popular-links{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.popular-links a{white-space:nowrap}.tab{font-size:15px;padding:10px 14px}.search{font-size:16px;padding:14px}.regions button{font-size:13px}.board{border-radius:13px}.group{font-size:15px}.result-ball{width:42px;height:42px;font-size:18px}.content p,.content li,.seo-home,.seo-home p{font-size:17px;line-height:1.72}.content h2,.seo-home h2{font-size:26px}.content h3,.seo-home h3{font-size:20px}}

/* V4.4 — premium navy/yellow STL portal, inspired by modern Philippine results sites but original */
:root{--sp-blue:#073fae;--sp-deep:#092b72;--sp-navy:#071f52;--sp-yellow:#ffd51f;--sp-red:#dc1734;--sp-bg:#f1f6fc;--sp-ink:#071c3f;--sp-muted:#526681;--sp-line:#d8e3f0}
body{background:var(--sp-bg);color:var(--sp-ink)}
.site-head{background:var(--sp-blue);border:0;box-shadow:0 8px 24px rgba(7,31,82,.18);position:relative;z-index:5}.site-head:after{content:"";position:absolute;left:0;right:0;bottom:58px;height:4px;background:linear-gradient(90deg,var(--sp-yellow) 0 52%,var(--sp-red) 52% 100%)}
.headin{min-height:88px}.brand{color:#fff;gap:11px}.brand:hover{color:#fff}.brand-sun{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--sp-yellow);color:var(--sp-blue);font-size:29px;box-shadow:0 0 0 5px rgba(255,213,31,.12)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:26px;letter-spacing:-.035em}.brand-copy em{font-style:normal;color:var(--sp-yellow)}.brand-copy small{font-size:10px;letter-spacing:.17em;color:#c9d9ff;margin-top:6px;font-weight:900}nav{gap:9px}nav a{color:#fff;border:0;padding:12px 17px;border-radius:999px;font-size:15px}nav a:hover,nav .nav-main{color:var(--sp-yellow);background:rgba(255,255,255,.12);border:0}.nav-live{color:#fff;font-weight:900;font-size:14px;padding-left:8px;display:flex;align-items:center;gap:6px}.nav-live i{width:10px;height:10px;border-radius:50%;background:var(--sp-red);box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.gamebar{background:var(--sp-deep);padding:12px 0 13px}.gamebar-inner{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.gamebar-inner::-webkit-scrollbar{display:none}.gamebar a{flex:0 0 auto;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:850}.gamebar a:hover{background:#fff;color:var(--sp-deep)}
.hero{padding:34px 0 28px;background:var(--sp-bg);border:0}.hero-shell{position:relative;overflow:hidden;border-radius:28px;padding:48px;background:radial-gradient(circle at 88% 15%,rgba(255,213,31,.14),transparent 24%),linear-gradient(120deg,#171546 0%,#083fad 55%,#173b73 100%);box-shadow:0 18px 40px rgba(7,31,82,.18)}.hero-shell:after{content:"";position:absolute;right:-55px;top:-70px;width:270px;height:270px;border:46px solid rgba(255,255,255,.05);border-radius:50%}.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) 390px;gap:48px}.date-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 13px;color:#fff;font-size:13px;font-weight:800}.date-pill span{width:9px;height:9px;border-radius:50%;background:var(--sp-yellow)}.hero h1{color:#fff;font-size:57px;margin:23px 0 0;letter-spacing:-.055em}.hero h2{color:var(--sp-yellow);font-size:35px;line-height:1.08;margin:8px 0 18px;letter-spacing:-.035em}.hero-lead{color:#e6edff;font-size:17px;max-width:720px}.hero-badges{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.hero-badges>div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:10px 13px;min-width:150px}.hero-badges b,.hero-badges span{display:block}.hero-badges b{color:#fff;font-size:13px}.hero-badges span{color:#c9d8fa;font-size:11px;margin-top:3px}.hero-status{border:4px solid rgba(255,213,31,.68);border-radius:22px;padding:27px 28px;background:#fff;box-shadow:none}.status-kicker{color:var(--sp-red);font-size:12px}.status-number{color:var(--sp-blue);font-size:55px}.status-label{color:var(--sp-muted)}.status-panel{display:flex;justify-content:space-between;align-items:center;background:#f1f5fa;border-radius:12px;padding:12px 14px;margin:20px 0 13px;color:var(--sp-muted);font-size:12px}.status-panel strong{color:var(--sp-ink);font-size:13px}.hero-cta{display:block;text-align:center;background:var(--sp-yellow);color:var(--sp-navy);border-radius:999px;padding:12px 16px;font-weight:900}.hero-cta:hover{background:#ffe05a;color:var(--sp-navy)}
.main{padding-top:20px}.result-intro{margin:0 0 15px;align-items:center}.section-label{color:var(--sp-red);margin-bottom:8px}.result-intro h2{font-size:31px;color:var(--sp-ink)}.result-intro p{color:var(--sp-muted)}.next-chip{background:#fff;border:1px solid var(--sp-line);border-radius:999px;padding:9px 14px;display:flex;gap:8px;align-items:center;font-size:12px;color:var(--sp-muted)}.next-chip strong{color:var(--sp-blue);font-size:14px}.popular-links a{border-color:#c9d8ec;color:var(--sp-blue);background:#fff}.tabs{background:#fff;border:1px solid var(--sp-line);padding:6px;border-radius:999px;display:inline-flex;gap:3px}.tab{border:0}.tab.active{background:var(--sp-blue)}
.search{border:2px solid #c8d7ea;background:#fff}.search:focus{border-color:var(--sp-blue);outline:4px solid #dce9ff}.regions button{border-color:#cbd9eb}.regions button:hover{background:#edf4ff;color:var(--sp-blue)}
.board{background:#fff;border-color:var(--sp-line);box-shadow:0 8px 26px rgba(7,31,82,.07)}.thead{background:var(--sp-navy);color:#fff}.group{background:#eaf2ff;border-left:5px solid var(--sp-blue);color:var(--sp-navy)}.row:hover:not(.thead){background:#f8fbff}.result-ball{background:linear-gradient(145deg,#0e62cf,#063f98);color:#fff;box-shadow:0 4px 10px rgba(7,63,152,.25)}
.content{box-shadow:none}.seo-home{background:#fff}.seo-home h2{color:var(--sp-ink)}.seo-home a{color:var(--sp-blue)}.site-footer{background:var(--sp-navy);border-top:5px solid var(--sp-yellow)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-status{display:none}.hero-shell{padding:38px}.hero h1{font-size:49px}.site-head:after{bottom:58px}}
@media(max-width:760px){.site-head:after{bottom:51px}.headin{padding:12px 14px 14px}.brand{margin-bottom:11px}.brand-sun{width:37px;height:37px;font-size:24px}.brand-copy strong{font-size:22px}.brand-copy small{font-size:8px}.headin nav{padding-bottom:0}.headin nav a{padding:8px 11px;white-space:nowrap}.nav-live{white-space:nowrap}.gamebar{padding:10px 0}.gamebar-inner{padding-left:14px;padding-right:14px}.hero{padding:20px 0}.hero-shell{border-radius:20px;padding:27px 22px}.date-pill{font-size:11px}.hero h1{font-size:39px}.hero h2{font-size:27px}.hero-lead{font-size:15px}.hero-badges{display:grid;grid-template-columns:1fr 1fr}.hero-badges>div{min-width:0}.result-intro h2{font-size:26px}.next-chip{display:none}.tabs{max-width:100%;overflow-x:auto}.thead{background:var(--sp-navy)} }
@media(max-width:420px){.hero-badges{grid-template-columns:1fr}.hero h1{font-size:35px}.hero h2{font-size:25px}}
\n\n/* V4.5 — Yesterday + History readability: same premium family as Today, brighter archive surfaces */
.archive-hero{padding:24px 0 8px;background:var(--sp-bg);color:var(--sp-ink)}
.archive-hero-shell{background:#fff;border:1px solid var(--sp-line);border-top:6px solid var(--sp-blue);border-radius:22px;padding:30px 34px;box-shadow:0 10px 30px rgba(7,31,82,.07)}
.archive-kicker{display:inline-block;color:var(--sp-red);font-size:12px;font-weight:900;letter-spacing:.13em;margin-bottom:10px}
.archive-hero .archive-hero-shell h1{color:var(--sp-ink);font-size:42px;line-height:1.08;letter-spacing:-.04em;margin:0 0 10px}
.archive-hero .archive-hero-shell p{color:var(--sp-muted);font-size:16px;line-height:1.65;max-width:780px;margin:0}
.archive-nav{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.archive-nav a{background:#f4f7fb;border:1px solid var(--sp-line);color:var(--sp-blue);font-size:13px;font-weight:900;padding:8px 13px;border-radius:999px}
.archive-nav a.active{background:var(--sp-blue);border-color:var(--sp-blue);color:#fff}
.archive-main{background:transparent}
.archive-main>.content,.archive-main .history-area-group,.archive-main .history-day,.archive-main .history-board{background:#fff}
.archive-main>.content{color:#34445d;border:1px solid var(--sp-line);box-shadow:0 7px 24px rgba(7,31,82,.045)}
.archive-main>.content h2{color:var(--sp-ink)}
.archive-main .history-area-group{border-color:var(--sp-line);box-shadow:0 4px 15px rgba(7,31,82,.035)}
.archive-main .history-area-links a,.archive-main .history-date-nav a{background:#fff;color:var(--sp-blue);border-color:#cbd9eb}
.archive-main .history-area-links a:hover,.archive-main .history-date-nav a:hover{background:#edf4ff;border-color:#9bbce6}
.archive-main .history-day h2{background:var(--sp-blue);color:#fff;border:0}
.archive-main .history-head{background:#f1f5fa;color:var(--sp-ink)}
.archive-main .history-region{background:#edf4ff;color:var(--sp-navy);border-left-color:var(--sp-yellow)}
.archive-main .history-row{background:#fff;border-color:#e5edf6;color:#243650}
.archive-main .history-result{color:var(--sp-blue)}
@media(max-width:760px){
 .archive-hero{padding:16px 0 4px}
 .archive-hero-shell{border-radius:17px;padding:23px 19px;border-top-width:5px}
 .archive-hero .archive-hero-shell h1{font-size:31px}
 .archive-hero .archive-hero-shell p{font-size:16px;line-height:1.6}
 .archive-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
 .archive-nav a{white-space:nowrap;font-size:14px;padding:9px 13px}
 .archive-main{padding-top:18px}
 .archive-main .history-head,.archive-main .history-row{color:#17233a}
}