@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-thai-thai-wght-normal.CtQSZ1tK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-thai-latin-ext-wght-normal.DH1q_yQ5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-thai-latin-wght-normal.Bi3VDbYN.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/kanit-thai-600-normal.Bj6oiaDc.woff2)format("woff2"),url(/_astro/kanit-thai-600-normal.wbTlPO7I.woff)format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/kanit-latin-600-normal.0lS78yAd.woff2)format("woff2"),url(/_astro/kanit-latin-600-normal.DlacpeTg.woff)format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/kanit-thai-700-normal.BPu_EjOu.woff2)format("woff2"),url(/_astro/kanit-thai-700-normal.BFFnaoRZ.woff)format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/kanit-latin-700-normal.xfKc2BN3.woff2)format("woff2"),url(/_astro/kanit-latin-700-normal.CZbzRMIr.woff)format("woff")}:root{--bg:#f6f7f3;--surface:#fff;--ink:#171b21;--ink-soft:#343b45;--muted:#5a6470;--line:#dfe3d8;--line-strong:#c3cab8;--accent:#3a7a12;--accent-hover:#2e630c;--accent-ink:#fff;--accent-soft:#eef6e1;--accent-line:#cfe5ae;--brand-green:#8cc63f;--brand-yellow:#ffe81a;--dark:#141414;--dark-soft:#262626;--on-dark:#f4f4f0;--on-dark-muted:#b4b8ad;--ok:#17694a;--ok-soft:#e2f3ea;--warn-ink:#6b4e00;--warn-bg:#fff4d1;--warn-line:#e3c257;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #171b210d, 0 8px 24px -12px #171b2124;--font:"Noto Sans Thai Variable", "Noto Sans Thai", "Sukhumvit Set", "Leelawadee UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Thonburi, sans-serif;--font-display:"Kanit", var(--font)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-size:17px;line-height:1.8;display:flex}main{flex:1;padding-top:28px;padding-bottom:64px}.wrap{width:100%;max-width:780px;margin:0 auto;padding:0 18px}.wrap.wide{max-width:1080px}::selection{background:var(--brand-green);color:#10210a}html{accent-color:var(--accent);caret-color:var(--accent);scrollbar-color:var(--line-strong) var(--bg)}table,.pick dl,.meta{font-variant-numeric:tabular-nums}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip{background:var(--surface);z-index:100;border-radius:8px;padding:8px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.3}h1{margin:0 0 12px;font-size:clamp(1.75rem,5.2vw,2.5rem);font-weight:700}h2{border-top:1px solid var(--line);margin:40px 0 12px;padding-top:18px;font-size:clamp(1.3rem,3.6vw,1.55rem);font-weight:700}h3{margin:26px 0 6px;font-size:1.14rem;font-weight:600}p{margin:0 0 14px}ol,ul{margin:0 0 14px;padding-left:22px}li{margin:5px 0}.muted{color:var(--muted)}.small{font-size:.9rem}.lead{color:var(--ink-soft);font-size:1.1rem}.site-header{background:var(--surface);border-bottom:3px solid var(--brand-green);z-index:50;position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:8px;min-height:64px;display:flex}.brand{align-items:center;min-height:48px;display:inline-flex}.brand img{width:auto;height:46px;display:block}.site-header nav{white-space:nowrap;gap:2px;font-size:.95rem;font-weight:500;display:flex}.site-header nav a{color:var(--ink-soft);border-radius:8px;align-items:center;min-height:44px;padding:0 11px;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.site-header nav a:hover{color:var(--ink);background:var(--bg)}.site-header nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.site-footer{background:var(--dark);color:var(--on-dark-muted);padding:32px 0 28px;font-size:.92rem;line-height:1.7}.site-footer a{color:var(--on-dark)}.foot-grid{gap:20px;display:grid}.foot-brand{color:var(--on-dark);margin:0 0 4px;font-size:1.05rem;font-weight:700}.foot-links{flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;display:flex}.foot-links a{align-items:center;min-height:44px;display:inline-flex}.foot-note{border-top:1px solid var(--dark-soft);margin-top:20px;padding-top:16px}.foot-note p{margin:4px 0}@media (width>=720px){.foot-grid{grid-template-columns:1.4fr 1fr;align-items:start}.foot-links{justify-content:flex-end}}.btn{background:var(--accent);min-height:46px;color:var(--accent-ink);border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--accent-hover);color:var(--accent-ink)}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--on-dark);background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff59}.btn.ghost:hover{color:#fff;background:#ffffff14}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 11px;font-size:.8rem;font-weight:600;line-height:1.5;display:inline-block}.notice{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:var(--radius-sm);margin-bottom:22px;padding:10px 14px;font-size:.92rem}.arrow{vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.crumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:.88rem;display:flex}.crumbs a{color:var(--muted)}.meta{color:var(--muted);margin-bottom:16px;font-size:.9rem}.answer{background:var(--accent-soft);border:1px solid var(--accent-line);box-shadow:none}.answer>strong{letter-spacing:.04em;color:var(--accent);font-size:.82rem;display:block}.answer ul{margin:8px 0 0;padding-left:20px}.toc{box-shadow:none;padding:0}.toc-title{margin:0;padding:12px 18px 4px;font-weight:600}.toc ol{margin:0;padding:0 18px 12px 40px;font-size:.95rem}@media (width>=560px){.toc ol{columns:2;column-gap:40px}.toc li{break-inside:avoid}}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.clip{box-shadow:none;background:0 0;border-style:dashed;margin-top:16px}.clip p{margin:6px 0 0}.cover{margin-left:0;margin-right:0}.cover img{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;display:block}.cover figcaption{color:var(--muted);margin-top:6px;font-size:.8rem}.picker{gap:18px;display:grid}.picker fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.picker legend{margin-bottom:8px;padding:0;font-weight:700}.picker label{border:1.5px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:10px;min-height:48px;padding:11px 13px;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.picker label:hover{border-color:var(--line-strong)}.picker label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.picker label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.picker input{width:17px;height:17px;accent-color:var(--accent);flex:none;margin-top:5px}.result,.fault-result{border-top:2px dashed var(--line);padding-top:16px}#picker-result:has(.fault-result){border-top:0;padding-top:0}.result p,.fault-result p{margin:6px 0}.result-label{color:var(--ok);font-size:.85rem;font-weight:700}.result-label.none{color:var(--muted)}.result-name{font-size:1.35rem;font-weight:700;line-height:1.3}.result-warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:var(--radius-sm);padding:8px 12px;font-size:.95rem}.badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:600}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.no{background:var(--warn-bg);color:var(--warn-ink)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:.93rem;line-height:1.6}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:11px 13px}thead th{background:var(--dark);color:var(--on-dark);font-weight:600}tbody tr:nth-child(2n){background:#f9faf6}tbody th{font-weight:700}tbody th small{color:var(--muted);font-weight:400;display:block}tbody th a{font-size:.88rem;font-weight:600;display:block}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.table-wrap:has(table.cards){box-shadow:none;background:0 0;border:0;overflow:visible}table.cards,table.cards tbody,table.cards tr,table.cards th,table.cards td{display:block}table.cards thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}table.cards tbody{gap:14px;display:grid}table.cards tbody tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px 0 8px}table.cards tbody th{border-bottom:1px solid var(--line);padding:10px 16px;font-size:1.05rem}table.cards td{border-bottom:0;grid-template-columns:92px 1fr;gap:12px;padding:6px 16px;display:grid}table.cards td:before{content:attr(data-label);color:var(--muted);font-size:.86rem}@media (width>=640px){table.compare{table-layout:fixed}table.compare th:first-child{width:17%}}@media (width<=639px){td{grid-template-columns:110px 1fr}}@media (width>=700px){table.cards tbody{grid-template-columns:1fr 1fr}}@media (width<=639px){.table-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}table,tbody,tr,th,td{display:block}thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}tbody{gap:12px;display:grid}tbody tr,tbody tr:nth-child(2n){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px 0 8px}tbody th{border-bottom:1px solid var(--line);padding:10px 16px;font-size:1.05rem}td{border-bottom:0;grid-template-columns:92px 1fr;gap:12px;padding:6px 16px;display:grid}td:before{content:attr(data-label);color:var(--muted);font-size:.86rem}}.picks{gap:16px;display:grid}.pick h3{margin:8px 0 10px;font-size:1.2rem}.pick-label{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 11px;font-size:.82rem;font-weight:600}.pick dl{gap:4px;margin:0 0 12px;font-size:.95rem;display:grid}.pick dl div{grid-template-columns:70px 1fr;gap:10px;display:grid}.pick dt{color:var(--muted)}.pick dd{margin:0}.pick p{margin:8px 0}.pick ul{margin:0 0 8px}.pick .btn{margin-top:8px}.ours{border-top:1px dashed var(--line-strong);border-bottom:1px dashed var(--line-strong);margin:14px 0;padding:12px 0}.ours ul{margin:6px 0 0}.ours p{margin:4px 0 0}.faq{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;padding:14px 18px}.faq h3{margin:0 0 6px}.faq p{color:var(--ink-soft);margin:0}article>:is(.table-wrap,.card,.picks,.faults,.two-col,.picker,.cover,.jump,.house,.tank,.toc,.yt,.script,.places,.chips){margin-top:20px;margin-bottom:20px}article>.faq{margin-top:0;margin-bottom:10px}article>:is(.table-wrap,.card,.picks,.faults,.two-col,.picker,.cover,.house,.tank)+:is(p,ul,ol){margin-top:20px}article>h2+:is(.table-wrap,.card,.picks,.faults,.two-col,.picker,.jump),article>h3+:is(.table-wrap,.card,.picks,.faults,.two-col,.picker){margin-top:14px}article>.muted.small{margin-top:-8px}article>:last-child{margin-bottom:0}.two-col{gap:14px;display:grid}.two-col>.card h3{margin-top:0}.two-col>.card ul{margin-bottom:0}@media (width>=620px){.picker fieldset{grid-template-columns:1fr 1fr}.picker legend{grid-column:1/-1}.two-col{grid-template-columns:1fr 1fr}.pick dl{grid-template-columns:1fr 1fr;column-gap:24px}}:root{--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1)}.read-progress{background:var(--brand-yellow);transform-origin:0;z-index:60;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.toc a.is-current,.jump a.is-current{font-weight:700}.toc a.is-current{text-decoration:underline 2px}.jump a.is-current{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.jump a{transition:background .2s var(--ease-out), color .2s var(--ease-out), transform .25s var(--ease-back)}.jump a:hover{transform:translateY(-2px)}.motion .reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(18px)}.motion .reveal.is-in{opacity:1;transform:none}.motion .hero-text>*{animation:rise .7s var(--ease-out) both}.motion .hero-text>:nth-child(2){animation-delay:80ms}.motion .hero-text>:nth-child(3){animation-delay:.16s}.motion .hero-art{transform-style:preserve-3d;animation:rise .9s .15s var(--ease-out) both, float 7s 1.2s ease-in-out infinite;transition:transform .35s var(--ease-out);will-change:transform}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@keyframes float{50%{translate:0 -8px}}.motion .brand img{transition:transform .45s var(--ease-back);transform-origin:70% 60%}.motion .brand:hover img{transform:rotate(-6deg)scale(1.06)}.motion .btn{transition:background .15s, transform .3s var(--ease-back), box-shadow .3s var(--ease-out)}.motion .btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px -8px #171b2173}.motion .btn:active{transition-duration:80ms;transform:translateY(1px)scale(.97)}.motion .card{background-image:radial-gradient(260px circle at var(--mx,-400px) var(--my,-400px), #8cc63f29, transparent 70%);position:relative}.motion .article .thumb{transition:transform .6s var(--ease-out)}.motion .article:hover .thumb{transform:scale(1.05)}.motion .article .more{transition:transform .3s var(--ease-back)}.motion .article:hover .more{transform:translate(6px)}.motion .picker label:has(input:checked){animation:pop .35s var(--ease-back)}.motion .result:not([hidden]){animation:rise .45s var(--ease-out)}@keyframes pop{40%{transform:scale(1.025)}}.motion .fault-card:target{animation:flash 1.4s var(--ease-out)}@keyframes flash{0%,35%{box-shadow:0 0 0 4px var(--brand-green)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (width<=430px){.site-header nav{gap:0;font-size:.9rem}.site-header nav a{padding:0 8px}.brand img{height:40px}}.btn,.toc-title,.result-name,.foot-brand,thead th,tbody th,.picker legend{font-family:var(--font-display)}