/* 🏷 ตรวจฉลาก — ใช้โทเคนสีของ site.css · แตะได้ ≥ 44px · มือถือ ≥ 16px */
.lcw{max-width:860px;margin:0 auto;padding-block:20px 80px;display:grid;gap:18px}
.lcw>*{min-width:0}
.lc-hero{display:grid;gap:10px}
.lc-hero h1{margin:0;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.3;color:var(--title);text-wrap:balance}
.lc-hero p{margin:0;color:var(--soft)}
.lc-cover{background:var(--band);border-radius:12px;padding:12px 14px;color:var(--ink)!important}
.lc-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:12px}
.lc-card h2{margin:4px 0 0;font-size:1.15rem;color:var(--title)}
.lc-card p{margin:0;overflow-wrap:anywhere}
.lc-drop{border:2px dashed var(--line);border-radius:12px;padding:18px;text-align:center;display:grid;gap:10px;justify-items:center}
.lc-drop.over{border-color:var(--orange);background:var(--accent-soft)}
.lc-up{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.lc-up .btn{min-height:46px}
.lc-files{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lc-files li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.92rem}
.lc-files li span:first-child{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.lc-txt{display:grid;gap:6px;font-weight:500}
.lc-txt textarea{font:inherit;font-size:16px;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg);color:var(--ink);width:100%;resize:vertical}
.lc-chips{display:flex;flex-wrap:wrap;gap:8px}
.lc-chips .chip{font:inherit;font-size:15px;min-height:44px;padding:8px 14px;border-radius:99px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.lc-chips .chip[aria-pressed="true"]{border-color:var(--orange);background:var(--accent-soft);font-weight:600}
.lc-chips.sm .chip{min-height:40px;font-size:14px;padding:6px 12px}
.lc-opts{display:flex;flex-wrap:wrap;gap:8px 18px}
.lc-opts label{display:flex;gap:8px;align-items:center;min-height:40px}
.lc-opts input{width:20px;height:20px}
.lc-msg{min-height:1.3em;color:var(--soft)}
.lc-msg.bad{color:var(--no)}
.lc-go{justify-self:start;min-height:48px;padding-inline:28px}
.lc-box{border-radius:12px;padding:12px 16px;display:grid;gap:4px}
.lc-box.ok{background:var(--ok-bg);color:var(--ok)}
.lc-box.bad{background:var(--no-bg);color:var(--no)}
.lc-box.warn{background:var(--hold-bg);color:var(--hold)}
.lc-box p{color:inherit}
.lc-stop{border-left:4px solid var(--no)}
.lc-ask{border-left:4px solid var(--orange)}
.lc-dom{display:grid;gap:6px}
.lc-law{font-size:.9rem;color:var(--soft)}
.lc-fx{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.lc-fx li{border:1px solid var(--line);border-left:4px solid var(--hold);border-radius:10px;padding:12px 14px;display:grid;gap:6px}
.lc-fx li.stop,.lc-fx li.must{border-left-color:var(--no)}
.lc-fx .lv{justify-self:start;font-size:.8rem;font-weight:600;border-radius:99px;padding:1px 10px;background:var(--hold-bg);color:var(--hold)}
.lc-fx li.stop .lv,.lc-fx li.must .lv{background:var(--no-bg);color:var(--no)}
.lc-fx b{color:var(--title)}
.lc-fx p{color:var(--soft);font-size:.94rem}
.lc-fx .ref{font-size:.84rem;color:var(--faint)}
.lc-fx .ps{display:grid;gap:6px;background:var(--band);border-radius:8px;padding:10px}
.lc-fx pre{margin:0;white-space:pre-wrap;font:inherit;color:var(--ink)}
.lc-fx .ps .btn{justify-self:start}
.lc-items summary{cursor:pointer;font-weight:600;min-height:40px;display:flex;align-items:center}
.lc-items ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.lc-items li{display:grid;gap:2px;font-size:.93rem}
.lc-items li span{font-size:.78rem;font-weight:600;justify-self:start;border-radius:99px;padding:0 8px;background:var(--ok-bg);color:var(--ok)}
.lc-items li.n span{background:var(--no-bg);color:var(--no)}
.lc-items small{color:var(--faint)}
.lc-act{display:flex;gap:10px;flex-wrap:wrap}
.lc-act .btn{min-height:46px}
.lc-note{max-width:760px}
.lnk{font:inherit;font-size:.9rem;background:none;border:0;color:var(--accent);text-decoration:underline;cursor:pointer;min-height:40px}
@media (max-width:560px){.lc-card{padding:16px}}
.lc-law summary{cursor:pointer;font-size:.9rem;color:var(--soft);min-height:36px;display:flex;align-items:center}
.lc-law ul{margin:4px 0 0;padding-left:1.2em;font-size:.86rem;color:var(--soft);display:grid;gap:4px}
.lc-sw{display:grid;gap:6px}
.lc-dom p .lnk{min-height:32px;padding:0 2px}
.lc-sw[hidden]{display:none}