body {background:#f8f9fb;}
html:fullscreen {background:#f8f9fb;overflow:auto;}
.zsa-ir {--zsa-max-width:1080px;--zsa-ir-cation:#184a93;--zsa-ir-cation-bg:#edf4ff;--zsa-ir-anion:#9a3a2a;--zsa-ir-anion-bg:#fff1eb;--zsa-ir-neutral:#23615b;--zsa-ir-neutral-bg:#eff8f5;--zsa-ir-line:#dce3ec;background:#f8f9fb;padding-top:22px;}
.zsa-ir p {margin:0;}
.zsa-ir h2,.zsa-ir h3 {margin:0;}
.zsa-ir [data-zsa-chrome][hidden] {display:none;}
.zsa-ir-header {position:relative;margin-bottom:28px;}
.zsa-ir-topline {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:0 0 20px;border-bottom:1px solid #dde4ed;}
.zsa-ir-identity {display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 400px;}
.zsa-ir .zsa-ir-brand {display:inline-flex;align-items:center;flex-shrink:0;min-height:52px;min-width:52px;text-decoration:none;color:var(--zsa-navy);}
.zsa-ir-brand img {display:block;flex-shrink:0;}
.zsa-ir-header-tools {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px;max-width:100%;margin-left:auto;}
.zsa-ir-header-buttons {display:flex;align-items:center;gap:8px;}
.zsa-ir .zsa-ir-share-toggle {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;min-height:44px;background:white;}
.zsa-ir-icon {width:18px;height:18px;flex-shrink:0;}
.zsa-ir-instructions-open {flex-shrink:0;}
.zsa-ir h1 {min-width:0;font-size:clamp(1.6rem,1.2rem + 1.2vw,2rem);letter-spacing:-.035em;line-height:1.15;margin:0;font-weight:650;}
.zsa-ir-lede {color:var(--zsa-navy);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);font-weight:500;}
.zsa-ir-intro {max-width:720px;font-size:15px;margin-top:9px!important;color:#536075;line-height:1.65;}
.zsa-ir .zsa-eyebrow {font-size:11px;letter-spacing:.12em;margin-bottom:8px;}
.zsa-ir-session {padding:0 2px 16px;}
.zsa-ir-session-heading {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:11px;}
.zsa-ir-session h2 {font-size:15px;font-weight:650;}
.zsa-ir-session p {font-size:13px;color:#58667a;}
.zsa-ir-meter {display:block;width:100%;height:6px;border:0;border-radius:99px;background:#e2e8f0;color:#3965a6;overflow:hidden;accent-color:#3965a6;}
.zsa-ir-meter::-webkit-progress-bar {background:#e2e8f0;}
.zsa-ir-meter::-webkit-progress-value {background:#3965a6;border-radius:99px;}
.zsa-ir-meter::-moz-progress-bar {background:#3965a6;border-radius:99px;}
.zsa-ir-workspace {padding:28px;border:1px solid var(--zsa-ir-line);border-radius:17px;background:white;box-shadow:0 4px 18px rgba(11,42,91,.035);}
.zsa-ir-section-heading {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.zsa-ir-workspace h2 {font-size:clamp(1.4rem,1.3rem + .5vw,1.75rem);font-weight:600;letter-spacing:-.025em;}
.zsa-ir-badge {max-width:100%;color:#6f480b;background:#fff1cc;border:1px solid #e3c16c;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600;}
.zsa-ir-reactant-panel {min-width:0;padding:17px;border:1px solid #e2e7ee;background:#f7f9fc;border-radius:12px;text-align:left;align-self:center;}
.zsa-ir-reactant-panel h3 {font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5b6b80;margin-bottom:8px;font-weight:650;}
.zsa-ir-reactants {display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px;}
.zsa-ir-condition {margin-top:8px!important;color:#5a6b80;font-size:12px;}
.zsa-ir-condition:empty {display:none;}
.zsa-ir-formula {font-size:25px;font-weight:550;line-height:1.5;letter-spacing:-.02em;color:var(--zsa-navy);white-space:nowrap;}
.zsa-ir-formula sub {font-size:.65em;line-height:0;vertical-align:-.22em;}
.zsa-ir-formula sup {font-size:.6em;line-height:0;vertical-align:.5em;}
.zsa-ir-symbol {color:#68778c;font-size:24px;line-height:1;flex-shrink:0;}
.zsa-ir-bank-header {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px;}
.zsa-ir-bank-header h3 {font-size:16px;font-weight:600;}
.zsa-ir-key {display:flex;flex-wrap:wrap;gap:12px;font-size:11px;font-weight:550;}
.zsa-ir-key-cation {color:var(--zsa-ir-cation);}
.zsa-ir-key-anion {color:var(--zsa-ir-anion);}
.zsa-ir-key-neutral {color:var(--zsa-ir-neutral);}
.zsa-ir-small {font-size:13px;color:#536075;line-height:1.65;}
.zsa-ir-bank {display:flex;align-items:stretch;flex-wrap:wrap;gap:9px;margin-top:15px;}
.zsa-ir-ion {min-width:100px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid #c5d7ef;border-radius:10px;background:var(--zsa-ir-cation-bg);color:var(--zsa-ir-cation);cursor:grab;font-size:20px;font-weight:550;}
.zsa-ir-ion .zsa-ir-formula {font-size:22px;color:inherit;}
.zsa-ir-ion--anion {border-color:#efd1c5;background:var(--zsa-ir-anion-bg);color:var(--zsa-ir-anion);}
.zsa-ir-ion--neutral {border-color:#cbe1da;background:var(--zsa-ir-neutral-bg);color:var(--zsa-ir-neutral);}
.zsa-ir-ion:hover:not(:disabled) {box-shadow:0 0 0 2px currentColor;}
.zsa-ir-ion[aria-pressed="true"] {outline:2px solid currentColor;outline-offset:2px;box-shadow:0 3px 8px rgba(11,42,91,.1);}
.zsa-ir-ion:disabled {cursor:default;opacity:.65;}
.zsa-ir-ion-name {font-size:12px;font-weight:500;}
.zsa-ir-selection {font-size:12px;color:#536075;min-height:24px;margin:10px 0 15px!important;}
.zsa-ir-products {display:flex;align-items:stretch;gap:9px;flex-wrap:wrap;min-width:0;}
.zsa-ir-product {flex:1 1 214px;min-width:0;margin:0;border:1px solid #dce3ec;border-radius:12px;padding:14px 10px;background:white;}
.zsa-ir-product > legend {padding:0 6px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.09em;color:#5b6b80;}
.zsa-ir-preview {text-align:center;min-height:38px;margin-top:12px!important;}
.zsa-ir-slot-name {font-size:11px;max-width:100%;overflow-wrap:anywhere;}
.zsa-ir-parts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start;}
.zsa-ir-compound {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;}
.zsa-ir-slot {border:1.5px dashed #acbbcf;background:#f7f9fc;color:#435974;border-radius:9px;min-height:68px;min-width:88px;max-width:100%;padding:9px 10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.3;font-size:12px;}
.zsa-ir-slot--cation {border-color:#9fb7d9;background:#f6f9ff;color:var(--zsa-ir-cation);}
.zsa-ir-slot--anion {border-color:#d6a38f;background:#fff8f4;color:var(--zsa-ir-anion);}
.zsa-ir-slot--neutral {border-color:#9abcb2;background:#f1f8f5;color:var(--zsa-ir-neutral);}
.zsa-ir-slot .zsa-ir-formula {color:inherit;font-size:22px;}
.zsa-ir-slot:hover:not(:disabled) {border-style:solid;background:#edf2fa;}
.zsa-ir-slot:disabled {border-style:solid;cursor:default;}
.zsa-ir-subscript {display:block;width:44px;max-width:100%;min-height:44px;padding:7px 3px;border:1px solid #b8c6d8;border-radius:7px;background:white;color:var(--zsa-navy);text-align:center;font-size:17px;-moz-appearance:textfield;appearance:textfield;}
.zsa-ir-product label {display:block;text-align:center;font-size:11px;color:#536075;}
.zsa-ir-tip {font-size:12px;line-height:1.7;color:#58667a;margin-top:17px!important;max-width:790px;}
.zsa-ir-actions {display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;}
.zsa-ir .zsa-btn {font-size:14px;font-weight:550;border-radius:9px;min-height:46px;padding:10px 17px;}
.zsa-ir .zsa-btn--primary {background:#194d9d;border-color:#194d9d;}
.zsa-ir .zsa-btn--primary:hover:not(:disabled) {background:var(--zsa-navy);}
.zsa-ir .zsa-btn:disabled {background:#e9edf2;border-color:#e2e7ed;color:#788699;}
.zsa-ir-quiet {border-color:#d8e0eb;color:#435570;}
.zsa-ir-feedback {padding:14px 17px;border:1px solid #cbd9ec;background:#f0f5fe;border-radius:11px;margin-top:17px;font-size:14px;}
.zsa-ir-feedback[data-kind="correct"] {color:#166534;background:#f0fdf4;border-color:#b5ddc2;}
.zsa-ir-feedback[data-kind="error"] {color:#9a2424;background:#fff5f3;border-color:#edc5bd;}
.zsa-ir-feedback[data-kind="hint"] {color:#584313;background:#fffbed;border-color:#e9dbab;}
.zsa-ir-balance {margin-top:0;}
.zsa-ir-balance > .zsa-ir-small {margin-top:10px;max-width:none;}
.zsa-ir-equation {display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:24px 0;}
.zsa-ir-term {display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%;}
.zsa-ir-stepper {display:inline-flex;align-items:center;gap:5px;flex-shrink:0;}
.zsa-ir-step-arrows {display:flex;flex-direction:column;gap:3px;}
.zsa-ir .zsa-ir-step {display:inline-flex;align-items:center;justify-content:center;width:48px;min-width:48px;min-height:48px;padding:0;border:1px solid #a8bad2;border-radius:8px;background:#edf4ff;color:#16458a;font-size:26px;line-height:1;}
.zsa-ir-step:hover {background:#dbeafe;border-color:#194d9d;}
.zsa-ir-step:active {background:#c7ddfc;}
.zsa-ir .zsa-ir-coefficient {width:56px;min-height:48px;padding:5px 3px;border:3px solid #194d9d;border-radius:8px;background:white;color:#123c78;font-size:24px;font-weight:600;text-align:center;-moz-appearance:textfield;appearance:textfield;}
.zsa-ir-coefficient::-webkit-inner-spin-button,.zsa-ir-coefficient::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
.zsa-ir-equation .zsa-ir-formula {font-size:34px;font-weight:600;}
.zsa-ir-equation > .zsa-ir-symbol {font-size:30px;}
.zsa-ir-count-controls {display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:13px;}
.zsa-ir-count-controls label {font-weight:550;color:#536075;}
.zsa-ir-count-controls select {min-height:44px;padding:8px 28px 8px 10px;border:1px solid #b8c8dc;border-radius:8px;background:white;color:#334e72;}
.zsa-ir-table-wrap {border:1px solid #dce3ec;border-radius:11px;overflow:hidden;}
.zsa-ir-table {width:100%;border-collapse:collapse;text-align:left;font-size:15px;}
.zsa-ir-table caption {caption-side:bottom;text-align:left;padding:11px 14px;font-size:12px;color:#58667a;background:#fafbfd;border-top:1px solid #e6ebf1;}
.zsa-ir-table th,.zsa-ir-table td {padding:11px 16px;border-bottom:1px solid #e6ebf1;}
.zsa-ir-table thead th {background:#f5f7fa;font-weight:550;font-size:12px;color:#536075;}
.zsa-ir-table tbody tr:last-child th,.zsa-ir-table tbody tr:last-child td {border-bottom:0;}
.zsa-ir-table th:not(:first-child),.zsa-ir-table td:not(:first-child) {text-align:center;}
.zsa-ir-table .zsa-ir-formula {font-size:19px;}
.zsa-ir-match {color:#7b4b35;font-size:12px;}
.zsa-ir-match--yes {color:#166534;font-size:22px;line-height:1;font-weight:700;}
.zsa-ir-finish {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-top:21px;}
.zsa-ir-finish > p {max-width:620px;flex:1 1 340px;font-size:12px;}
.zsa-ir-finish-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.zsa-ir-finish-actions button {flex-shrink:0;}
.zsa-ir-summary > .zsa-ir-lede {margin-top:12px;}
.zsa-ir-summary-totals {display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:25px 0 15px;}
.zsa-ir-stat {padding:17px;border:1px solid #dce4ef;border-radius:11px;background:#f8fafd;}
.zsa-ir-stat strong {display:block;font-size:33px;font-weight:600;color:var(--zsa-navy);line-height:1.2;letter-spacing:-.04em;}
.zsa-ir-stat span {display:block;font-size:12px;color:#52647e;margin-top:5px;}
.zsa-ir-summary-key {max-width:740px;}
.zsa-ir-summary-section {margin-top:27px;padding-top:22px;border-top:1px solid #e4e9f0;}
.zsa-ir-summary-section h3 {font-size:16px;font-weight:600;margin-bottom:13px;}
.zsa-ir-summary-types {display:grid;gap:9px;font-size:13px;color:#4b607c;}
.zsa-ir-summary-types > * {padding:9px 12px;background:#f7f9fc;border-radius:7px;}
.zsa-ir-summary-review {list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.zsa-ir-review-item {padding:14px 16px;border:1px solid #dce4ed;border-radius:10px;overflow-wrap:anywhere;}
.zsa-ir-review-equation {display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;margin:7px 0!important;}
.zsa-ir-review-equation .zsa-ir-formula {font-size:18px;}
.zsa-ir-review-status {font-size:12px;color:#52647e;font-weight:550;}
.zsa-ir-summary-note {margin-top:14px!important;}
.zsa-ir .zsa-footer {font-size:11px;justify-content:space-between;margin-top:34px;border-color:#dce2e9;color:#617086;gap:12px;}
.zsa-ir-footer-brand {display:inline-flex;align-items:center;gap:8px;color:#334e72;}
.zsa-ir-footer-brand img {display:block;}
.zsa-ir-footer-brand strong {font-weight:600;}
.zsa-ir-share-panel {margin-top:14px;padding:20px;border:1px solid #cdd9e9;border-radius:12px;background:white;box-shadow:0 7px 20px rgba(11,42,91,.06);}
.zsa-ir-share-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px;}
.zsa-ir-share-heading h2 {font-size:18px;font-weight:600;}
.zsa-ir .zsa-ir-icon-button {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #d5deea;border-radius:8px;background:#f7f9fc;color:#425a7b;font-size:24px;padding:0;line-height:1;}
.zsa-ir .zsa-ir-fullscreen-toggle {width:46px;min-width:46px;height:46px;min-height:46px;flex-shrink:0;background:white;}
.zsa-ir .zsa-ir-fullscreen-toggle[hidden] {display:none;}
.zsa-ir-fullscreen-toggle[aria-pressed="true"] {background:#edf4ff;border-color:#194d9d;}
.zsa-ir .zsa-ir-fullscreen-status {margin-top:12px;}
.zsa-ir-share-label {display:block;margin:14px 0 6px;font-size:12px;font-weight:600;color:#536075;}
.zsa-ir-share-link {display:flex;gap:8px;align-items:stretch;}
.zsa-ir-share-link input {display:block;flex:1 1 200px;min-width:0;min-height:46px;width:100%;border:1px solid #b8c8dc;border-radius:8px;padding:9px 11px;background:#f8fafd;color:#334e72;font-size:13px;}
.zsa-ir-share-options {display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;}
.zsa-ir-share-options a {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #d8e1ed;border-radius:8px;color:#355579;font-size:13px;text-decoration:none;background:white;}
.zsa-ir-share-options a:hover {background:#f0f5fd;}
.zsa-ir-share-status {min-height:21px;margin-top:10px!important;font-size:12px;color:#38623e;}
.zsa-ir-instructions {width:calc(100% - 32px);max-width:720px;max-height:85vh;overflow:auto;padding:24px;border:1px solid #c5d3e4;border-radius:15px;background:white;color:var(--zsa-slate);box-shadow:0 18px 60px rgba(11,42,91,.2);font-size:15px;line-height:1.6;}
.zsa-ir-instructions::backdrop {background:rgba(11,27,51,.45);}
.zsa-ir-instructions-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.zsa-ir-instructions-heading h2 {font-size:23px;line-height:1.25;font-weight:600;}
.zsa-ir-instructions-heading button {flex-shrink:0;}
.zsa-ir-instructions-steps {margin:18px 0;padding-left:23px;}
.zsa-ir-instructions-steps li {padding-left:4px;margin:12px 0;}
.zsa-ir-instructions-example {padding:15px 17px;border:1px solid #d6e2f2;border-radius:10px;background:#f5f8fd;}
.zsa-ir-instructions-example-label {font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#536782;}
.zsa-ir-instructions-equation {margin:6px 0 13px!important;color:var(--zsa-navy);font-size:22px;line-height:1.5;}
.zsa-ir-instructions-equation:last-child {margin-bottom:0!important;}
.zsa-ir-instructions-equation sub,.zsa-ir-instructions-steps sub {font-size:.7em;line-height:0;vertical-align:-.2em;}
.zsa-ir-instructions-equation sup,.zsa-ir-instructions-steps sup {font-size:.7em;line-height:0;vertical-align:.4em;}
.zsa-ir-instructions-note {margin-top:16px!important;font-size:13px;color:#536075;}
@media(max-width:740px) {
  .zsa-ir-workspace {padding:21px;}
  .zsa-ir-products {gap:13px;}
  .zsa-ir-product {padding:15px;}
  .zsa-ir-parts {gap:9px;}
  .zsa-ir-slot {min-width:86px;padding:8px;}
  .zsa-ir-finish {align-items:flex-start;flex-direction:column;gap:15px;}
  .zsa-ir-finish > p {flex:auto;}
}
@media(max-width:560px) {
  .zsa-ir {padding-top:15px;}
  .zsa-ir-topline {gap:10px;padding-bottom:15px;}
  .zsa-ir-identity {gap:10px;}
  .zsa-ir .zsa-ir-brand {min-width:44px;min-height:44px;}
  .zsa-ir-brand img {width:43px;height:auto;}
  .zsa-ir-header-tools {gap:10px;width:100%;justify-content:flex-end;}
  .zsa-ir .zsa-ir-instructions-open {padding:8px 10px;}
  .zsa-ir .zsa-ir-share-toggle {padding:8px 10px;}
  .zsa-ir h1 {font-size:25px;}
  .zsa-ir-intro {font-size:14px;}
  .zsa-ir-header {margin-bottom:23px;}
  .zsa-ir-session p {font-size:12px;}
  .zsa-ir-workspace {padding:19px 14px;border-radius:13px;}
  .zsa-ir-workspace h2 {font-size:1.4rem;}
  .zsa-ir-products {grid-template-columns:1fr;}
  .zsa-ir-product {padding:16px 12px;}
  .zsa-ir-parts {gap:8px;}
  .zsa-ir-compound {gap:6px;}
  .zsa-ir-slot {width:74px;min-width:74px;padding:8px 6px;}
  .zsa-ir-subscript {width:44px;}
  .zsa-ir-bank {gap:8px;}
  .zsa-ir-ion {min-width:calc(50% - 4px);flex:1;padding:8px 12px;}
  .zsa-ir-ion-name {font-size:11px;}
  .zsa-ir-small {font-size:12px;}
  .zsa-ir-reactants {gap:14px;}
  .zsa-ir-formula {font-size:23px;}
  .zsa-ir-equation {gap:11px 7px;}
  .zsa-ir-equation .zsa-ir-formula {font-size:28px;}
  .zsa-ir-equation > .zsa-ir-symbol {font-size:25px;}
  .zsa-ir .zsa-ir-coefficient {width:52px;font-size:23px;}
  .zsa-ir-table {font-size:13px;}
  .zsa-ir-table th,.zsa-ir-table td {padding:10px 7px;}
  .zsa-ir-table thead th {font-size:11px;}
  .zsa-ir-table caption {padding:10px;font-size:11px;}
  .zsa-ir-finish-actions {width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .zsa-ir-finish-actions .zsa-btn {padding:10px 8px;}
  .zsa-ir-summary-totals {grid-template-columns:1fr 1fr;gap:9px;}
  .zsa-ir-stat {padding:14px 12px;}
  .zsa-ir-stat strong {font-size:29px;}
  .zsa-ir-review-item {padding:12px;}
  .zsa-ir-share-panel {padding:15px;}
  .zsa-ir-share-link {flex-wrap:wrap;}
  .zsa-ir-share-link input {flex-basis:100%;}
  .zsa-ir-share-link .zsa-btn {width:100%;}
  .zsa-ir-share-options {gap:7px;}
  .zsa-ir-share-options a {flex:1 1 95px;}
  .zsa-ir-instructions {padding:18px 15px;font-size:14px;}
  .zsa-ir-instructions-heading h2 {font-size:20px;}
  .zsa-ir-instructions-equation {font-size:19px;}
}

/* Choose a round, then read the equation from left to right. */
.zsa-ir-setup > .zsa-ir-small {margin-top:12px;}
.zsa-ir-type-picker {margin:23px 0 0;padding:0;border:0;min-width:0;}
.zsa-ir-type-picker legend {font-size:13px;font-weight:600;color:#435974;margin-bottom:10px;}
.zsa-ir-type-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:780px;}
.zsa-ir-type-option {display:flex;align-items:center;gap:11px;min-height:60px;padding:11px 14px;border:1px solid #d4dfed;border-radius:10px;background:#f8fafd;color:#294a76;font-size:15px;cursor:pointer;}
.zsa-ir-type-option:has(input:checked) {border-color:#87a6d3;background:#eef4ff;}
.zsa-ir-type-option input {flex-shrink:0;width:44px;height:44px;margin:0;accent-color:#194d9d;cursor:pointer;}
.zsa-ir-setup-error {margin-top:15px!important;padding:11px 14px;border:1px solid #edc5bd;border-radius:8px;background:#fff5f3;color:#9a2424;font-size:14px;}
.zsa-ir-reaction-row {display:grid;grid-template-columns:minmax(150px,.8fr) 36px minmax(0,2.6fr);gap:15px;align-items:center;margin:23px 0 22px;}
.zsa-ir-reaction-arrow {align-self:center;justify-self:center;color:#3e5b82;font-size:37px;line-height:1;}
.zsa-ir-product-side {min-width:0;}
.zsa-ir-product-plus {display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 15px;color:#657a94;font-size:24px;}
.zsa-ir-bank-section {border-top:1px solid #e1e7ef;padding-top:19px;}
.zsa-ir-subscript-field {display:flex;align-items:center;flex-direction:column;gap:5px;max-width:100%;}
.zsa-ir-sub-control {display:flex;align-items:center;gap:4px;max-width:100%;}
.zsa-ir-sub-arrows {display:flex;flex-direction:column;gap:3px;}
.zsa-ir .zsa-ir-sub-step {display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #b4c4da;border-radius:7px;background:#edf4ff;color:#214c87;font-size:18px;line-height:1;}
.zsa-ir-sub-step:hover:not(:disabled) {background:#dceafd;border-color:#789bc8;}
.zsa-ir-sub-step:disabled {cursor:default;background:#f0f2f6;color:#8391a4;border-color:#d8dfe8;}
.zsa-ir-subscript::-webkit-inner-spin-button,.zsa-ir-subscript::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
@media(max-width:740px) {
  .zsa-ir-reaction-row {grid-template-columns:minmax(116px,.7fr) 28px minmax(0,1.6fr);gap:10px;}
  .zsa-ir-reactant-panel {padding:12px 9px;}
  .zsa-ir-reactants {gap:6px;}
  .zsa-ir-reactants > .zsa-ir-formula {font-size:19px;}
  .zsa-ir-products {gap:8px;}
  .zsa-ir-product {flex-basis:100%;padding:13px 8px;}
  .zsa-ir-product-plus {flex-basis:100%;height:15px;}
}
@media(max-width:560px) {
  .zsa-ir-type-options {grid-template-columns:1fr;}
  .zsa-ir-type-option {min-height:58px;padding:7px 10px;font-size:14px;}
  .zsa-ir-reaction-row {grid-template-columns:minmax(88px,.7fr) 22px minmax(0,1.25fr);gap:8px;margin-top:20px;}
  .zsa-ir-reactant-panel {padding:11px 4px;}
  .zsa-ir-reactants {display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
  .zsa-ir-reactants > .zsa-ir-formula {font-size:15px;}
  .zsa-ir-reactants > .zsa-ir-symbol {font-size:19px;}
  .zsa-ir-reactant-panel h3 {font-size:10px;letter-spacing:.06em;}
  .zsa-ir-condition {font-size:10px;overflow-wrap:anywhere;}
  .zsa-ir-reaction-arrow {font-size:28px;}
  .zsa-ir-product {padding:12px 6px;}
  .zsa-ir-product > legend {font-size:10px;padding:0 3px;letter-spacing:.035em;}
  .zsa-ir-parts {grid-template-columns:1fr;gap:13px;}
  .zsa-ir-slot {width:88px;min-width:88px;min-height:63px;font-size:11px;padding:8px 5px;}
  .zsa-ir-slot .zsa-ir-formula {font-size:20px;}
  .zsa-ir-preview {margin-top:12px!important;}
  .zsa-ir-preview .zsa-ir-formula {font-size:19px;}
  .zsa-ir-bank-header {gap:7px;}
  .zsa-ir-bank-header h3 {font-size:15px;}
}