@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg,#101914);color:var(--fg,#eef4ee);font-family:"Noto Sans Thai",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5%;border-bottom:1px solid #ffffff20}nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.brand{font-weight:800;font-size:22px}.brand:before{content:'◉';color:var(--accent);margin-right:10px}main{max-width:1320px;margin:auto;padding:32px 5% 70px}.eyebrow{letter-spacing:2px;font-size:12px;color:var(--accent);font-weight:700}.hero{position:relative;min-height:510px;display:flex;align-items:center;padding:48px;border-radius:8px;overflow:hidden;background:#0c211c;color:#fff}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06120fee,#07160c88 55%,transparent)}.hero .copy{position:relative;z-index:1;max-width:620px}h1{font-size:clamp(30px,4.5vw,60px);line-height:1.28;letter-spacing:-1px;margin:18px 0}h2{font-size:28px;line-height:1.4}h3{font-size:21px;line-height:1.5}p{color:var(--muted,#b9c6bf)}.hero p{color:#d2ded6;max-width:500px}.button{display:inline-block;border:0;background:var(--accent);color:#102017;padding:13px 22px;font-weight:700;border-radius:5px;cursor:pointer}.ghost{background:transparent;color:inherit;border:1px solid #ffffff50;margin-left:8px}.meta{font-size:12px;opacity:.72}.strip{display:flex;gap:30px;padding:24px 0;border-bottom:1px solid #ffffff25;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:54px}.panel{padding:26px;background:var(--panel,#19261f);border:1px solid #ffffff1d;border-radius:8px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards .panel{display:flex;flex-direction:column}.cards .panel a{margin-top:auto;color:var(--accent)}.match{display:grid;grid-template-columns:95px 1fr 42px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #ffffff20}.match time{color:var(--accent);font-weight:700}.match small{display:block;font-size:11px;color:var(--muted,#b9c6bf)}.match button{background:transparent;border:1px solid #ffffff40;color:inherit;border-radius:5px;cursor:pointer}input,select{width:100%;padding:12px;border:1px solid #86988a;background:var(--bg,#101914);color:inherit;border-radius:4px}label{display:block;margin:12px 0}.reading{max-width:820px;margin:35px auto}.reading p{font-size:18px;line-height:2}.reading h1{font-size:40px}.reading h2{margin-top:36px}.reading img{width:100%;max-height:350px;object-fit:cover;border-radius:8px}footer{padding:35px 5%;border-top:1px solid #ffffff30;display:flex;flex-wrap:wrap;gap:25px;font-size:13px}.notice{border-left:3px solid var(--accent);padding-left:20px}.cookie{position:fixed;bottom:12px;left:12px;right:12px;max-width:620px;padding:18px;background:#f5f6f0;color:#16231c;box-shadow:0 4px 30px #0006;z-index:8;border-radius:8px;font-size:13px}.cookie p{color:#384b41;margin:0 0 10px}.cookie button{margin-right:8px;padding:8px 13px}.cookie .decline{background:#dce4dc}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:white;color:black;padding:10px}.light{--bg:#f2efe6;--fg:#16251e;--muted:#526056;--panel:#fffdf7}.light .panel,.light .match,.light header,.light footer,.light .strip{border-color:#16251e28}.light .eyebrow,.light .match time,.light .cards a{color:#35614b}.layout1 .hero{border-radius:0;border-left:8px solid var(--accent)}.layout2 .hero{min-height:450px}.layout2 .copy{max-width:720px}.layout3 .hero{min-height:390px}.layout3 .grid{grid-template-columns:1fr 1fr}.layout4 .hero{border-radius:40px 0 40px 0}.layout5 .hero{border-bottom:8px solid var(--accent)}.layout6 .hero{min-height:430px}.layout6 .cards{grid-template-columns:1fr 1fr}.layout7 .hero{border-radius:0}.layout7 .grid{grid-template-columns:1.1fr 1fr}output{font-size:30px;font-weight:800;color:var(--accent)}.light output{color:#35614b}@media(max-width:700px){header{display:block;padding:20px}nav{gap:16px;margin-top:14px}main{padding:20px}.hero{padding:26px;min-height:500px}.hero:after{background:#06120fb5}.grid,.cards,.layout3 .grid,.layout6 .cards,.layout7 .grid{grid-template-columns:1fr}.strip{gap:14px;flex-wrap:wrap}.section-head{display:block}.panel{padding:20px}.reading h1{font-size:31px}.match{grid-template-columns:77px 1fr 36px;gap:10px}.ghost{margin:10px 0}.cookie{font-size:12px}h2{font-size:25px}}