/* Skin: KeoFree – sáng, xanh lá & cam */
:root{--bg:#f5f7f4;--panel:#ffffff;--panel2:#eef3ee;--line:#dfe7df;--text:#13241a;--muted:#5e6f64;--lime:#14a85a;--ink:#ffffff;--amber:#e8710a;--win:#16a34a;--lose:#dc2626;--draw:#8a96a0;--acc-rgb:20,168,90;--acc2:#0b8f4a;--bg-rgb:245,247,244;--line-rgb:214,224,215;--p2-rgb:238,243,238;--hi-rgb:0,0,0;--body:#33463b;--cta1:#0f7a44;--cta2:#0a5a32;--cta-line:#0f7a44;--cta-text:#d7f5e3;--font:'Nunito';--font-h:'Nunito';--r:18px}
body{background:var(--bg) radial-gradient(900px 420px at 85% -12%,rgba(255,138,30,.12),transparent 60%) no-repeat;font-size:16px}
.top{background:rgba(255,255,255,.92);box-shadow:0 1px 0 var(--line),0 6px 20px rgba(19,36,26,.05);border-bottom:0}
.nav a{font-weight:700}
.nav a.on,.nav a:hover{background:rgba(20,168,90,.1);color:var(--lime)}
.btn{border-radius:999px;font-weight:800}
.btn-lime{background:linear-gradient(135deg,#ff9a3c,#ff6a1a);color:#fff;box-shadow:0 6px 18px rgba(255,106,26,.28)}
.btn-reg{box-shadow:0 6px 18px rgba(255,106,26,.3)}
.btn-ghost{background:#fff;border-color:var(--line)}
h1,h2,h3,.mh1{font-weight:900;letter-spacing:-.4px}
.hero{background:linear-gradient(180deg,rgba(20,168,90,.07),transparent);border-bottom:1px solid var(--line);margin-bottom:6px}
h1 em{color:#ff6a1a}
.eyebrow{color:#0b8f4a;background:#fff;border-color:rgba(20,168,90,.3)}
.feat,.board,.lg,.box,.card,.hc,.kc,.mc,.seo,.toc,.verdict,.pc,.oc,.stat,.result{box-shadow:0 4px 18px rgba(19,36,26,.06)}
.feat,.board{background:#fff}
.tb{color:var(--text)}
img.tb{background:#fff;box-shadow:0 0 0 1px var(--line)}
.pick .v,.vi .v,.pc .l .v,.hc .pk b,.mini a b,.pred b,.cd b,.stat .v.g,.acc .big,.fs{color:#0b8f4a}
.odd b{color:#e8710a}
.lg-h{background:linear-gradient(90deg,rgba(20,168,90,.12),var(--panel2))}
.chip{background:#fff}
.chip.on,.chip:hover{background:#14a85a;border-color:#14a85a;color:#fff}
.pos.cl{background:rgba(20,120,200,.12);color:#1868b8}
.rb.push,.rs.push{color:#5d6b75}
.tag{background:rgba(255,106,26,.12);color:#e8590c}
.art h2,.entry h2{border-left-color:#ff6a1a}
.mbar{background:rgba(255,255,255,.97)}
.ft{background:#fff}
.prob .pa{background:#2b7de9}
.logo .mark{width:44px;height:44px;filter:drop-shadow(0 4px 10px rgba(20,168,90,.25))}
.logo b{color:#ff6a1a}
.tgbox,.tgbox h3,.tgbox ul,.cta,.cta h3{color:#fff}
.tgbox li::before{color:#ffd166}