/* Zemixal tools: bulk CAS lookup + compare (same tokens as zx.css) */
.lookup.bk-form{grid-template-columns:1fr 240px;align-items:end}
.bk-form textarea{min-height:170px;margin-top:10px}
.bk-lbl{display:block;font:600 1.1rem var(--f-head);color:var(--ink);margin-top:10px}
.bk-form-act{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.bk-step{display:block;font:700 2rem/1 var(--f-head);color:var(--violet);margin-bottom:12px}
.bk-example{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center}
.bk-faq{display:grid;grid-template-columns:340px 1fr;gap:40px;align-items:start}
.bk-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.bk-c{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--white);border:1.5px solid var(--line);border-radius:var(--r);padding:16px 18px;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.bk-c b{font:700 2rem/1 var(--f-head);letter-spacing:-.02em}
.bk-c span{font:500 .78rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.bk-c:hover{border-color:var(--ink-4)}.bk-c.on{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-50)}
.bk-c.ok b{color:#06724F}.bk-c.miss b{color:#8A5300}.bk-c.bad b{color:#B42318}
.bk-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px}
.bk-bar .sp{flex:1}.bk-bar .tag{background:rgba(255,255,255,.18);color:#fff}
.bk-wrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white)}
.bk-tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.bk-tbl th{text-align:left;font:500 .74rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--paper);padding:12px 16px;border-bottom:1px solid var(--line)}
.bk-tbl td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.bk-tbl tr:last-child td{border-bottom:0}
.bk-tbl .n{width:48px;color:var(--ink-4)}
.bk-tbl td.cas{width:170px}.bk-tbl td.cas a,.bk-tbl td.cas span{font-weight:600}.bk-tbl td.cas small{display:block;font-family:var(--f-mono)}
.bk-tbl tr[data-st=invalid] td.cas span{color:#B42318;text-decoration:underline wavy var(--coral);text-underline-offset:4px}
.bk-mini{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.bk-m{display:grid;grid-template-columns:64px 1fr auto auto;gap:12px;align-items:center;padding:6px 0}
.bk-m+.bk-m{border-top:1px dashed var(--line)}
.bk-m img{width:64px;height:48px;object-fit:contain;background:var(--paper);border-radius:8px}
.bk-mt a{font:600 .95rem/1.3 var(--f-head);color:var(--ink)}.bk-mt a:hover{color:var(--violet-d)}
.bk-mt small{display:block;color:var(--ink-3);font-size:.78rem;margin-top:2px}
.bk-m.pick .bk-mt a::after{content:"best match";margin-left:8px;font:500 .66rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--violet-d);background:var(--violet-50);padding:3px 6px;border-radius:5px;vertical-align:2px}
.bk-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.86rem;font-weight:600}
.bk-miss{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.bk-miss .btn.on{background:var(--lime);border-color:var(--lime)}
/* compare */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--white);-webkit-overflow-scrolling:touch}
.cmp-wrap .cmp{border:0;min-width:640px;table-layout:fixed}
.cmp thead th,.cmp thead td{position:sticky;top:0;background:var(--white);z-index:1}
.cmp td{word-break:break-word}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.cmp .ph{display:flex;flex-direction:column;gap:10px}
.cmp .ph .im{aspect-ratio:4/3;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:grid;place-items:center}
.cmp .ph .im img{width:84%;height:84%;object-fit:contain}
.cmp .ph a.nm{font:600 1rem/1.3 var(--f-head);color:var(--ink)}.cmp .ph a.nm:hover{color:var(--violet-d)}
.cmp .ph .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cmp .rm{font-size:.8rem;color:var(--ink-3)}.cmp .rm:hover{color:var(--coral)}
.cmp .grp th{background:var(--paper-2);color:var(--ink);font:600 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.cmp .ghs-s{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.cmp .ghs-s img{width:38px;height:38px}
.cmp .pk{display:flex;flex-wrap:wrap;gap:6px}
.cmp tr.diff th::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime-d);margin-left:8px;vertical-align:2px}
.cmp-empty .steps-l{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left;max-width:900px;margin:26px auto}
.cmp-empty .steps-l div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px}
.cmp-empty .steps-l b{display:block;font:700 1.4rem var(--f-head);color:var(--violet);margin-bottom:6px}
@media (max-width:980px){
  .lookup.bk-form,.bk-example,.bk-faq{grid-template-columns:minmax(0,1fr)}.bk-form-act{flex-direction:row;flex-wrap:wrap}
  .bk-sum{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .bk-tbl thead{display:none}.bk-tbl tr{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;padding:14px;border-bottom:1px solid var(--line)}
  .bk-tbl td{padding:0;border:0}.bk-tbl td:last-child{grid-column:1/-1}.bk-tbl td.cas{width:auto}.bk-tbl .n{width:auto}
  .bk-m{grid-template-columns:48px 1fr auto;gap:10px}.bk-m img{width:48px;height:36px}.bk-m .addq{padding:8px 12px;font-size:.82rem}
  .bk-mini tr{grid-template-columns:auto 1fr}
  .hide-sm{display:none}.bk-c b{font-size:1.6rem}
  .cmp-empty .steps-l{grid-template-columns:minmax(0,1fr)}
}