:root{--paper:#fff;--surface:#fff;--surface-2:#f7f8fa;--tint:#f3f6ff;--tint-rule:#dce3f7;--ink:#121826;--ink-soft:#3a4352;--ink-faint:#5b6472;--rule:#e3e6eb;--rule-strong:#c5ccd8;--brand:#1f4fe0;--brand-ink:#163baa;--brand-soft:#e8eeff;--on-brand:#fff;--sti:#1f4fe0;--pad:#b4bbc7;--other:#c77d1a;--warn:#7a4100;--warn-soft:#fff6e8;--warn-rule:#f1d3a1;--flag:#b42318;--flag-soft:#fef0ee;--flag-rule:#f6c7c1;--display:"Geist", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--body:"Geist", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", "Noto Sans Thai", ui-monospace, "SF Mono", Menlo, monospace;--radius-s:6px;--radius:10px;--radius-l:12px;--measure:36rem;--wide:70rem;--gutter:20px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0b0f17;--surface:#121826;--surface-2:#171e2b;--tint:#111a33;--tint-rule:#24305a;--ink:#e8ecf3;--ink-soft:#b3bccb;--ink-faint:#8c96a8;--rule:#252e3e;--rule-strong:#364055;--brand:#7c9bff;--brand-ink:#a9bdff;--brand-soft:#1a2647;--on-brand:#0b0f17;--sti:#6e8eff;--pad:#4e5666;--other:#e39a3b;--warn:#f5c17a;--warn-soft:#2a2010;--warn-rule:#5a4220;--flag:#ff8a80;--flag-soft:#2e1614;--flag-rule:#5c2a26}}:root[data-theme=dark]{--paper:#0b0f17;--surface:#121826;--surface-2:#171e2b;--tint:#111a33;--tint-rule:#24305a;--ink:#e8ecf3;--ink-soft:#b3bccb;--ink-faint:#8c96a8;--rule:#252e3e;--rule-strong:#364055;--brand:#7c9bff;--brand-ink:#a9bdff;--brand-soft:#1a2647;--on-brand:#0b0f17;--sti:#6e8eff;--pad:#4e5666;--other:#e39a3b;--warn:#f5c17a;--warn-soft:#2a2010;--warn-rule:#5a4220;--flag:#ff8a80;--flag-soft:#2e1614;--flag-rule:#5c2a26}html{color-scheme:light dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;padding-block:0 5rem;font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%}[hidden]{display:none!important}.wrap{max-width:calc(var(--wide) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.col{max-width:var(--measure)}a{color:var(--brand);text-underline-offset:.15em}a:hover{color:var(--brand-ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:2px}h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 .75rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.08}h2{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 .35rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:650;line-height:1.2}p{margin:0 0 1.1rem}em.sp{font-style:italic}code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--rule);border-radius:4px;padding:.05em .35em;font-size:.85em}.eyebrow,.sub,.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.72rem;font-weight:500}.eyebrow{margin:0 0 1rem}.sub{margin:0 0 1.5rem}.lede{color:var(--ink-soft);max-width:52ch;margin:0;font-size:1.125rem}.site-head{border-bottom:1px solid var(--rule);background:var(--paper)}.site-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1.5rem;padding-block:.5rem;display:flex}.site-nav .brand{letter-spacing:-.01em;min-height:44px;color:var(--ink);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav .brand svg{flex:none}.site-nav .links{flex-wrap:wrap;gap:0 .25rem;font-size:.9rem;font-weight:500;display:flex}.site-nav .links a{min-height:44px;color:var(--ink-soft);border-radius:var(--radius-s);align-items:center;padding-inline:.7rem;text-decoration:none;display:inline-flex}.site-nav .links a:hover{color:var(--ink);background:var(--surface-2)}.site-nav .links a[aria-current=page]{color:var(--brand)}.page-head{background:var(--tint);box-shadow:0 0 0 100vmax var(--tint), 0 1px 0 100vmax var(--tint-rule);clip-path:inset(0 -100vmax -1px);margin-bottom:2.5rem;padding-block:3rem 2.25rem}.page-head .th-name{color:var(--ink-soft);margin:-.25rem 0 1rem;font-size:.95rem}.page-head .sci{font-family:var(--mono);color:var(--ink-faint);margin:0 0 1rem;font-size:.85rem;font-style:italic}.stats{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.25rem 2rem;margin-top:2rem;display:grid}.stat b{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.15;display:block}.stat b.small{word-break:break-word;font-size:1rem;font-weight:600}.stat b.warn{color:var(--warn)}.stat b.flag{color:var(--flag)}.stat span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem}.stat a{text-decoration:none}@media (width<=560px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}section{margin-block:3rem}.card{color:inherit;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-l);padding:1.25rem 1.35rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}a.card:hover{color:inherit;border-color:var(--brand);box-shadow:0 2px 10px #1218260f}.card b.title{letter-spacing:-.01em;margin-bottom:.4rem;font-size:1.12rem;font-weight:650;line-height:1.25;display:block}.card p{color:var(--ink-soft);margin:0;font-size:.95rem}.card .meta{font-family:var(--mono);color:var(--ink-faint);margin-top:.85rem;font-size:.72rem}.cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.85rem;display:grid}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--rule-strong);background:var(--surface);min-height:36px;color:var(--ink);border-radius:999px;align-items:center;padding:0 .9rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.search{flex-wrap:wrap;gap:.6rem;margin-block:1.75rem 1rem;display:flex}.search input{min-width:0;height:56px;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--radius);flex:20rem;padding:0 1.1rem;font-size:1.1rem}.search input::placeholder{color:var(--ink-faint)}.btn{border-radius:var(--radius);background:var(--brand);height:56px;color:var(--on-brand);font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:0 1.6rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-ink);color:var(--on-brand)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scroll{border:1px solid var(--rule);border-radius:var(--radius-l);background:var(--surface);margin-block:1.5rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}.scroll table{min-width:34rem}.scroll table.fit{min-width:0}@media (width<=560px){th,td{padding:.7rem .75rem}td.num,th.num{padding-left:1rem}}caption{caption-side:top;text-align:left;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:.9rem 1rem .25rem;font-size:.72rem}th,td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:.8rem 1rem}th{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;background:var(--surface-2);vertical-align:bottom;font-size:.68rem;font-weight:500}td.num,th.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;padding-left:1.75rem}td.num.price{color:var(--ink);font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 70%, transparent)}tr.best td{background:color-mix(in srgb, var(--brand) 6%, transparent)}td.basis{color:var(--ink-faint);font-size:.82rem}.bi b,.bi a{color:var(--ink);font-weight:600;text-decoration:none;display:block}.bi a:hover{color:var(--brand)}.bi .th,.bi .where{color:var(--ink-faint);margin-top:.1rem;font-size:.85rem;display:block}.bi .th{font-family:"Noto Sans Thai", var(--body)}.badge{font-family:var(--mono);border-radius:var(--radius-s);white-space:nowrap;background:var(--brand-soft);color:var(--brand-ink);vertical-align:1px;letter-spacing:0;text-transform:none;padding:.15rem .5rem;font-size:.72rem;font-weight:500;line-height:1.5;display:inline-block}.badge.neutral{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--rule)}.badge.warn{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-rule)}.badge.flag{background:var(--flag-soft);color:var(--flag);border:1px solid var(--flag-rule)}b .badge,.bi .badge{margin-left:.4rem}.badges{flex-wrap:wrap;gap:.45rem;margin-block:1.25rem;display:flex}.note,.alert,.warnbox{border-radius:var(--radius);margin-block:1.6rem;padding:1.1rem 1.25rem;font-size:.95rem;line-height:1.55}.note{background:var(--surface-2);border:1px solid var(--rule);color:var(--ink-soft)}.note b{color:var(--ink);font-weight:600}.warnbox{background:var(--warn-soft);border:1px solid var(--warn-rule);color:var(--ink)}.warnbox b{color:var(--warn)}.alert{background:var(--flag-soft);border:1px solid var(--flag-rule);color:var(--ink);font-size:1.05rem}.alert b{color:var(--flag);font-weight:600}.note p:last-child,.alert p:last-child,.warnbox p:last-child{margin-bottom:0}.prov{font-family:var(--mono);color:var(--ink-faint);font-size:.74rem;line-height:1.7}.prov a{color:var(--ink-faint)}.site-footer{border-top:1px solid var(--rule);color:var(--ink-faint);margin-top:4rem;padding-top:1.5rem;font-size:.85rem}.site-footer a{color:var(--ink-soft)}ul.orgs{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}ul.orgs li{color:var(--ink-soft);padding-left:1.2rem;font-size:.92rem;line-height:1.4;position:relative}ul.orgs li:before{content:"";background:var(--pad);border-radius:3px;width:9px;height:9px;position:absolute;top:.42em;left:0}ul.orgs li.is-sti{color:var(--ink)}ul.orgs li.is-sti:before{background:var(--sti)}ul.orgs li.is-other:before{background:var(--other)}ul.orgs li span{color:var(--ink-faint);font-size:.78rem;display:block}.orgs-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:1.25rem 0 .55rem;font-size:.68rem}.panels{flex-direction:column;gap:1.1rem;margin-block:2rem;display:flex}.panel-row{grid-template-columns:12rem minmax(0,1fr) 5.5rem;align-items:center;gap:1.25rem;display:grid}.panel-name{min-width:0}.panel-name b{font-size:.98rem;font-weight:600;line-height:1.25;display:block}.panel-name span{font-family:var(--mono);color:var(--ink-faint);font-size:.74rem}.bar{gap:3px;height:28px;display:flex}.seg{background:var(--pad);border-radius:4px;flex:1 1 0;min-width:3px}.seg.sti{background:var(--sti)}.seg.other{background:var(--other)}.pct{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right;color:var(--sti);font-size:1.3rem;font-weight:700;line-height:1.1}.pct small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.62rem;font-weight:400;display:block}.panel-row.worst .pct{color:var(--flag)}.legend{color:var(--ink-soft);border-top:1px solid var(--rule);flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:1.25rem;padding-top:1.25rem;font-size:.85rem;display:flex}.key{align-items:center;gap:.5rem;display:inline-flex}.swatch{background:var(--pad);border-radius:4px;flex:none;width:14px;height:14px}.swatch.sti{background:var(--sti)}.swatch.other{background:var(--other)}@media (width<=720px){.panel-row{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-areas:"name pct""bar bar";row-gap:.5rem}.panel-name{grid-area:name}.pct{grid-area:pct}.bar{grid-area:bar}}.versus{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-l);margin-block:2rem;padding:clamp(1.25rem,3.5vw,2.25rem)}.vs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.vs-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;padding-bottom:.65rem;display:flex}.vs-head b{letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.vs-price{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.15rem;font-weight:600}.vs-note{color:var(--ink-faint);margin:0 0 .5rem;font-size:.85rem;line-height:1.45}.versus .alert{margin-bottom:0}@media (width<=720px){.vs-grid{grid-template-columns:minmax(0,1fr)}}.range{background:var(--surface-2);border:1px solid var(--rule);border-radius:999px;min-width:8rem;height:8px;position:relative}.range i{background:var(--brand);border-radius:999px;min-width:8px;position:absolute;top:-1px;bottom:-1px}
