/* Scoped IntoChemistry synthesis interface; no global WordPress/theme overrides. */
.icv13-syn{--navy:#12345b;--blue:#1265c9;--line:#c9dff1;--muted:#536d86;--pale:#eff7ff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--navy);max-width:1440px;margin:20px auto;line-height:1.6}
.icv13-syn *{box-sizing:border-box}.icv13-syn h2,.icv13-syn h3,.icv13-syn h4{color:var(--navy);line-height:1.24;margin:0 0 12px}.icv13-syn h2{font-size:clamp(1.65rem,2.7vw,2.55rem)}.icv13-syn h3{font-size:1.25rem}.icv13-syn p{margin:8px 0 16px}.icv13-syn-hero{background:linear-gradient(125deg,#edf6ff,#fff);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr minmax(280px,.92fr);gap:26px;align-items:center;margin-bottom:22px}.icv13-syn-hero .icv13-syn-figure{width:100%;height:auto;border-radius:10px}.icv13-syn-kicker{color:#0367a3;font-size:.74rem;letter-spacing:.07em;font-weight:800;text-transform:uppercase}.icv13-syn-pill{display:inline-block;border-radius:25px;padding:5px 13px;background:#dceefa;color:#0b5596;font-size:.86rem;font-weight:600;margin:6px 8px 0 0}.icv13-syn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.icv13-syn-card,.icv13-syn-route{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 3px 14px rgba(31,71,119,.05)}.icv13-syn-card .icv13-syn-figure{width:100%;height:auto;display:block}.icv13-syn-card>div{padding:18px}.icv13-syn-card a,.icv13-syn a{color:#075cba}.icv13-syn-muted,.icv13-syn-note{color:var(--muted);font-size:.89rem}.icv13-syn-layout{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(0,2.4fr) minmax(190px,.95fr);gap:17px;align-items:start}.icv13-syn-layout>nav,.icv13-syn-layout>aside{border:1px solid var(--line);background:#f7fbff;border-radius:14px;padding:20px;position:sticky;top:18px}.icv13-syn-layout nav ol{padding-left:22px}.icv13-syn-layout nav li{margin:9px 0}.icv13-syn-body>section{border:1px solid var(--line);background:white;border-radius:14px;padding:23px;margin-bottom:15px;scroll-margin-top:20px}.icv13-syn-objective{background:#e9f8f4!important}.icv13-syn-num{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#136bc5;color:#fff;font-size:.9rem;margin-right:10px}.icv13-syn-files{padding-left:18px}.icv13-syn-files li{margin-bottom:8px}.icv13-syn details{border:1px solid var(--line);padding:10px 13px;border-radius:9px;background:#f7fbff}.icv13-syn summary{cursor:pointer;color:#075cba;font-weight:650}.icv13-syn-workspace{display:grid;grid-template-columns:minmax(205px,.8fr) minmax(0,2.6fr);gap:18px}.icv13-syn-workspace>aside{border:1px solid var(--line);border-radius:14px;padding:20px;background:#f7fbff}.icv13-syn label{font-weight:650;display:block;margin-bottom:8px}.icv13-syn select,.icv13-syn input[type=search]{border:1px solid #aec8e1;border-radius:9px;background:#fff;color:var(--navy);width:100%;padding:11px 12px;font:inherit}.icv13-syn button{background:#1265c9;border:0;border-radius:9px;padding:11px 15px;font:inherit;font-weight:650;color:#fff;cursor:pointer;min-height:44px}.icv13-syn button:hover{background:#064b9c}.icv13-syn button:focus-visible,.icv13-syn a:focus-visible,.icv13-syn input:focus-visible,.icv13-syn select:focus-visible{outline:3px solid #f7b955;outline-offset:3px}.icv13-syn button:disabled{opacity:.55;cursor:not-allowed}.icv13-syn-new{width:100%;margin-top:14px}.icv13-syn-board{padding:27px;background:#fff;border:1px solid var(--line);border-radius:14px;min-height:420px}.icv13-syn-meta{color:var(--muted);font-size:.87rem;font-weight:700;margin-bottom:12px}.icv13-syn-transformation{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:center;text-align:center;gap:10px;border-radius:12px;padding:20px 15px;margin:16px 0 24px;background:#eef7ff;color:#15416a;font-size:clamp(.83rem,1.2vw,1.07rem);font-weight:700;overflow-wrap:anywhere}.icv13-syn-transformation span{font-size:1.55rem;color:#0a68c8}.icv13-syn-choices{border:none;padding:0;margin:15px 0}.icv13-syn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.icv13-syn-choice{display:flex!important;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:13px!important;margin-bottom:10px!important;font-weight:450!important;cursor:pointer;background:#fff}.icv13-syn-choice:has(input:checked){background:#eef6ff;border-color:#1a76df}.icv13-syn-choice input{accent-color:#176dcc;flex-shrink:0;margin-top:5px}.icv13-syn-actions{display:flex;gap:10px;flex-wrap:wrap}.icv13-syn-hint{background:#e4eff9!important;color:#16477d!important}.icv13-syn-feedback{padding:14px 16px;margin:14px 0!important;border-radius:10px;background:#eef5fc}.icv13-syn-feedback:empty{display:none}.icv13-syn-feedback[data-status=correct]{background:#e3f6ed;color:#075532}.icv13-syn-feedback[data-status=incorrect]{background:#fff0ee;color:#972b23}.icv13-syn-done{background:#dff7e9;padding:16px;border-radius:8px}.icv13-syn-toolbar{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:15px}.icv13-syn-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.icv13-syn-route{padding:20px}.icv13-syn-route[hidden]{display:none}.icv13-syn-route h3{margin:8px 0}.icv13-syn-count{font-weight:650}.icv13-syn-empty{background:#fff4e8;padding:20px;border-radius:8px}
@media(max-width:1000px){.icv13-syn-layout{grid-template-columns:minmax(160px,.7fr) minmax(0,2fr)}.icv13-syn-layout>aside{grid-column:2;position:static}.icv13-syn-workspace{grid-template-columns:1fr}.icv13-syn-workspace>aside{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.icv13-syn-workspace>aside label{width:100%}.icv13-syn-workspace>aside select{max-width:280px}.icv13-syn-new{width:auto}}
@media(max-width:680px){.icv13-syn-hero{grid-template-columns:1fr;padding:19px;gap:12px}.icv13-syn-grid,.icv13-syn-library-grid,.icv13-syn-layout,.icv13-syn-toolbar{grid-template-columns:1fr}.icv13-syn-layout>nav,.icv13-syn-layout>aside{position:static;grid-column:auto}.icv13-syn-layout>nav{padding:16px}.icv13-syn-board{padding:16px}.icv13-syn-transformation{gap:4px;padding:14px 7px;font-size:.83rem}.icv13-syn-syn-route{padding:15px}.icv13-syn-workspace>aside{display:block}.icv13-syn-new{width:100%}}

/* v13.21 keyboard focus and narrow-screen containment. */
.icv13-syn :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #12345b;outline-offset:3px;box-shadow:0 0 0 2px white}
.icv13-syn-choices{min-inline-size:0}.icv13-syn-choice span{min-width:0;overflow-wrap:anywhere}
.icv13-syn summary{min-height:24px}.icv13-syn button:disabled{opacity:1;background:#e4eff9;color:#16477d}