:root{--navy: #141433;--yellow: #FFD21F;--pink: #FF3D7F;--cyan: #3FD0E0;--bg: #FFFBEF;--card: #FFFFFF;--ink: #1D1D35;--muted: #5C5C78;--line: #ECE6D6}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Sarabun,Kanit,system-ui,sans-serif;font-size:18px;line-height:1.75}h1,h2,h3,h4{font-family:Kanit,sans-serif;line-height:1.35;font-weight:600}a{color:inherit}img{max-width:100%;height:auto}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--yellow);padding:8px;z-index:10}.site-header{background:var(--navy);color:#fff}.bar{display:flex;align-items:baseline;gap:16px;padding-top:14px;padding-bottom:10px;flex-wrap:wrap}.logo{font-family:Bakbak One,Kanit,sans-serif;font-size:34px;color:var(--yellow);text-decoration:none;letter-spacing:.5px;line-height:1}.logo span{color:var(--pink)}.logo.small{font-size:26px}.tagline{font-family:Kanit,sans-serif;color:#d8d8f0;font-size:15px}.menu-btn{display:none;margin-left:auto;align-self:center;font:500 15px Kanit,sans-serif;color:var(--navy);background:var(--yellow);border:0;border-radius:999px;padding:4px 14px;cursor:pointer}.nav{border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:20}.nav ul{list-style:none}.nav-row{display:flex;gap:4px;margin:0 auto;padding-top:6px;padding-bottom:6px;flex-wrap:wrap}.nav-row>li{margin:0}.panel-menu{margin:0}.nav-row>li{position:relative}.nav .top{display:inline-flex;align-items:center;gap:4px;font:400 15px/1.75 Kanit,sans-serif;color:#fff;background:none;border:0;text-decoration:none;padding:4px 14px;border-radius:999px;white-space:nowrap;cursor:pointer}.nav .top:hover,.nav .top[aria-current],.nav .dd.open>.top{background:var(--yellow);color:var(--navy)}.caret{font-size:11px;transition:transform .15s}.dd.open .caret{transform:rotate(180deg)}.panel-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:260px;background:#fff;color:var(--ink);border-radius:14px;padding:6px;box-shadow:0 12px 32px #14143340}.dd.open>.panel-menu{display:block}.panel-menu:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}@media(hover:hover)and (min-width:701px){.dd:hover>.panel-menu{display:block}}.panel-menu a{display:block;padding:7px 12px;border-radius:10px;text-decoration:none;line-height:1.4}.panel-menu a:hover,.panel-menu a[aria-current]{background:#fff3bf}.panel-menu strong{display:block;font:500 15.5px Kanit,sans-serif}.panel-menu small{display:block;font-size:13px;color:var(--muted)}@media(max-width:700px){.tagline{display:none}.bar{align-items:center}.menu-btn{display:inline-flex;gap:6px}.nav{display:none}.nav.show{display:block}.nav-row{flex-direction:column;gap:2px;padding-top:8px;padding-bottom:12px}.nav .top{width:100%;justify-content:space-between;font-size:17px;padding:8px 12px;border-radius:10px}.panel-menu{position:static;box-shadow:none;background:#ffffff0f;color:#fff;margin:2px 0 6px;min-width:0}.panel-menu a:hover,.panel-menu a[aria-current]{background:#ffd21f2e}.panel-menu small{color:#b8b8d8}}.page-head{margin-bottom:20px}.page-head h1{margin:0 0 6px;font-size:clamp(26px,4vw,36px)}.page-head p{margin:0;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}.chips a,.chips span{font-family:Kanit,sans-serif;font-size:14px;padding:3px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);text-decoration:none;white-space:nowrap}.chips a:hover,.chips a[aria-current]{background:var(--yellow)}.note{font-size:14px;color:var(--muted)}.muted{color:var(--muted)}main{padding-top:24px;padding-bottom:48px;min-height:60vh}.site-footer{background:var(--navy);color:#d8d8f0;padding:28px 0 16px;font-size:15px}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot p{margin:6px 0 0}.foot nav{display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;font-family:Kanit,sans-serif}.foot nav a{color:#fff;text-decoration:none}.foot nav a:hover{color:var(--yellow)}.copy{margin-top:20px;font-size:13px;opacity:.7}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.section-title{font-size:24px;margin:8px 0 16px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:8px;height:26px;border-radius:4px;background:var(--pink)}.pager{display:flex;justify-content:center;gap:12px;margin-top:32px;font-family:Kanit,sans-serif}.pager a,.pager span{padding:6px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);text-decoration:none}.pager a:hover{background:var(--yellow)}