:root{--ink:#10231f;--muted:#65746f;--green:#087f5b;--lime:#74f3c3;--paper:#f5f8f6;--line:#dce7e2}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,"Noto Sans Thai",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}header{background:#071d19;color:#fff;position:sticky;top:0;z-index:4}.top{max-width:1180px;margin:auto;padding:16px 24px;display:flex;gap:28px;align-items:center}.brand{font-weight:900;font-size:20px;white-space:nowrap}.top nav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}.top nav a:hover{color:var(--lime)}main,footer>div,footer>nav,.cta{max-width:1180px;margin:auto}section,.article{padding:58px 24px}.hero{max-width:none;padding:96px max(24px,calc((100% - 1132px)/2));background:radial-gradient(circle at 80% 20%,#11966e,#071d19 55%);color:#fff}.hero.compact{padding-top:65px;padding-bottom:65px}.hero span,.head span,.card>span{color:#18a879;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.05;max-width:900px;margin:12px 0}.hero.compact h1{font-size:clamp(34px,5vw,58px)}.hero p{max-width:760px;font-size:19px}.hero a,.primary,.bet-table a{display:inline-block;padding:12px 18px;border-radius:9px;background:#fff;color:#071d19;font-weight:800;margin:8px 8px 0 0}.hero .primary,.bet-table a{background:var(--lime)}h2{font-size:clamp(28px,4vw,42px);line-height:1.15}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.card,.matches article,.bet-table article,.profile dl{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 9px 30px #1232 0}.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #1232}.card h3{margin:8px 0;font-size:21px}.card p,.card time,.card small{color:var(--muted)}.head{display:flex;align-items:end;justify-content:space-between;gap:20px}.head h2{margin:5px 0 24px}.matches{display:grid;gap:10px}.matches article{display:grid;grid-template-columns:130px 1fr 220px;gap:20px}.matches em{color:var(--green);font-style:normal;margin:0 10px}.bet-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.bet-table small{display:block;color:var(--muted)}.profile dl{display:grid;grid-template-columns:180px 1fr;gap:12px}.profile dt{font-weight:800}.article{max-width:820px;margin:auto;background:#fff}.article h1{font-size:48px;line-height:1.1}.article .lead{font-size:20px;color:var(--muted)}.source{margin-top:35px;padding:16px;background:#eef7f3}.cta{margin-top:30px;margin-bottom:30px;padding:26px;background:#082d25;color:#fff;border-radius:18px;display:flex;justify-content:space-between;gap:25px;align-items:center}.cta span{display:block;color:#bcd4cb}.cta a{display:inline-block;background:var(--lime);color:#071d19;padding:12px 16px;margin:4px;border-radius:8px;font-weight:900}footer{background:#071d19;color:#fff;padding:45px 24px}footer{display:grid;gap:22px}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer small{max-width:1180px;margin:auto;color:#bcd4cb}@media(max-width:760px){.top{align-items:flex-start;flex-direction:column}.top nav{margin:0}.matches article{grid-template-columns:1fr}.cta{margin:20px;flex-direction:column;align-items:flex-start}.profile dl{grid-template-columns:1fr}.article h1{font-size:36px}}