:root{color-scheme:light;--green:#163d2f;--ink:#23382e;--muted:#607267;--line:#dce6df;--gold:#a67d33}*{box-sizing:border-box}body{margin:0;background:#f5f7f3;color:var(--ink);font-family:Tahoma,'Noto Sans Thai',sans-serif;font-size:16px;line-height:1.7}a{color:var(--green);text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}:focus-visible{outline:3px solid #bd8b2f;outline-offset:4px}[hidden]{display:none!important}header,main,footer{max-width:1120px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:16px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:bold;line-height:1.4}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:.17em}.back{font-size:14px}main{padding:0 24px}.hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:40px;padding:54px 0 48px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted)}h1{font-size:clamp(30px,4vw,46px);line-height:1.35;letter-spacing:-.045em;margin:15px 0 18px}h1 span{display:block;color:#54745f;font-size:.75em;margin-top:10px}h2{font-size:25px;line-height:1.45;margin:8px 0 16px;letter-spacing:-.025em}p{margin:8px 0 16px}.hero p{max-width:600px;color:var(--muted)}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span,.badge{border:1px solid #c8d9cd;border-radius:99px;padding:5px 12px;font-size:12px;background:#edf4ee}.chip-art{border-radius:28px;min-height:265px;background:radial-gradient(ellipse at top,#3e6551,#163d2f);display:grid;place-content:center;text-align:center;overflow:hidden}.chip{position:relative;width:222px;padding:30px 10px;border:2px solid #81988a;border-radius:10px;color:#d5e2d9;box-shadow:0 0 0 10px #75917e35,0 0 0 18px #75917e18;background:#172b22}.chip strong{display:block;font:32px monospace;letter-spacing:5px;margin:14px 0}.chip small,.chip span{font-size:8px;letter-spacing:2px}.chip-caption{font-size:12px;color:#c3d3c7;margin-top:30px}.panel{padding:30px;border:1px solid var(--line);background:white;border-radius:22px;box-shadow:0 8px 28px #173e2d06;margin-bottom:28px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.gate{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f0f5f0;border-radius:14px;padding:18px 20px;margin:12px 0 24px}.gate p{margin:0;font-size:14px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border:1px solid var(--green);background:var(--green);color:#fff;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer;font-size:15px}.button.secondary{background:white;color:var(--green)}button:disabled{opacity:.6;cursor:wait}.search-row{display:flex;gap:10px;margin-top:8px}input{border:1px solid #bdcdc2;background:#fff;border-radius:10px;padding:13px 15px;min-width:0;color:var(--ink)}#chipCode{flex:1;font-family:monospace;font-size:17px;text-transform:uppercase;width:100%}label{font-size:14px;font-weight:700}.hint{font-size:13px;color:var(--muted)}.result{border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:16px;overflow-wrap:anywhere}.result h3{margin:6px 0 12px;font:700 24px monospace}.result .badge{display:inline-block;font-size:11px}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.specs div{padding:12px;background:#f4f7f3;border-radius:10px}.specs dt{font-size:12px;color:var(--muted)}.specs dd{margin:4px 0 0;font-size:20px;font-weight:700}.warning{padding:12px 15px;border-radius:10px;background:#fff4d9;color:#76521c;font-size:14px}.meta{font-size:13px;color:var(--muted)}.quote{font-weight:700;color:var(--green);font-size:18px}.suggestions{display:grid;gap:8px}.suggestion{display:flex;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--line);padding:14px;border-radius:10px;background:#f8faf7;cursor:pointer;overflow-wrap:anywhere}.guide{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;padding:38px 0}.guide p{color:var(--muted);font-size:14px}.guide ol{margin:0;padding-left:25px}.guide li{padding:0 0 14px 12px}.guide li::marker{color:var(--gold);font-weight:bold}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700;min-height:30px}details p{font-size:14px;color:var(--muted);margin-top:12px}.sell{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:25px 4px 40px}.sell p{color:var(--muted);font-size:14px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.price-grid input{width:100%;display:block}footer{padding:30px 24px 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.error{color:#a53529}#chipMessage:empty{display:none}#missingCodes{max-height:300px;overflow:auto;font-size:14px}.missing-row{border-bottom:1px solid var(--line);padding:9px 0}
@media(max-width:700px){header{padding:16px}.brand img{width:38px;height:38px}main{padding:0 16px}.hero{grid-template-columns:1fr;gap:24px;padding:24px 0}.chip-art{display:none}.panel{padding:20px 16px;border-radius:16px}.section-top,.gate,.sell{align-items:flex-start;flex-direction:column}.search-row{flex-direction:column}.gate{padding:16px}.actions{width:100%}.actions .button{flex:1;white-space:nowrap}.specs{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:1fr;gap:16px;padding:24px 0}.price-grid{grid-template-columns:repeat(2,1fr)}.result h3{font-size:20px}.sell{gap:12px}h2{font-size:23px}}
/* 2026-10-17: forest / ivory interface, clear search hierarchy. */
body{background:radial-gradient(ellipse at 85% 0,#e5ecdf 0,transparent 42%),#f6f7f1}header{padding-top:20px;padding-bottom:20px}.header-tools{display:flex;align-items:center;gap:20px}.chip-languages{display:flex;align-items:center;padding:4px;gap:3px;border:1px solid #d4dfd4;border-radius:100px;background:#ffffffb8}.chip-languages button{border:0;border-radius:100px;background:transparent;color:#526859;padding:7px 12px;cursor:pointer;font-size:12px;min-height:36px}.chip-languages button[aria-pressed=true]{background:#204b37;color:#fff;box-shadow:0 2px 6px #173e2d20}.hero{padding:42px 0 34px;gap:48px}.hero .eyebrow{color:#7d683c;letter-spacing:.1em}.hero h1{font-size:clamp(32px,4vw,48px);font-weight:800;color:#153a2a}.hero h1 span{color:#5b735c;line-height:1.5}.hero p{line-height:1.85}.pills span{background:#ffffffb5;border-color:#d9e2d6;padding:6px 12px}.chip-art{min-height:300px;position:relative;border:1px solid #35523a;background:radial-gradient(circle at 78% 18%,#88a37040,transparent 55%),repeating-linear-gradient(90deg,transparent 0 35px,#c5d9ba09 35px 36px),repeating-linear-gradient(0deg,transparent 0 35px,#c5d9ba09 35px 36px),#183e2d;box-shadow:0 22px 45px #1c3b2520}.chip{width:230px;border-color:#83977a;background:linear-gradient(140deg,#2b3b2d,#16291e);box-shadow:0 0 0 9px #91a28525,0 0 0 19px #91a28515,16px 22px 26px #07160b70;transform:rotate(-5deg)}.chip::before,.chip::after{content:'';position:absolute;top:16px;bottom:16px;width:12px;background:repeating-linear-gradient(0deg,#b8ae80 0 4px,transparent 4px 12px)}.chip::before{left:-15px}.chip::after{right:-15px}.chip strong{color:#e9e9c8;font-size:35px}.chip-caption{margin-top:42px;color:#b5c5ae;font-size:11px}.workflow-strip{display:flex;gap:22px;align-items:center;margin:4px 0 22px;padding:14px 2px;color:#60715c;font-size:13px}.workflow-strip>span{display:flex;align-items:center;gap:10px}.workflow-strip b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #c7d5c2;border-radius:50%;font:11px monospace;color:#54714c;background:#f9fbf5}.lookup{position:relative;border-top:4px solid #315e3f;padding:34px;box-shadow:0 16px 50px #1b3f2010}.section-top h2{font-size:30px;margin-bottom:8px}.section-top .badge{background:#ecf4e6;border-color:#cbdec2;color:#416238;font-weight:700}.gate{background:#f6f8f0;border:1px solid #e0e7d7;margin:22px 0 26px;padding:20px}.gate b{color:#294e31}.button{background:#214d36;border-color:#214d36;border-radius:12px;box-shadow:0 3px 0 #153725;transition:background-color .15s,box-shadow .15s}.button:hover{background:#2b6043}.button.secondary{box-shadow:none;background:white;border-color:#c3d0bc}.button.secondary:hover{background:#edf4e8}.search-row{gap:12px}#chipCode{padding:17px 18px;border:1px solid #b5c7ae;background:#fbfcf8;box-shadow:inset 0 2px 5px #162d1810;min-height:60px}#searchButton{padding:15px 26px;min-width:170px}.sample-codes{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 8px}.sample-codes>span{font-size:12px;color:#75836c;margin-right:3px}.sample-codes button{font:12px monospace;color:#49613e;background:#f1f5eb;border:1px solid #dce5d5;border-radius:7px;padding:7px 9px;cursor:pointer;min-height:36px}.sample-codes button:hover{background:#e4ecd9}.hint{line-height:1.75}#chipMessage:not(:empty){border-radius:10px;padding:13px 16px;background:#eef4e8;margin:20px 0 8px;border-left:3px solid #718963}#chipMessage.error{background:#fff1e7;border-color:#bd7344}.result{border-color:#cdddc5;padding:25px;background:linear-gradient(155deg,#fff,#fafcf6);box-shadow:0 4px 16px #183e2508}.result h3{font-size:26px;margin-top:14px;color:#244c31}.specs{gap:10px}.specs div{border:1px solid #e1e9d9;background:#f3f7ec;padding:15px}.specs dd{color:#214b30}.quote{padding-top:16px;border-top:1px solid #e1e8db}.source-language-note{font-size:11px;color:#7c8574}.guide{padding:34px 0 42px}.guide li{padding-bottom:14px}.faq{box-shadow:none;background:#ffffffb0}.faq summary{padding:2px 6px}.faq details p{padding:0 6px}.sell{padding:28px;border-radius:20px;background:#eaf0e3;margin:28px 0 38px}.sell .eyebrow{color:#6b774f}.sell h2{color:#264d30}.sell .actions{max-width:260px}.price-grid input:focus{background:#f7fbf1}html[lang=en] .hero h1,html[lang=zh] .hero h1{letter-spacing:-.035em}html[lang=en] .hero h1 span{font-size:.69em}html[lang=zh] body{font-family:'Microsoft YaHei','PingFang SC',Tahoma,sans-serif}
@media(max-width:700px){header{align-items:flex-start;gap:10px}.header-tools{flex-direction:column;align-items:flex-end;gap:6px}.chip-languages button{padding:5px 10px;min-height:34px}.back{font-size:11px}.brand{font-size:14px}.hero{padding:24px 0 18px;gap:20px}.hero h1{font-size:34px;margin-top:12px}.hero .eyebrow{font-size:10px}.hero p{font-size:15px}.chip-art{display:none}.workflow-strip{justify-content:space-between;gap:8px;margin-bottom:16px;font-size:10px;align-items:flex-start}.workflow-strip>span{gap:6px;max-width:35%;align-items:flex-start}.workflow-strip b{flex-shrink:0;width:22px;height:22px;font-size:10px}.lookup{padding:22px 17px}.section-top{gap:7px}.section-top h2{font-size:26px}.gate{padding:16px;margin-top:18px}.gate .actions{gap:8px}.gate .button{padding:11px 13px;font-size:13px}.search-row{gap:12px}#chipCode{font-size:16px;min-height:56px;padding:15px 12px}#searchButton{min-height:52px}.sample-codes>span{flex-basis:100%}.sample-codes button{font-size:11px}.result{padding:18px}.specs div{padding:12px}.specs dd{font-size:19px}.sell{padding:22px}.sell .actions{max-width:100%}html[lang=en] .hero h1{font-size:35px}html[lang=en] .gate .actions{flex-direction:column}html[lang=en] .gate .actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* PathomChip workspace: touch-friendly navigation and compact search. */
html{scroll-behavior:smooth;scroll-padding-top:94px}
.chip-menu{position:sticky;top:8px;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:1064px;margin:0 auto;padding:7px;background:#173d2ff5;border:1px solid #496449;border-radius:18px;box-shadow:0 8px 26px #173d2f22}
.chip-menu a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:12px;color:#e8eee5;text-decoration:none;font-size:14px;font-weight:700;padding:8px 12px;text-align:center;transition:background .15s}
.chip-menu a:first-child{background:#f4eedc;color:#234631}
.chip-menu a:hover{background:#375c46;color:white}
.chip-menu a:focus-visible{outline-color:#ebcb82}
.chip-menu a>span:first-child{display:grid;place-items:center;min-width:25px;height:25px;border:1px solid currentColor;border-radius:8px;font:14px monospace;opacity:.85}
.hero{padding-top:30px;padding-bottom:24px}.hero .pc-wordmark{margin-top:14px;font-size:clamp(36px,4.5vw,58px)}.hero h1{font-size:clamp(28px,3.2vw,38px)}.hero h1 span{font-size:.65em}.hero p{font-size:15px}
.chip-languages button{min-height:44px;min-width:44px}
.lookup{border-radius:24px;background:#fff;box-shadow:0 16px 46px #153c2710}
.search-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.search-tools button{min-height:44px;padding:8px 14px;border:1px solid #d7e1d3;background:#f5f8f0;color:#3a5d43;border-radius:10px;cursor:pointer;font-size:13px}
.search-tools>span{font-size:12px;color:#63705d}
.search-tools button:hover{background:#e7efde}
#chipForm[aria-busy=true] #searchButton{background:#59735d;box-shadow:none}
#chipForm[aria-busy=true] #clearChip{pointer-events:none;opacity:.5}
.sample-codes button{min-height:44px}
.specs div:first-child{background:#e5f0df;border-color:#b9d2ab}
.specs dd{overflow-wrap:anywhere}
.result .warning{border:1px solid #e7d4a4;border-left:4px solid #b58a38}
.result .warning ul{padding-left:20px;margin:8px 0 0}
.result details summary,.faq summary{min-height:44px;padding:9px 2px}
.result details a{display:inline-flex;align-items:center;min-height:44px}
.suggestion{align-items:center;min-width:0;min-height:64px;background:#fff;box-shadow:0 2px 8px #173d2f08}
.suggestion:hover,.suggestion:focus-visible{background:#edf5e8;border-color:#93b386}
.suggestion b{font:700 15px monospace;min-width:0}.suggestion span{font-size:12px;color:#52684e}
#chipResults:not(:empty){margin-top:20px}
#staffPanel{border-top:4px solid #b69554}
@media(max-width:700px){
 html{scroll-padding-top:92px}
 .chip-menu{margin:0 12px;top:6px;padding:5px;gap:3px;border-radius:15px}
 .chip-menu a{flex-direction:column;gap:4px;padding:7px 3px;min-height:62px;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
 .chip-menu a>span:first-child{height:21px;min-width:21px;font-size:12px;border-radius:6px}
 .hero{padding-top:22px}.hero .pc-wordmark{font-size:38px}.hero h1,html[lang=en] .hero h1{font-size:28px}
 .hero .pc-free{display:none}
 .search-tools{align-items:flex-start}.search-tools>span{max-width:57%;font-size:11px}
 .search-tools button{flex-shrink:0}
 .suggestion{flex-direction:column;align-items:flex-start;gap:5px}
 .result h3{font-size:21px}.specs dd{font-size:20px}
 .header-tools{gap:8px}.chip-languages button{padding:5px 8px}
 .brand img{width:32px;height:32px}.brand{gap:7px}.brand small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chip-menu a{transition:none}}