/* Saraball skin: the home page look for every page */
:root:not(#sbx),:root:not(#sbx)[data-theme]{--paper:#F4F1E9;--card:#FFFFFF;--ink2:#3F5248;--mut:#6E8076;--ln:#E3DED2;--dk:#0B1611;--dk2:#12231A;--dln:rgba(255,255,255,.1);--g:#16A34A;--g2:#2BD576;--am:#F5B301;--rd:#E5484D;
--bg:#F4F1E9;--surface:#fff;--ink:#0D1912;--muted:#6E8076;--line:#E3DED2;--zebra:#FAF8F3;--turf:#16A34A;--on-turf:#fff;--turf-soft:#E4F4E9;--chalk:#F4F1E9;--pitch:#12231A;--pitch-2:#163024;--on-pitch:#fff;--amber:#F5B301;--amber-ink:#1B1300;--board:#0B1611;--board-ink:#fff;--board-dim:rgba(255,255,255,.62);
--f-display:"Prompt",system-ui,sans-serif;--f-body:"Anuphan","Prompt",system-ui,sans-serif;--r-lg:18px;--r-md:14px;--shadow:0 1px 2px rgba(13,25,18,.04),0 12px 30px -20px rgba(13,25,18,.28);color-scheme:light}
html body{background:var(--paper);color:var(--ink);font-family:"Anuphan","Prompt",system-ui,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
body h1,body h2,body h3,body .page-title{font-family:"Prompt",system-ui,sans-serif;letter-spacing:-.01em}
.theme-btn,#theme-toggle{display:none!important}
/* same content width as the home page: 1280px, 28px gutters (16px on mobile), no sideways scroll */
html:root{overflow-x:clip}
body .wrap{max-width:1280px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding-left:28px!important;padding-right:28px!important;box-sizing:border-box!important}
body .wrap .wrap{padding-left:0!important;padding-right:0!important}
@media (max-width:760px){body .wrap{padding-left:16px!important;padding-right:16px!important}}

/* header */
body header.top.site-head{position:sticky;top:0;z-index:60;background:rgba(11,22,17,.94)!important;background-image:none!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid var(--dln)!important;box-shadow:none!important}
body.admin-bar header.top.site-head{top:32px}
@media (max-width:782px){body.admin-bar header.top.site-head{top:0}}
body header.top.site-head:before,body header.top.site-head:after{display:none!important}
.site-head .mainbar,.site-head .subbar{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
.site-head .subbar{background:var(--dk2)!important;border-top:1px solid var(--dln)!important}
.site-head .logo{color:#fff!important;font:700 21px/1 "Prompt",sans-serif!important;letter-spacing:-.01em;gap:10px}
.site-head .logo span{color:inherit!important}
.site-head .logo small{display:none!important}
.site-head .logo>span:not(.logo-mark){margin-left:-10px}
.logo-mark{width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;box-shadow:none!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns%3D%27http%3A//www.w3.org/2000/svg%27 viewBox%3D%270 0 40 40%27%3E%3Cpath d%3D%27M20 11l7 5-2.7 8.3h-8.6L13 16z%27 fill%3D%27%230B1611%27/%3E%3Cpath d%3D%27M20 11V3M27 16l7.5-3M24.3 24.3l4.7 6.5M15.7 24.3L11 30.8M13 16l-7.5-3%27 stroke%3D%27%230B1611%27 stroke-width%3D%271.6%27/%3E%3C/svg%3E") center/100% no-repeat!important}
.logo-mark:before,.logo-mark:after{display:none!important}
.site-head .league-switch{background:rgba(255,255,255,.05)!important;border:1px solid var(--dln)!important;box-shadow:none!important}
.site-head .league-switch>.nav-item>a,.site-head .league-switch>.nav-item>button,.site-head .league-switch>a{color:#B9C9BF!important;background:transparent!important}
.site-head .league-switch>.nav-item>a:hover,.site-head .league-switch>.nav-item>button:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
.site-head .league-switch>.nav-item>a.is-on{color:#fff!important;background:var(--g)!important}
.site-head .league-switch svg{stroke:currentColor}
.site-head .mega{color:var(--ink)}
.site-head .hsearch{background:rgba(255,255,255,.06)!important;border:1px solid var(--dln)!important;border-radius:999px!important;box-shadow:none!important;color:#8EA497}
.site-head .hsearch:focus-within{border-color:var(--g2)!important}
.site-head .hsearch input{color:#fff!important;background:transparent!important;font-family:"Anuphan",sans-serif}
.site-head .hsearch input::placeholder{color:#8EA497!important}
.site-head .hsearch svg{stroke:#8EA497!important}
.site-head .burger{color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--dln)!important}
.site-head .burger *{stroke:currentColor}
.site-head .burger span{background:#fff!important}
.site-head .subbar a.season{color:#fff!important;font-family:"Prompt",sans-serif}
.sb-clock{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;background:#000;border:1px solid var(--dln);color:#fff;font:500 15px/1 "Rubik",sans-serif;letter-spacing:.04em;flex:none;white-space:nowrap}
.sb-clock i{width:7px;height:7px;border-radius:50%;background:var(--rd);animation:sbblink 1.2s infinite}
.sb-clock small{font:500 11px/1 "Anuphan",sans-serif;color:#8EA497;letter-spacing:0}
@keyframes sbblink{50%{opacity:.25}}
@media (max-width:1100px){.sb-clock{display:none}}
.site-head nav.tabs a,.site-head nav.tabs button{color:#B9C9BF!important;background:transparent!important;border-color:transparent!important}
.site-head nav.tabs a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
.site-head nav.tabs a.is-on,.site-head nav.tabs a[aria-current]{color:#fff!important;background:rgba(43,213,118,.16)!important;box-shadow:inset 0 0 0 1px rgba(43,213,118,.45)!important}
.site-head .lg-pick>summary{color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--dln)!important}
.site-head .lg-pick>summary,.site-head .lg-pick>summary *{color:#fff!important}
.site-head .lg-pick>:not(summary){color:var(--ink)}

/* page head: night-stadium band like the home hero */
body .page-head{position:relative;isolation:isolate;color:#fff;padding-top:30px;padding-bottom:38px;margin-bottom:30px}
body .page-head:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 8.33%,transparent 8.33% 16.66%),radial-gradient(110% 140% at 72% 0%,#1D4432 0%,#0F2219 45%,#0B1611 82%)}
body .page-head:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;margin-left:-50vw;height:3px;background:linear-gradient(90deg,var(--g2),var(--am));z-index:-1;opacity:.85}
body .page-head .page-title{color:#fff!important}
body .page-head .page-lede,body .page-head p{color:#C7D7CD!important}
body .page-head .crumbs,body .page-head .crumbs span{color:#8EA497!important}
body .page-head .crumbs a{color:var(--g2)!important}
body .page-head:not(:has(.page-title)){color:var(--ink);padding-top:18px;padding-bottom:6px;margin-bottom:12px}
body .page-head:not(:has(.page-title)):before,body .page-head:not(:has(.page-title)):after{display:none}
body .page-head:not(:has(.page-title)) .crumbs,body .page-head:not(:has(.page-title)) .crumbs span{color:var(--mut)!important}
body .page-head:not(:has(.page-title)) .crumbs a{color:#0F7A37!important}

/* match page hero: night stadium like the home hero */
body .mx-hero{background:radial-gradient(110% 80% at 70% 0%,#1D4432 0%,#0F2219 42%,#0B1611 72%)!important}

/* cards */
body .card,body .aside .card{background:#fff;border:1px solid var(--ln);border-radius:18px;box-shadow:0 1px 2px rgba(13,25,18,.04),0 12px 30px -22px rgba(13,25,18,.3)}
body .entry-content a:not([class]){color:#0F7A37}
body table td,body table th{font-variant-numeric:tabular-nums}

/* footer */
body .site-foot{background:var(--dk)!important;background-image:none!important;color:#C7D7CD!important;border-top:3px solid var(--g2)!important;margin-top:70px;border-radius:0!important}
body .site-foot:before,body .site-foot:after{display:none!important}
body .site-foot .logo{color:#fff!important}
body .site-foot .foot-brand p{color:#9FB4A8!important}
body .site-foot .foot-col h3{color:#fff!important;font-family:"Prompt",sans-serif}
body .site-foot .foot-col a{color:#9FB4A8!important}
body .site-foot .foot-col a:hover{color:#fff!important}
body .site-foot .foot-badges span{background:rgba(255,255,255,.06)!important;border-color:var(--dln)!important;color:#C7D7CD!important}
body .site-foot .foot-bottom{color:#6F887A!important;border-top:1px solid var(--dln)!important}
body .site-foot .foot-bottom a{color:#9FB4A8!important}

/* mobile tab bar like the home page */
@media (max-width:900px){
 body nav.bnav{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;height:64px;border-radius:22px!important;background:rgba(11,22,17,.94)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--dln)!important;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)!important;padding:0 4px!important}
 body nav.bnav a{color:#8EA497!important;background:transparent!important;font-size:11px}
 body nav.bnav a.is-on,body nav.bnav a[aria-current]{color:var(--g2)!important}
 body .site-foot{padding-bottom:84px}
}
/*# sourceURL=saraball-ui-inline-css */