/* §2 — Site Health Monitor: nine instrument cards (replaces the flat chip grid) */
    .rsg-page .iw-monitor { margin: -16px 0 0; }
    .rsg-page .iw-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-md); padding: 13px 18px; margin-bottom: 20px; }
    .rsg-page .iw-bar-left { display: inline-flex; align-items: center; gap: 13px; }
    .rsg-page .iw-dots { display: inline-flex; gap: 6px; }
    .rsg-page .iw-dots span { width: 10px; height: 10px; border-radius: 50%; display: block; }
    .rsg-page .iw-dots .r { background: #FF5F56; } .rsg-page .iw-dots .y { background: #FFBD2E; } .rsg-page .iw-dots .g { background: #27C93F; }
    .rsg-page .iw-live { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; color: var(--ink-900); }
    .rsg-page .iw-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 4px rgba(44,122,75,0.2); }
    .rsg-page .iw-legend { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; color: var(--green-700); background: var(--green-50); border: 1px solid rgba(44,122,75,0.2); border-radius: 999px; padding: 6px 12px; }
    .rsg-page .iw-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
    @media (min-width: 620px) { .rsg-page .iw-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 980px) { .rsg-page .iw-grid { grid-template-columns: repeat(3, 1fr); } }
    .rsg-page .iw-card { position: relative; overflow: hidden; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 2px 10px rgba(17,17,17,0.05); padding: 20px; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s, border-color .25s; }
    .rsg-page .iw-card:hover { transform: translateY(-3px); border-color: rgba(44,122,75,0.35); box-shadow: 0 16px 36px rgba(0,0,0,0.08); }
    .rsg-page .iw-card::after { content: ""; position: absolute; top: -34px; left: -34px; width: 120px; height: 120px; background: radial-gradient(circle, rgba(44,122,75,0.08) 0%, transparent 70%); pointer-events: none; }
    .rsg-page .iw-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; position: relative; z-index: 1; }
    .rsg-page .iw-chip { width: 34px; height: 34px; border-radius: 9px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 6px 14px rgba(44,122,75,0.24); }
    .rsg-page .iw-chip svg { width: 18px !important; height: 18px !important; }
    .rsg-page .iw-status { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: var(--green-600); background: var(--green-50); border-radius: 999px; padding: 5px 10px; white-space: nowrap; }
    .rsg-page .iw-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); flex-shrink: 0; }
    .rsg-page .iw-viz { height: 92px; border: 1px solid var(--line-2); border-radius: 10px; background: #FBFCFB; padding: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
    .rsg-page .iw-viz svg { max-width: 100%; }
    .rsg-page .iw-card h3 { font-family: var(--font-display); font-size: 15.5px; font-weight: 700; color: var(--ink-900); margin: 14px 0 5px; line-height: 1.3; position: relative; z-index: 1; }
    .rsg-page .iw-card > p { font-size: 13px; line-height: 1.55; color: var(--ink-500); margin: 0; position: relative; z-index: 1; }
    .rsg-page .iw-foot { font-size: 14px; line-height: 1.6; color: var(--ink-500); margin: 20px 0 0; font-style: italic; }
    /* viz 1 — uptime ribbon */
    .rsg-page .iwv-ribbon { display: flex; align-items: flex-end; gap: 3px; width: 100%; height: 100%; }
    .rsg-page .iwv-ribbon i { flex: 1 1 auto; min-width: 3px; border-radius: 2px; background: var(--green-500); opacity: .88; }
    .rsg-page .iwv-ribbon i.live { background: linear-gradient(180deg, var(--green-500), var(--green-700)); opacity: 1; }
    /* viz 2 — version bump */
    .rsg-page .iwv-stack { display: flex; flex-direction: column; align-items: center; gap: 10px; }
    .rsg-page .iwv-verrow { display: inline-flex; align-items: center; gap: 8px; }
    .rsg-page .iwv-vchip { font-family: var(--font-mono); font-size: 11px; font-weight: 700; padding: 4px 9px; border-radius: 7px; }
    .rsg-page .iwv-vchip.old { background: var(--green-50); color: var(--green-700); border: 1px solid var(--line); }
    .rsg-page .iwv-vchip.new { background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: inline-flex; align-items: center; gap: 5px; }
    .rsg-page .iwv-vchip.new svg { width: 11px !important; height: 11px !important; }
    .rsg-page .iwv-arrow svg { width: 15px !important; height: 15px !important; }
    .rsg-page .iwv-toggle { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: var(--ink-500); }
    .rsg-page .iwv-sw { width: 26px; height: 15px; border-radius: 999px; background: var(--green-500); position: relative; flex-shrink: 0; }
    .rsg-page .iwv-sw::after { content: ""; position: absolute; top: 2px; right: 2px; width: 11px; height: 11px; border-radius: 50%; background: #fff; }
    /* viz 3 — form receipt */
    .rsg-page .iwv-form { display: flex; align-items: center; gap: 10px; justify-content: center; }
    .rsg-page .iwv-fmock { display: flex; flex-direction: column; gap: 4px; width: 64px; }
    .rsg-page .iwv-fline { height: 6px; border-radius: 3px; background: var(--line-2); }
    .rsg-page .iwv-fbtn { height: 11px; border-radius: 3px; background: var(--green-500); margin-top: 2px; }
    .rsg-page .iwv-env { color: var(--green-600); position: relative; display: inline-flex; }
    .rsg-page .iwv-env svg { width: 34px !important; height: 34px !important; }
    .rsg-page .iwv-envck { position: absolute; right: -5px; bottom: -3px; width: 16px; height: 16px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(44,122,75,0.4); }
    .rsg-page .iwv-envck svg { width: 9px !important; height: 9px !important; }
    /* viz 4 — tap call */
    .rsg-page .iwv-call { display: flex; align-items: center; gap: 14px; }
    .rsg-page .iwv-phoneframe { position: relative; border: 1px solid var(--line); border-radius: 9px; padding: 10px 9px; background: #fff; }
    .rsg-page .iwv-callbtn { display: inline-flex; align-items: center; gap: 5px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; font-family: var(--font-display); font-weight: 700; font-size: 9.5px; padding: 6px 10px; border-radius: 6px; }
    .rsg-page .iwv-callbtn svg { width: 11px !important; height: 11px !important; }
    .rsg-page .iwv-ripple { position: absolute; top: -6px; right: -10px; }
    .rsg-page .iwv-ripple svg { width: 34px !important; height: 34px !important; }
    .rsg-page .iwv-wave { display: inline-flex; align-items: flex-end; gap: 3px; height: 30px; }
    .rsg-page .iwv-wave i { width: 4px; border-radius: 2px; background: var(--green-500); }
    /* viz 5 — sparkline */
    .rsg-page .iwv-spark { width: 100%; }
    .rsg-page .iwv-spark svg { width: 100% !important; height: 62px !important; display: block; }
    /* viz 6 — shield scan */
    .rsg-page .iwv-shield { display: flex; align-items: center; gap: 14px; justify-content: center; }
    .rsg-page .iwv-shieldwrap { position: relative; overflow: hidden; border-radius: 6px; display: inline-flex; }
    .rsg-page .iwv-shieldwrap svg.sh { width: 46px !important; height: 46px !important; }
    .rsg-page .iwv-scan { position: absolute; left: 2px; right: 2px; top: 4px; height: 2px; background: var(--green-500); border-radius: 2px; box-shadow: 0 0 8px 1px rgba(44,122,75,0.65); }
    .rsg-page .iwv-files { display: flex; flex-direction: column; gap: 6px; }
    .rsg-page .iwv-frow { display: flex; align-items: center; gap: 6px; }
    .rsg-page .iwv-frow > span:first-child { width: 30px; height: 6px; border-radius: 3px; background: var(--line-2); }
    .rsg-page .iwv-fck { width: 14px; height: 14px; border-radius: 50%; background: var(--green-50); display: inline-flex; align-items: center; justify-content: center; }
    .rsg-page .iwv-fck svg { width: 8px !important; height: 8px !important; }
    /* viz 7 — backups */
    .rsg-page .iwv-backup { display: flex; flex-direction: column; align-items: center; gap: 11px; }
    .rsg-page .iwv-days { display: inline-flex; gap: 6px; }
    .rsg-page .iwv-day { width: 15px; height: 15px; border-radius: 50%; background: var(--green-500); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
    .rsg-page .iwv-day svg { width: 8px !important; height: 8px !important; }
    .rsg-page .iwv-day.today { box-shadow: 0 0 0 3px rgba(44,122,75,0.25); }
    .rsg-page .iwv-restore { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--green-500); color: var(--green-600); border-radius: 7px; padding: 5px 11px; font-family: var(--font-display); font-weight: 700; font-size: 10px; }
    .rsg-page .iwv-restore svg { width: 12px !important; height: 12px !important; }
    /* viz 8 — edit track */
    .rsg-page .iwv-edit { display: flex; flex-direction: column; align-items: center; gap: 11px; }
    .rsg-page .iwv-track { display: inline-flex; align-items: center; gap: 7px; }
    .rsg-page .iwv-am { width: 22px; height: 22px; border-radius: 50%; background: var(--green-50); color: var(--green-600); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .rsg-page .iwv-am svg { width: 12px !important; height: 12px !important; }
    .rsg-page .iwv-tnode { font-family: var(--font-mono); font-size: 8.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 4px 8px; border-radius: 6px; display: inline-flex; align-items: center; gap: 4px; }
    .rsg-page .iwv-tnode.sub { background: var(--green-50); color: var(--green-700); border: 1px solid var(--line); }
    .rsg-page .iwv-tnode.done { background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; }
    .rsg-page .iwv-tnode.done svg { width: 9px !important; height: 9px !important; }
    .rsg-page .iwv-tbar { width: 16px; height: 3px; border-radius: 2px; background: var(--green-500); }
    .rsg-page .iwv-cal { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 8.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-700); background: #fff; border: 1px solid var(--line); border-radius: 7px; padding: 5px 9px; }
    .rsg-page .iwv-cal svg { width: 12px !important; height: 12px !important; color: var(--green-600); }
    /* viz 9 — report doc */
    .rsg-page .iwv-doc { width: 124px; background: #fff; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
    .rsg-page .iwv-doc-top { background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; font-family: var(--font-mono); font-size: 7.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 8px; display: flex; justify-content: space-between; align-items: center; }
    .rsg-page .iwv-doc-body { padding: 7px 9px; display: flex; flex-direction: column; gap: 5px; }
    .rsg-page .iwv-drow { display: flex; align-items: center; gap: 6px; font-family: var(--font-body); font-size: 8.5px; color: var(--ink-700); font-weight: 600; }
    .rsg-page .iwv-drow::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--green-500); flex-shrink: 0; }
    @media (prefers-reduced-motion: no-preference) {
      .rsg-page .iw-live::before { animation: pulse 2s infinite; }
      .rsg-page .iwv-ribbon i.live { animation: iwPulse 1.6s ease-in-out infinite; }
      .rsg-page .iwv-scan { animation: iwScan 2.6s ease-in-out infinite; }
      .rsg-page .iwv-ripple svg { transform-origin: center; animation: iwRip 2.4s ease-out infinite; }
    }
    @keyframes iwPulse { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }
    @keyframes iwScan { 0% { top: 4px; } 50% { top: 38px; } 100% { top: 4px; } }
    @keyframes iwRip { 0% { opacity: .8; transform: scale(.7); } 70%, 100% { opacity: 0; transform: scale(1.1); } }
    @media (max-width: 600px) { .rsg-page .iw-card { padding: 18px; } }
    /* §2 closing CTA band (mobile-first: column base -> row at >=721px) */
    .rsg-page .s2cta-band { position: relative; overflow: hidden; margin-top: 36px; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 24px 22px; background: linear-gradient(135deg, #FFFFFF 0%, var(--green-50) 100%); border: 1px solid rgba(44,122,75,0.22); border-left: 5px solid var(--green-500); border-radius: 18px; box-shadow: 0 10px 30px rgba(44,122,75,0.10); }
    .rsg-page .s2cta-band::before { content: ""; position: absolute; top: -80px; right: -60px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(44,122,75,0.12), transparent 65%); pointer-events: none; z-index: 0; }
    .rsg-page .s2cta-copy, .rsg-page .s2cta-action { position: relative; z-index: 1; width: 100%; min-width: 0; }
    .rsg-page .s2cta-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; background: var(--green-50); color: var(--green-700); border-radius: 999px; font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1; }
    .rsg-page .s2cta-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 4px rgba(44,122,75,0.18); flex: 0 0 auto; }
    .rsg-page .s2cta-head { font-family: var(--font-display); font-size: clamp(19px, 2.4vw, 23px); font-weight: 800; line-height: 1.25; color: var(--ink-900); margin: 12px 0 0; }
    .rsg-page .s2cta-sub { font-family: var(--font-body); font-size: 14.5px; line-height: 1.55; color: var(--ink-2); margin: 8px 0 0; }
    .rsg-page .s2cta-action { display: flex; flex-direction: column; align-items: stretch; width: 100%; }
    .rsg-page .s2cta-action .btn { width: 100%; justify-content: center; }
    .rsg-page .s2cta-action .btn svg { width: 18px !important; height: 18px !important; }
    .rsg-page .s2cta-micro { font-family: var(--font-body); font-size: 11.5px; color: var(--ink-500); margin-top: 10px; text-align: center; }
    @media (prefers-reduced-motion: no-preference) { .rsg-page .s2cta-dot { animation: iwPulse 2s infinite; } }
    @media (min-width: 721px) {
      .rsg-page .s2cta-band { flex-direction: row; align-items: center; justify-content: space-between; gap: 28px; padding: 30px 34px; }
      .rsg-page .s2cta-copy { flex: 1 1 320px; width: auto; }
      .rsg-page .s2cta-action { flex: 0 0 auto; align-items: flex-end; width: auto; }
      .rsg-page .s2cta-action .btn { width: auto; }
      .rsg-page .s2cta-micro { text-align: right; }
    }