/* φQ Chemistry: guided IA Explorer. Load after ia-explorer.css. */
.ia2{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.5rem;align-items:start}
.ia2-main{display:flex;flex-direction:column;gap:1.1rem;min-width:0}
.ia2-crumbs{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;font-size:.84rem;color:var(--text-muted);padding:.75rem 0;border-bottom:1px solid var(--border);position:sticky;top:var(--nav-h);background:var(--bg);z-index:15}
.ia2-crumbs button{background:none;border:0;padding:.15rem .3rem;border-radius:6px;color:var(--text-2);cursor:pointer;font:inherit}
.ia2-crumbs button:hover{color:var(--accent);background:var(--accent-dim)}
.ia2-crumbs .cur{color:var(--text);font-weight:600}
.ia2-step-h{display:flex;flex-direction:column;gap:.3rem}
.ia2-step-h h2{font-size:clamp(1.4rem,2.6vw,2rem);text-wrap:balance}
.ia2-group{display:flex;flex-direction:column;gap:.6rem}
.ia2-group>span{font:600 .7rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.ia2-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}
.ia2-tile{display:flex;flex-direction:column;gap:.35rem;text-align:left;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;cursor:pointer;color:inherit;font:inherit;transition:transform var(--t),border-color var(--t)}
.ia2-tile:hover{transform:translateY(-2px);border-color:var(--border-2);border-top-color:var(--tc,var(--accent))}
.ia2-tile .kick{font:700 .7rem var(--font-mono);letter-spacing:.06em;color:var(--tc,var(--accent))}
.ia2-tile .ttl{font-weight:600;color:var(--text);font-size:1rem;line-height:1.35;text-wrap:pretty}
.ia2-tile .sub{font-size:.8rem;color:var(--text-muted)}
.ia2-act{display:flex;flex-direction:column;gap:.9rem}
.ia2-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.8rem}
.ia2-card.locked{opacity:.45}
.ia2-card.done{border-color:color-mix(in oklch,var(--green) 35%,transparent)}
.ia2-card-h{display:flex;align-items:center;gap:.65rem}
.ia2-num{width:1.8rem;height:1.8rem;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 .78rem var(--font-mono);border:1.5px solid var(--border-2);color:var(--text-muted)}
.ia2-card.open .ia2-num{border-color:var(--accent);color:var(--accent)}
.ia2-card.done .ia2-num{border-color:var(--green);background:var(--green);color:var(--on-accent)}
.ia2-card-h h3{font-family:var(--font-serif);font-size:1.15rem}
.ia2-q{color:var(--text);font-size:.95rem;text-wrap:pretty}
.ia2-opts{display:flex;flex-wrap:wrap;gap:.45rem}
.ia2-opt{font:500 .86rem var(--font-sans);padding:.5rem .9rem;border-radius:var(--radius);border:1.5px solid var(--border-2);background:var(--surface2);color:var(--text);cursor:pointer;text-align:left}
.ia2-opt:hover:not(:disabled){border-color:var(--accent)}
.ia2-opt.sel{border-color:var(--accent);background:var(--accent-dim)}
.ia2-opt.right{border-color:var(--green);background:var(--green-dim)}
.ia2-opt.wrong{border-color:var(--red);background:var(--red-dim)}
.ia2-opt:disabled{cursor:default}
.ia2-opts.col{flex-direction:column;align-items:stretch}
.ia2-fb{font-size:.88rem;padding:.55rem .8rem;border-radius:var(--radius);background:var(--surface2);color:var(--text-2);text-wrap:pretty}
.ia2-fb.ok{background:var(--green-dim);color:var(--text)}
.ia2-fb.bad{background:var(--red-dim);color:var(--text)}
.ia2-fb.mid{background:var(--gold-dim);color:var(--text)}
.ia2-axis{display:flex;flex-direction:column;gap:.35rem}
.ia2-axis>span{font:600 .66rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.ia2-chip{font:500 .84rem var(--font-sans);padding:.35rem .75rem;border-radius:100px;border:1px solid var(--border-2);background:transparent;color:var(--text);cursor:pointer}
.ia2-chip:hover{border-color:var(--accent)}
.ia2-chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.ia2-live{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1rem;align-items:center}
.ia2-cap{font:600 .72rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.ia2-info{border:1px dashed var(--border-2);border-radius:var(--radius);padding:.7rem .9rem;font-size:.86rem;color:var(--text-2);text-wrap:pretty}
.ia2-skel{border:1.5px solid var(--gold);border-radius:var(--radius-lg);padding:1.3rem;display:flex;flex-direction:column;gap:.9rem;background:var(--gold-dim)}
.ia2-skel-h{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.ia2-skel-h h3{font-family:var(--font-serif);font-size:1.3rem}
.ia2-skel .iax-kv{grid-template-columns:8rem minmax(0,1fr)}
.ia2-ticklist{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem;font-size:.86rem;color:var(--text-2)}
.ia2-kit{display:flex;flex-wrap:wrap;gap:.3rem}
.ia2-kit span{font-size:.75rem;padding:.2rem .55rem;border-radius:100px}
.ia2-kit .ok{background:var(--green-dim);color:var(--green)}
.ia2-kit .no{background:var(--red-dim);color:var(--red)}
.ia2-kit .own{background:var(--surface3);color:var(--accent3)}
.ia2-basket{position:sticky;top:calc(var(--nav-h) + 1rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.7rem;max-height:calc(100vh - var(--nav-h) - 2rem);overflow:auto}
.ia2-basket h3{font-family:var(--font-serif);font-size:1.15rem;display:flex;align-items:center;gap:.5rem}
.ia2-item{border-top:1px solid var(--border);padding-top:.6rem;display:flex;flex-direction:column;gap:.25rem;font-size:.82rem}
.ia2-item-top{display:flex;align-items:center;gap:.4rem}
.ia2-item-top b{font:700 .7rem var(--font-mono)}
.ia2-item-top button.x{margin-left:auto;background:none;border:0;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1}
.ia2-item-top button.x:hover{color:var(--red)}
.ia2-item .go{background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--text);font:600 .86rem var(--font-sans)}
.ia2-item .go:hover{color:var(--accent)}
.ia2-item q{color:var(--text-2);font-style:italic}
@media (max-width:980px){.ia2{grid-template-columns:minmax(0,1fr)}.ia2-basket{position:static;max-height:none}.ia2-live{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.ia2-card{padding:1rem}.ia2-skel .iax-kv{grid-template-columns:minmax(0,1fr)}}
@media print{
  .ia2{display:block}.ia2-main{display:none !important}
  .ia2-basket{position:static;border:0;max-height:none;overflow:visible;background:#fff}
  .ia2-basket *{color:#000 !important;background:transparent !important}
}
.ia2-tech-h{margin-top:2.4rem}