:root{--bg:#f7f7f3;--paper:#fff;--ink:#172033;--muted:#667085;--line:#dfe3e8;--soft:#f0f2f4;--blue:#175cd3;--blue-soft:#eff6ff;--green:#067647;--green-soft:#ecfdf3;--amber:#b54708;--amber-soft:#fffaeb;--radius:12px;--max:960px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Thai",sans-serif;line-height:1.55}button,input{font:inherit}a{color:var(--blue)}img,svg{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #84adff;outline-offset:2px}
.site-header{height:62px;display:flex;align-items:center;gap:16px;padding:0 max(16px,calc((100vw - var(--max))/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);flex:none}.brand-mark{width:36px;height:36px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-copy{line-height:1.05}.brand-name{font-size:18px;font-weight:800;color:var(--blue)}.brand-copy small{display:block;margin-top:3px;font-size:10px;color:var(--muted)}.header-search{margin-left:auto;display:flex;align-items:center;width:min(360px,50vw);height:40px;background:var(--soft);border:1px solid transparent;border-radius:9px;padding:0 5px 0 12px}.header-search:focus-within{background:#fff;border-color:#84adff}.header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.header-search button{width:34px;height:32px;border:0;background:transparent;color:var(--blue);cursor:pointer}
.home-main,.model-main,.hub-main,.legal{width:min(var(--max),calc(100% - 32px));margin:auto}.compact-hero{padding:42px 0 18px;display:grid;grid-template-columns:1fr minmax(360px,.9fr);gap:46px;align-items:center}.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.compact-hero h1{font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0}.compact-hero h1 em{font-style:normal;color:var(--blue)}.hero-copy{margin:13px 0 0;color:var(--muted)}.finder{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 8px 24px rgba(16,24,40,.06)}.finder-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.finder-title strong{font-size:14px}.verified-mini,.status{font-size:11px;color:var(--green);background:var(--green-soft);border-radius:99px;padding:4px 8px;font-weight:700}.search-control{position:relative}.search-row{height:50px;display:flex;align-items:center;border:2px solid #98a2b3;border-radius:9px;padding-left:14px;background:#fff}.search-row:focus-within{border-color:var(--blue)}.search-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px}.search-row button{height:38px;border:0;cursor:pointer}.clear-search{padding:0 10px;background:transparent;color:var(--muted)}.search-submit{margin-right:4px;padding:0 16px;border-radius:7px;background:var(--blue);color:#fff;font-weight:700}.quick-search,.brand-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}.quick-search button,.brand-filter button{min-height:32px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);padding:5px 11px;cursor:pointer}.autocomplete{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:30;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(16,24,40,.12);padding:5px}.autocomplete button{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;border:0;border-radius:7px;padding:8px 10px;background:#fff;text-align:left;cursor:pointer}.autocomplete button:hover,.autocomplete button[aria-selected=true]{background:var(--blue-soft)}
.results-section{padding:24px 0 32px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:6px}.section-heading h2{font-size:22px;margin:0}.count-pill{margin:0;color:var(--muted);font-size:13px}.results-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.result-row{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(180px,1fr) auto;align-items:center;gap:18px;min-height:72px;padding:11px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.result-row:last-child{border:0}.result-row:hover{background:#fafbfc}.device-title{display:flex;align-items:center;gap:11px}.device-icon,.product-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:9px;background:var(--soft);color:var(--blue)}.device-title strong,.ink-code{display:block}.device-title small,.ink-meta{display:block;color:var(--muted);font-size:12px}.ink-code{font-size:16px}.ink-colors{display:flex;gap:4px;margin-top:5px}.color-dot{width:9px;height:9px;border-radius:50%;border:1px solid #aaa}.bk{background:#171717}.c{background:#00a6d6}.m{background:#e83e8c}.y{background:#f5cf2e}.row-action{font-size:13px;font-weight:700;color:var(--blue)}.empty-state{padding:32px 16px;text-align:center;background:#fff;border:1px dashed #98a2b3;border-radius:var(--radius)}.empty-state h2{font-size:19px;margin:0}.empty-state p{color:var(--muted)}.suggestions button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;margin:3px;cursor:pointer}.seo-strip{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin:0 0 36px;padding:17px 19px;background:var(--soft);border-radius:var(--radius)}.seo-strip h2{font-size:17px;margin:0}.seo-strip p{font-size:13px;color:var(--muted);margin:3px 0 0}.seo-links{display:flex;gap:12px}.seo-links a{font-size:13px;font-weight:700}
.breadcrumbs{font-size:12px;color:var(--muted);margin:22px 0}.breadcrumbs a{color:var(--muted)}.model-main,.hub-main{padding-bottom:54px}.answer-hero{display:grid;grid-template-columns:1fr minmax(330px,.8fr);gap:14px}.answer-intro,.answer-card,.info-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px}.answer-intro h1{font-size:clamp(30px,5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:0 0 10px}.answer-intro p,.info-panel p{color:var(--muted);margin:7px 0}.answer-card{background:var(--blue-soft);border-color:#b2ccff}.status-row{display:flex;justify-content:space-between;gap:10px}.status.stale{background:var(--amber-soft);color:var(--amber)}.answer-card>small{display:block;color:var(--muted);margin-top:17px}.answer-code{font-size:clamp(27px,4vw,36px);line-height:1.15;margin:3px 0}.answer-actions,.utility-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:8px 13px;background:#fff;color:var(--ink);font-weight:700;font-size:13px;text-decoration:none;cursor:pointer}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.info-panel h2,.source-panel h2,.supported-section h2,.faq h2{font-size:18px;margin:0 0 10px}.key-values{margin:0}.key-values div{display:grid;grid-template-columns:125px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.key-values div:last-child{border:0}.key-values dt{color:var(--muted);font-size:13px}.key-values dd{margin:0;font-weight:650;font-size:13px}.source-panel{margin-top:10px;background:var(--green-soft);border:1px solid #abefc6;border-radius:var(--radius);padding:17px}.source-list{display:grid;gap:8px}.source-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:8px;border-top:1px solid #abefc6}.source-item:first-child{padding-top:0;border:0}.source-item span{font-size:12px;color:var(--muted)}.source-item a{font-size:13px;font-weight:700}.supported-section,.faq,.history{margin-top:18px}.supported-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.supported-list a{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700}.supported-list small{color:var(--muted);font-weight:400}.faq details,.history details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 13px;margin-top:7px}.faq summary,.history summary{cursor:pointer;font-size:13px;font-weight:700}.faq p,.history p{font-size:13px;color:var(--muted)}.affiliate-note{font-size:11px;color:var(--muted)}.shop-buttons{display:grid;gap:7px}.shop-buttons a{padding:10px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;text-align:center;font-weight:700}
.hub-header{padding:26px 0 12px}.hub-header h1,.legal h1{font-size:clamp(30px,5vw,42px);margin:0}.hub-header p,.legal>p{color:var(--muted)}.hub-group{margin-top:20px}.hub-group h2{font-size:18px}.legal{max-width:720px;padding:38px 0 65px}.legal h2{font-size:20px;margin-top:26px}.legal li,.legal p{font-size:14px}.legal-callout{padding:14px;background:var(--soft);border-radius:10px}
footer{padding:28px max(16px,calc((100vw - var(--max))/2));background:#101828;color:#fff;display:grid;grid-template-columns:1fr auto;gap:14px}footer p{font-size:11px;color:#98a2b3;margin:4px 0}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:13px}.footer-links a,.footer-links button{padding:0;border:0;background:transparent;color:#d0d5dd;font:inherit;font-size:12px;cursor:pointer}.copyright{grid-column:1/-1;padding-top:11px;border-top:1px solid #344054}.consent-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:680px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;background:#101828;color:#fff;border-radius:12px;box-shadow:0 16px 40px #0005}.consent-banner p{font-size:12px;color:#d0d5dd;margin:0}.consent-actions{display:flex;gap:7px;flex:none}.consent-actions button{min-height:40px;border-radius:7px;padding:7px 12px;font-weight:700;cursor:pointer}.consent-accept{border:1px solid var(--blue);background:var(--blue);color:#fff}.consent-reject{border:1px solid #667085;background:transparent;color:#fff}.toast{position:fixed;left:50%;bottom:20px;z-index:60;transform:translateX(-50%);background:#101828;color:#fff;border-radius:8px;padding:9px 13px;font-size:12px}
@media(max-width:760px){.brand-copy small{display:none}.header-search{width:auto;flex:1}.compact-hero,.answer-hero{grid-template-columns:1fr;gap:17px}.compact-hero{padding-top:27px}.result-row{grid-template-columns:1fr auto;gap:9px}.ink-result{grid-column:1}.row-action{grid-column:2;grid-row:1/3}.seo-strip{grid-template-columns:1fr}.compact-grid,.supported-list{grid-template-columns:1fr}.key-values div{grid-template-columns:105px 1fr}}@media(max-width:480px){.site-header{gap:8px}.brand-mark{width:32px;height:32px}.brand-copy small{display:none}.header-search{padding-left:8px}.header-search input{font-size:13px}.compact-hero h1{font-size:34px}.finder{padding:12px}.search-submit{padding:0 10px}.device-icon{display:none}.result-row{padding:10px 12px}.answer-intro,.answer-card,.info-panel{padding:16px}.source-item{align-items:start;flex-direction:column;gap:3px}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.copyright{grid-column:1}.consent-banner{align-items:stretch;flex-direction:column}.consent-actions{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,footer,.breadcrumbs,.answer-actions,.utility-row,.faq,.supported-section,.consent-banner{display:none!important}body{background:#fff}.model-main{width:100%;padding:0}.answer-hero,.compact-grid{display:block}.answer-intro,.answer-card,.info-panel,.source-panel{border:0;padding:10px 0;background:#fff}.answer-card{border-block:2px solid #000}}