.si-ci-compare {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 20px;
  }
  .si-ci-card {
    border-radius: 14px;
    padding: 18px 16px;
    text-align: center;
    border: 2px solid transparent;
    transition: border-color .25s;
  }
  .si-ci-card.si-card {
    background: #e8f0fe;
    border-color: #1a73e8;
  }
  .si-ci-card.ci-card {
    background: #e6f4ec;
    border-color: var(--green);
  }
  .si-ci-card__type {
    font-family: var(--font-head);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  .si-ci-card.si-card .si-ci-card__type { color: #1a73e8; }
  .si-ci-card.ci-card .si-ci-card__type { color: var(--green); }
 
  .si-ci-card__amount {
    font-family: var(--font-head);
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--navy);
    margin-bottom: 4px;
  }
  .si-ci-card__label {
    font-size: .75rem;
    color: var(--gray);
  }
  .si-ci-card__interest {
    margin-top: 8px;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .9rem;
  }
  .si-ci-card.si-card .si-ci-card__interest { color: #1a73e8; }
  .si-ci-card.ci-card .si-ci-card__interest { color: var(--green); }
 
  /* ── CI advantage badge ──────────────────────────────────── */
  .ci-advantage {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--green-d), var(--green));
    color: var(--white);
    border-radius: 10px;
    padding: 11px 16px;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .88rem;
    margin-bottom: 20px;
    text-align: center;
  }
  .ci-advantage i { font-size: .9rem; opacity: .85; }
  .ci-advantage--hidden { display: none; }
 
  /* ── Rule of 72 insight box ─────────────────────────────── */
  .rule72-box {
    background: #fff0e8;
    border-left: 3px solid var(--orange);
    border-radius: 0 8px 8px 0;
    padding: 10px 14px;
    font-size: .82rem;
    color: var(--navy);
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .rule72-box strong { color: var(--orange); }
  .rule72-box--hidden { display: none; }
 
  /* ── Compounding frequency selector ─────────────────────── */
  /* Uses global .calc-tabs / .calc-tab                        */
 
  /* ── Line chart: taller for dual-curve view ─────────────── */
  .si-ci-chart-wrap { position: relative; height: 260px; }
 
  /* ── Year-by-year comparison table column colours ───────── */
  .ps-si-amount   { color: #1a73e8; font-weight: 600; }
  .ps-ci-amount   { color: var(--green); font-weight: 700; }
  .ps-ci-gain     { color: var(--orange); font-size: .78rem; }
  .ps-year-label  { color: var(--navy); font-weight: 600; }
 
  /* ── Single mode: show only relevant card ───────────────── */
  .si-ci-compare.si-only .ci-card { opacity: .35; pointer-events: none; }
  .si-ci-compare.ci-only .si-card { opacity: .35; pointer-events: none; }
 
  /* ── Responsive ─────────────────────────────────────────── */
  @media (max-width: 480px) {
    .si-ci-compare { grid-template-columns: 1fr; }
  }