:root{color-scheme:light;--ink:#1d1d1f;--muted:#62676a;--green:#166534;--line:#e1e5e3;--page:#f5f6f5;--orange:#a34412}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:"Noto Sans Thai",Tahoma,system-ui,sans-serif;font-size:14px;line-height:1.65}a{color:var(--green)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #38a469;outline-offset:4px}button{border:0}button:disabled,select:disabled{cursor:wait}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;gap:24px;padding:17px 32px}.brand{font-family:system-ui,sans-serif;font-weight:850;font-size:24px;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span{color:#16a34a}.brand small{font-size:14px;color:var(--muted);letter-spacing:0}.header-label{padding-left:24px;border-left:1px solid var(--line);color:var(--muted)}.back-link{margin-left:auto;text-decoration:none;font-weight:600}main{max-width:1240px;padding:0 32px;margin:auto}.intro{padding:46px 0 28px;position:relative}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:750;color:var(--green);margin:0 0 9px}h1{font-size:clamp(32px,4.2vw,52px);line-height:1.25;letter-spacing:-1.8px;margin:0;font-weight:800}h1 span{display:block;color:var(--green)}.intro-copy{color:var(--muted);max-width:700px;margin:16px 0}.stats{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:12px}.stats strong{font-size:20px;color:var(--ink);margin-right:5px;font-variant-numeric:tabular-nums}.scope-note{border-left:3px solid #b87830;padding:15px 20px;background:#fff9ef;border-radius:0 8px 8px 0}.scope-note strong{color:#80551c}.scope-note p{margin:4px 0 0;color:#725c3e;font-size:12px}.ranking-section{margin-top:28px}.controls{display:flex;gap:16px;align-items:end;margin-bottom:28px}.field{flex:1;max-width:400px}.field label{display:block;font-weight:600;font-size:12px;margin-bottom:6px}select,input{width:100%;min-height:46px;border:1px solid #ccd4cf;background:#fff;padding:10px 13px;border-radius:9px;color:var(--ink)}.search-field{margin-left:auto;max-width:360px}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.category-heading h2{font-size:27px;margin:0;font-weight:750}.category-heading .eyebrow{margin:0 0 3px}.muted{color:var(--muted);font-size:12px;margin:5px 0}.count-pill{background:#e7f2eb;border:1px solid #cee4d6;color:var(--green);padding:6px 13px;border-radius:99px;font-weight:650;white-space:nowrap}.method{margin:12px 0 18px;font-size:12px;color:var(--muted)}.method summary{width:fit-content;text-decoration:underline;text-underline-offset:3px}.method p{max-width:950px}.query-list{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none}.query-list li{background:#eaecea;border-radius:5px;padding:3px 8px}.view-controls{display:flex;gap:4px;border-bottom:1px solid var(--line)}.view-controls button{padding:12px 18px;background:transparent;color:var(--muted);font-weight:650;border-bottom:3px solid transparent}.view-controls button.active{color:var(--green);border-bottom-color:var(--green)}.price-note{font-size:12px;color:var(--muted);margin:14px 0}.ranking-list{display:grid;gap:8px}.listing{background:white;border:1px solid var(--line);border-radius:12px;padding:21px 20px;display:grid;grid-template-columns:38px minmax(0,1fr) 148px 160px 110px;column-gap:18px;align-items:start}.rank{font-family:system-ui,sans-serif;font-size:21px;font-weight:750;color:#838d86;padding-top:0}.listing[data-rank="1"] .rank,.listing[data-rank="2"] .rank,.listing[data-rank="3"] .rank{color:var(--green)}.listing[data-rank="1"]{border-color:#a8ccb6}.listing h3{font-size:14px;line-height:1.6;font-weight:650;margin:0 0 6px;overflow-wrap:anywhere}.shop{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.metric-label{font-size:10px;color:var(--muted);margin-bottom:2px}.metric-value{font-size:20px;font-weight:750;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}.sales .metric-value{color:var(--green)}.metric-caption{font-size:10px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.pdp-link{display:block;text-align:center;border:1px solid #d9e4dc;border-radius:7px;background:#f2f8f4;color:var(--green);font-size:12px;font-weight:650;text-decoration:none;padding:9px 6px}.pdp-link:hover{background:#e5f3ea}.listing-details{grid-column:2/-1;font-size:11px;color:var(--muted);margin-top:13px}.listing-details summary{width:fit-content}.listing-details ul{padding-left:18px;margin:7px 0}.listing-details p{margin:6px 0;overflow-wrap:anywhere}.vip{display:block;background:#f4ebff;color:#714098;padding:3px 6px;border-radius:4px;font-size:10px;margin-top:6px;line-height:1.6}.flag{display:inline-block;color:#975d18;background:#fff5e4;padding:2px 7px;border-radius:4px;font-size:10px;margin:6px 4px 0 0}.empty,.error{padding:45px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px}.error button{background:var(--green);color:#fff;padding:10px 20px;border-radius:7px;margin-top:12px}.excluded-panel{padding:20px;background:#fff;margin-top:16px;border:1px solid var(--line);border-radius:10px}.excluded-panel summary{font-weight:650}.excluded-item{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.excluded-item:last-child{border:0}.excluded-item p{margin:3px 0}.review-intro{font-size:12px;background:#fff5e4;padding:13px 16px;border-radius:8px;color:#80551c;margin:0 0 12px}footer{padding:32px 0 40px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);margin-top:32px}.stale{color:var(--orange);font-weight:650}
@media(min-width:1000px){.intro{padding-right:290px}.stats{position:absolute;right:0;top:65px;width:240px;border-left:1px solid var(--line);padding-left:28px;gap:10px}.stats span{display:block;width:100%}.stats strong{font-size:27px}}
@media(max-width:900px){.listing{grid-template-columns:32px minmax(0,1fr) 125px 145px;column-gap:12px}.listing .action{grid-column:4;margin-top:10px}.listing-details{grid-column:2/4;grid-row:2}.metric-value{font-size:18px}.header-label{display:none}}
@media(max-width:600px){main{padding:0 16px}.header-inner{padding:13px 16px;gap:10px}.brand{font-size:21px}.back-link{font-size:11px}.intro{padding-top:28px}.intro-copy{font-size:13px}.stats{gap:10px 20px}.stats span:last-child{width:100%}.controls{display:block;margin-bottom:22px}.field,.search-field{max-width:none;margin:0}.search-field{margin-top:12px}.category-heading h2{font-size:22px}.count-pill{font-size:11px}.view-controls button{font-size:12px;padding:12px 10px}.listing{padding:16px 14px;grid-template-columns:28px 1fr 1fr;gap:12px}.product{grid-column:2/-1}.sales{grid-column:2}.price{grid-column:3}.listing .action{grid-column:2/-1;grid-row:auto;margin:0}.listing-details{grid-column:2/-1;grid-row:auto;margin-top:0}.listing h3{font-size:13px}.metric-value{font-size:20px}.listing-details summary{padding:5px 0}.scope-note{padding:12px 14px}.scope-note p{font-size:11px}.category-heading{align-items:start}.empty{padding:28px 12px}}

@media(max-width:600px){.controls .field+.field{margin-top:12px}}

.value-summary{margin:9px 0;padding:9px 10px;border-radius:7px;background:#eaf4ed;color:#166534;font-size:12px;overflow-wrap:anywhere}.value-summary small{font-size:10px}.value-summary.pending{background:#f6f4ef;color:#6e6350}.value-summary details{margin-top:7px}.catalog-formula{font-size:12px;background:#fff;border:1px solid #dde4df;padding:12px 15px;border-radius:8px;margin:12px 0}.catalog-formula p{margin:7px 0}