/* Zemixal content pages: insights, chemistry terms, lab tools, CMS pages, contact, RFQ, quotation, 404. Uses zx.css tokens. */
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.chip.on b{color:var(--lime)}
.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.split>aside{position:sticky;top:150px;display:flex;flex-direction:column;gap:14px}
.card.box-ink{background:var(--ink);color:#C3CCDB;border:0}.card.box-ink h3{color:#fff}.card.box-ink a:not(.btn){color:var(--lime)}
.stack{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.kv{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.93rem}.kv li{display:flex;gap:10px;align-items:flex-start}.kv .ic-sm{margin-top:4px;color:var(--violet)}
/* insights */
.post-card{display:flex!important;flex-direction:column;gap:10px;min-height:230px}
.post-card h2,.post-card h3{font-size:1.12rem;margin:0}.post-card p{margin:0;flex:1}
.post-card .pm{display:flex;justify-content:space-between;font:500 .78rem var(--f-mono);color:var(--ink-3)}
.art-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:500 .82rem var(--f-mono);color:var(--ink-3)}
.toc{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.toc h2{font:600 .75rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;gap:4px}
.toc li{counter-increment:t}.toc a{display:flex;gap:10px;padding:5px 0;color:var(--ink-2);font-size:.9rem;line-height:1.4}
.toc a::before{content:counter(t,decimal-leading-zero);font:500 .76rem var(--f-mono);color:var(--violet);padding-top:2px}
.toc a:hover{color:var(--violet-d)}
.prose{font-size:1.04rem;line-height:1.75}.prose h2{scroll-margin-top:150px;font-size:1.45rem}
.prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.93rem;background:var(--white)}
.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}.prose th{background:var(--paper-2)}
.prose blockquote{margin:1.2em 0;padding:12px 18px;border-left:3px solid var(--lime-d);background:var(--lime-50);border-radius:0 10px 10px 0}
/* chemistry terms */
.azbar{display:flex;flex-wrap:wrap;gap:6px}
.azbar a,.azbar span{min-width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--white);font:600 .9rem var(--f-mono);color:var(--ink-2)}
.azbar a:hover{border-color:var(--violet);color:var(--violet-d)}.azbar span{opacity:.35}
.lgroup{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:140px}
.lgroup>b{font:700 2.6rem/1 var(--f-head);color:var(--violet)}
.term-def{font-size:1.18rem;line-height:1.7;color:var(--ink);background:var(--white);border:1px solid var(--line);border-left:4px solid var(--violet);border-radius:var(--r);padding:22px 26px;margin:0}
/* lab tools */
.tool{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh-1)}
.tool .out{margin-top:18px;padding:18px 22px;border-radius:var(--r);background:var(--ink);color:#fff;font:500 1.15rem var(--f-mono);word-break:break-word}
.tool .out small{display:block;font:600 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:6px}
.tool table{width:100%;border-collapse:collapse;margin-top:16px;font:500 .9rem var(--f-mono)}
.tool th,.tool td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left}.tool th{font:600 .74rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.tool-ico{width:48px;height:48px;border-radius:14px;background:var(--violet-50);color:var(--violet-d);display:grid;place-items:center}
.tips{margin:0;padding:0;list-style:none;display:grid;gap:8px}.tips li{display:flex;gap:10px;font-size:.93rem;color:var(--ink-2)}.tips .ic-sm{color:var(--mint);margin-top:4px}
/* rfq */
.rfq-list .qi{grid-template-columns:64px 1fr auto}.rfq-list .qi .q select{width:auto;border-width:1px}.rfq-list .qi .q input{padding:5px 8px;border-width:1px}.rfq-list .qi img{width:64px;height:48px}
.rfq-empty{text-align:center;padding:34px 18px;border:1px dashed var(--line-2);border-radius:var(--r);background:var(--white);color:var(--ink-3)}
.steps-mini{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:m}
.steps-mini li{counter-increment:m;display:grid;grid-template-columns:34px 1fr;gap:12px;font-size:.93rem;color:var(--ink-2)}
.steps-mini li::before{content:counter(m);width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--ink);font:700 .9rem/30px var(--f-head);text-align:center}
.steps-mini b{display:block;color:var(--ink)}
.card.box-ink .steps-mini li{color:#B3BED0}.card.box-ink .steps-mini b{color:#fff}
.refbox{display:inline-flex;align-items:center;gap:14px;padding:14px 20px;border-radius:var(--r);background:var(--ink);color:#fff;font:600 1.3rem var(--f-mono);letter-spacing:.04em}
.refbox span{font:600 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.okmark{width:64px;height:64px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}.okmark .ic{width:30px;height:30px;stroke-width:2.4}
/* quotation */
.quo{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;box-shadow:var(--sh-1)}
.quo-h{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}
.quo-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.quo table{width:100%;border-collapse:collapse;font-size:.92rem}
.quo th,.quo td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.quo thead th{font:600 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--paper)}
.quo .r{text-align:right;font-family:var(--f-mono);white-space:nowrap}.quo tfoot td{border-bottom:0}.quo tfoot tr:last-child td{font-size:1.05rem;border-top:2px solid var(--ink)}
.quo-act{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px}
.quo-act input{border:1.5px solid var(--line);border-radius:999px;padding:11px 16px;font:inherit;min-width:240px;background:var(--white)}
.tablewrap{overflow-x:auto}
/* 404 */
.nf{padding:70px 0 90px}.nf .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.nf-code{font:700 clamp(4rem,10vw,8rem)/1 var(--f-head);letter-spacing:-.05em;color:var(--ink)}.nf-code em{font-style:normal;color:var(--violet)}
.nf .hero-search{margin:22px 0 18px}
.nf-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nf-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--white);color:var(--ink);font-weight:600;font-size:.93rem}
.nf-links a:hover{border-color:var(--violet);color:var(--violet-d)}
@media (max-width:980px){.split,.nf .wrap{grid-template-columns:minmax(0,1fr)}.split>aside{position:static}.quo-meta{grid-template-columns:1fr 1fr}.quo{padding:22px}}
@media (max-width:620px){.lgroup{grid-template-columns:minmax(0,1fr);gap:10px}.nf-links{grid-template-columns:minmax(0,1fr)}.quo-meta{grid-template-columns:minmax(0,1fr)}.tool{padding:20px}}
@media print{.hdr,.ubar,.ftr,.qp,.qp-back,.cbar,.to-top,.cookie,.no-print,.crumbs{display:none!important}.quo{border:0;box-shadow:none;padding:0}body{background:#fff}}