/* φQ Chemistry: IA Explorer catalogue. Site CSS variables only. */
.iax-hero{padding:calc(var(--nav-h) + 3rem) 0 1.5rem}
.iax-hero .container{display:flex;flex-direction:column;gap:1rem;max-width:1100px}
.iax-hero h1{font-size:clamp(2.2rem,4.5vw,3.6rem);text-wrap:balance}
.iax-hero p{font-size:1.05rem;max-width:68ch;color:var(--text-2);text-wrap:pretty}
.iax-hero .row{display:flex;gap:.6rem;flex-wrap:wrap}
#iax-root{max-width:1240px;margin:0 auto;padding:0 1.25rem 5rem;min-height:60vh}
.iax{display:flex;flex-direction:column;gap:1.5rem}
.iax-bar{position:sticky;top:var(--nav-h);z-index:20;background:var(--bg);padding:.75rem 0;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border)}
.iax-tabs{display:flex;gap:.35rem;flex-wrap:wrap}
.iax-tab{font:600 .82rem var(--font-sans);padding:.5rem .95rem;border-radius:100px;border:1px solid var(--border-2);background:transparent;color:var(--text-2);cursor:pointer;white-space:nowrap}
.iax-tab:hover{border-color:var(--accent);color:var(--text)}
.iax-tab.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.iax-search{flex:1 1 220px;min-width:0;display:flex;gap:.4rem;margin-left:auto}
.iax-search input,.iax-input,.iax-select,.iax-ta{font:400 .9rem var(--font-sans);background:var(--surface);border:1px solid var(--border-2);color:var(--text);border-radius:var(--radius);padding:.5rem .75rem;min-width:0}
.iax-search input{flex:1}
.iax-search input:focus,.iax-input:focus,.iax-select:focus,.iax-ta:focus{outline:none;border-color:var(--accent)}
.iax-ta{width:100%;min-height:5rem;resize:vertical;line-height:1.5}
.iax-btn{font:600 .8rem var(--font-sans);padding:.5rem .95rem;border-radius:100px;border:1px solid var(--border-2);background:transparent;color:var(--text);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
.iax-btn:hover{border-color:var(--accent);color:var(--accent)}
.iax-btn.pri{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.iax-btn.pri:hover{filter:brightness(1.1);color:var(--on-accent)}
.iax-btn:disabled{opacity:.45;cursor:default}
.iax-mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.iax-muted{color:var(--text-muted);font-size:.88rem;text-wrap:pretty}
.iax-rules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}
.iax-rule{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem .9rem;display:flex;flex-direction:column;gap:.3rem}
.iax-rule b{color:var(--text);font-size:.9rem}
.iax-rule span{color:var(--text-2);font-size:.8rem;line-height:1.45;text-wrap:pretty}
.iax-rule i{font-style:normal;font:700 .7rem var(--font-mono);color:var(--accent)}
.iax-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.5rem;align-items:start}
.iax-rail{position:sticky;top:calc(var(--nav-h) + 4.2rem);max-height:calc(100vh - var(--nav-h) - 5rem);overflow:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.25rem}
.iax-rail-group{display:flex;flex-direction:column;gap:.15rem}
.iax-rail-h{font:600 .68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .5rem;border-left:2px solid currentColor}
.iax-rail-t{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;gap:.4rem;align-items:baseline;text-align:left;background:transparent;border:0;border-radius:8px;padding:.4rem .5rem;color:var(--text-2);cursor:pointer;font:400 .82rem var(--font-sans)}
.iax-rail-t:hover{background:var(--surface2);color:var(--text)}
.iax-rail-t.on{background:var(--surface2);color:var(--text)}
.iax-rail-t b{font:700 .74rem var(--font-mono)}
.iax-rail-t em{font-style:normal;font:500 .7rem var(--font-mono);color:var(--text-muted)}
.iax-rail-sel{display:none}
.iax-main{display:flex;flex-direction:column;gap:1.1rem;min-width:0}
.iax-head{display:flex;flex-direction:column;gap:.35rem}
.iax-head h2{font-size:clamp(1.5rem,2.6vw,2.1rem);text-wrap:balance}
.iax-note{border:1px dashed var(--border-2);border-radius:var(--radius);padding:.6rem .85rem;color:var(--text-2);font-size:.86rem}
.iax-chips{display:flex;gap:.35rem;flex-wrap:wrap}
.iax-chip{font:500 .78rem var(--font-sans);padding:.32rem .7rem;border-radius:100px;border:1px solid var(--border-2);background:transparent;color:var(--text-2);cursor:pointer;white-space:nowrap}
.iax-chip:hover{border-color:var(--accent);color:var(--text)}
.iax-chip.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}
.iax-chip em{font-style:normal;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);margin-left:.3rem}
.iax-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.9rem}
.iax-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--tc,var(--accent));border-radius:var(--radius-lg);padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.55rem;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color var(--t),transform var(--t)}
.iax-card:hover{border-color:var(--border-2);border-top-color:var(--tc,var(--accent));transform:translateY(-2px)}
.iax-card-top{display:flex;align-items:center;gap:.5rem}
.iax-card-top .id{font:700 .74rem var(--font-mono);color:var(--tc,var(--accent))}
.iax-card h3{font-family:var(--font-sans);font-size:.98rem;font-weight:600;line-height:1.35;color:var(--text);text-wrap:pretty}
.iax-card .vs{font-size:.82rem;color:var(--text-2)}
.iax-card .gq{font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:.5rem;margin-top:auto}
.iax-dots{display:inline-flex;gap:3px}
.iax-dots i{width:6px;height:6px;border-radius:50%;background:var(--surface3)}
.iax-dots i.f{background:var(--tc,var(--accent))}
.iax-star{margin-left:auto;background:transparent;border:0;cursor:pointer;font-size:1.05rem;color:var(--text-dim);line-height:1;padding:.15rem}
.iax-star.on{color:var(--gold)}
.iax-star:hover{color:var(--gold)}
.iax-pills{display:flex;gap:.3rem;flex-wrap:wrap}
.iax-pill{font:600 .64rem var(--font-mono);letter-spacing:.04em;padding:.18rem .5rem;border-radius:100px;background:var(--surface3);color:var(--text-2);white-space:nowrap}
.iax-pill.hl{background:var(--accent2-dim);color:var(--accent2)}
.iax-pill.db{background:var(--accent-dim);color:var(--accent)}
.iax-pill.bx{background:var(--gold-dim);color:var(--gold)}
.iax-pill.ok{background:var(--green-dim);color:var(--green)}
.iax-pill.no{background:var(--red-dim);color:var(--red)}
.iax-pill.hz2{background:var(--gold-dim);color:var(--gold)}
.iax-pill.hz3{background:var(--red-dim);color:var(--red)}
.iax-empty{padding:2rem;text-align:center;color:var(--text-muted);border:1px dashed var(--border-2);border-radius:var(--radius-lg)}
.iax-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;display:flex;flex-direction:column;gap:1rem}
.iax-sec-h{display:flex;align-items:baseline;gap:.6rem}
.iax-sec-h b{font:700 .72rem var(--font-mono);color:var(--tc,var(--accent));letter-spacing:.06em}
.iax-sec-h h3{font-family:var(--font-serif);font-size:1.25rem}
.iax-detail-nav{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.iax-detail-h{display:flex;flex-direction:column;gap:.55rem;border-top:3px solid var(--tc);padding-top:1rem}
.iax-detail-h h2{font-size:clamp(1.5rem,2.8vw,2.2rem);text-wrap:balance}
.iax-sys{color:var(--text-2);font-size:.95rem;text-wrap:pretty}
.iax-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.iax-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.iax-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.45rem}
.iax-box h4{font-family:var(--font-sans);font-size:.95rem;font-weight:600}
.iax-box .k{font:600 .66rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}
.iax-box .v{color:var(--text);font-size:.9rem;line-height:1.55;text-wrap:pretty}
.iax-box.gold{border-color:color-mix(in oklch,var(--gold) 40%,transparent);background:var(--gold-dim)}
.iax-box.gold .k{color:var(--gold)}
.iax-kv{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.2rem .75rem;font-size:.88rem}
.iax-kv>span:nth-child(odd){color:var(--text-muted);font-size:.78rem;padding-top:.1rem}
.iax-kv>span:nth-child(even){color:var(--text)}
.iax-plots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.iax-plot{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .6rem .3rem;display:flex;flex-direction:column;gap:.3rem}
.iax-plot svg.iax-svg{width:100%;height:auto;display:block}
.iax-plot .cap{font:600 .66rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:0 .2rem}
.iax-svg .gr{stroke:var(--border);stroke-width:1}
.iax-svg .ax{stroke:var(--text-dim);stroke-width:1.2}
.iax-svg .tk{fill:var(--text-muted);font:10px var(--font-mono)}
.iax-svg .lbl{fill:var(--text-2);font:12px var(--font-sans)}
.iax-svg .pt{fill:var(--accent)}
.iax-svg .eb{stroke:var(--accent);stroke-width:1;opacity:.7}
.iax-svg .fit{stroke:var(--gold);stroke-width:1.6;fill:none}
.iax-svg .th{stroke:var(--accent2);stroke-width:1.3;fill:none;stroke-dasharray:4 3}
.iax-svg .org{fill:var(--text-muted)}
.iax-fine{font-size:.78rem;color:var(--text-muted);text-wrap:pretty}
.iax-result{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;padding:.7rem .9rem;border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border)}
.iax-rq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.iax-field{display:flex;flex-direction:column;gap:.25rem}
.iax-field label{font:600 .66rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}
.iax-field.wide{grid-column:1/-1}
.iax-checks{display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.iax-checks label{display:flex;gap:.4rem;align-items:center;font-size:.86rem;color:var(--text-2);cursor:pointer}
.iax-checks input{accent-color:var(--accent);width:1rem;height:1rem}
.iax-rq-out{border-radius:var(--radius);padding:1rem 1.1rem;background:var(--accent-dim);border:1px solid color-mix(in oklch,var(--accent) 35%,transparent);color:var(--text);line-height:1.65;font-size:.95rem;text-wrap:pretty}
.iax-tick{font:600 .72rem var(--font-sans);padding:.25rem .6rem;border-radius:100px;background:var(--surface3);color:var(--text-muted)}
.iax-tick.ok{background:var(--green-dim);color:var(--green)}
.iax-warn{font-size:.82rem;color:var(--gold)}
.iax-table{width:100%;border-collapse:collapse;font-size:.86rem}
.iax-table th,.iax-table td{text-align:left;padding:.5rem .55rem;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-2)}
.iax-table th{font:600 .66rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}
.iax-table td.ok{color:var(--green)}
.iax-table td.no{color:var(--red)}
.iax-table td.own{color:var(--accent3)}
.iax-scroll{overflow-x:auto}
.iax-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem;color:var(--text-2);font-size:.9rem}
.iax-sl{display:flex;flex-direction:column;gap:.8rem;border-top:3px solid var(--tc);background:var(--surface);border-radius:var(--radius-lg);padding:1.1rem 1.2rem;border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.iax-link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:2px}
.iax-hz3{padding:.6rem .85rem;border-radius:var(--radius);background:var(--red-dim);color:var(--text);font-size:.88rem;border:1px solid color-mix(in oklch,var(--red) 35%,transparent)}
@media (max-width:1000px){.iax-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.iax-rq{grid-template-columns:repeat(2,minmax(0,1fr))}.iax-three{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){
  .iax-layout{grid-template-columns:minmax(0,1fr)}
  .iax-rail{display:none}
  .iax-rail-sel{display:block;width:100%}
  .iax-two,.iax-plots{grid-template-columns:minmax(0,1fr)}
  .iax-search{margin-left:0;flex-basis:100%}
  .iax-panel{padding:1rem}
}
@media (max-width:480px){.iax-rules{grid-template-columns:minmax(0,1fr)}.iax-rq{grid-template-columns:minmax(0,1fr)}.iax-kv{grid-template-columns:minmax(0,1fr)}}
@media print{
  .site-nav,.iax-hero,.no-print,.site-footer,.iax-bar{display:none !important}
  html,body{background:#fff !important;color:#000 !important;padding:0}
  #iax-root{padding:0;max-width:none}
  .iax-sl{break-inside:avoid;border:1px solid #999 !important;background:#fff !important}
  .iax-sl *{color:#000 !important;background:transparent !important}
  .iax-ta{border:1px solid #999 !important;min-height:0}
}

/* Tech-enabled ideas (shared/ia-ideas-T.js) */
.iax-pill.tc{background:var(--green-dim, var(--accent-dim));color:var(--green)}
.iax-tech{font-size:.86rem;color:var(--text-2);margin:.5rem 0 .2rem;padding:.45rem .75rem;border-left:3px solid var(--green);background:var(--surface2);border-radius:0 var(--radius) var(--radius) 0}
.iax-tech b{color:var(--green)}