/* ClearSignal report (checkup model 3). Uses the host page's font and brand colors when they exist. */
.csr{--csr-ink:#0f172a;--csr-text:#334155;--csr-muted:#64748b;--csr-line:#e2e8f0;--csr-soft:#f8fafc;--csr-brand:var(--signal-deep,#0e7490);--csr-good:#16a34a;--csr-ok:#d97706;--csr-bad:#dc2626;
  color:var(--csr-text);font-size:16px;line-height:1.55;text-align:left}
.csr *{box-sizing:border-box}
.csr h3,.csr h4{color:var(--csr-ink);margin:0;line-height:1.25;letter-spacing:-.01em}
.csr p{margin:0 0 8px}
.csr-card{background:#fff;border:1px solid var(--csr-line);border-radius:18px;padding:24px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06);margin-bottom:16px}
.csr-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--csr-muted);margin-bottom:4px!important}
.csr-url{color:var(--csr-muted);font-size:14px;word-break:break-all}
.csr-tone-great,.csr-tone-good{color:var(--csr-good)}.csr-tone-ok{color:var(--csr-ok)}.csr-tone-bad{color:var(--csr-bad)}

.csr-score{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px 30px;align-items:center}
.csr-score-main{display:flex;align-items:center;gap:18px}
.csr-headline{font-size:28px;font-weight:800;margin-bottom:6px!important}
.csr-gauge{position:relative;width:230px;flex:none}
.csr-gauge svg{display:block;width:100%;height:auto;overflow:visible}
.csr-face{stroke:var(--csr-line);stroke-width:1}
.csr-tick{stroke:#cbd5e1;stroke-width:1.5;stroke-linecap:round}.csr-tick.is-major{stroke:#94a3b8;stroke-width:2.5}
.csr-track{fill:none;stroke:#e2e8f0;stroke-width:20;stroke-linecap:round}
.csr-value{fill:none;stroke-width:20;stroke-linecap:round;animation:csr-draw 1.4s cubic-bezier(.22,1,.36,1) both}
.csr-goal{stroke:#16a34a;stroke-width:3;stroke-linecap:round}
.csr-knob{transform-box:view-box;transform-origin:130px 130px;animation:csr-knob 1.4s cubic-bezier(.22,1,.36,1) both}
.csr-knob-dot{fill:currentColor}
.csr-end{font-size:12px;fill:#94a3b8;font-weight:600;text-anchor:middle}.csr-goal-text{font-size:11px;fill:#64748b;font-weight:700}
.csr-gauge-text{position:absolute;left:0;right:0;top:30%;display:flex;flex-direction:column;align-items:center}
.csr-gauge-text strong{font-size:56px;line-height:1;font-weight:800;color:var(--csr-ink);font-variant-numeric:tabular-nums}
.csr-gauge-text span{font-size:13px;color:var(--csr-muted)}
.csr-gauge-text em{font-style:normal;margin-top:8px;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px}
.csr-gauge.csr-tone-great em,.csr-gauge.csr-tone-good em{background:#dcfce7;color:#15803d}
.csr-gauge.csr-tone-ok em{background:#fef3c7;color:#b45309}.csr-gauge.csr-tone-bad em{background:#fee2e2;color:#b91c1c}
@keyframes csr-draw{from{stroke-dashoffset:var(--csr-len)}}
@keyframes csr-knob{from{transform:rotate(0deg)}}

.csr-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.csr-donut{display:flex;align-items:center;gap:12px;background:var(--csr-soft);border-radius:14px;padding:12px}
.csr-donut-ring{position:relative;width:78px;height:78px;flex:none}
.csr-donut-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.csr-donut-track{fill:none;stroke:#e2e8f0;stroke-width:11}
.csr-donut-value{fill:none;stroke:currentColor;stroke-width:11;stroke-linecap:round;animation:csr-draw 1.2s cubic-bezier(.22,1,.36,1) both}
.csr-donut-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--csr-ink)}
.csr-donut.csr-tone-good{color:#16a34a}.csr-donut.csr-tone-ok{color:#f59e0b}.csr-donut.csr-tone-bad{color:#ef4444}.csr-donut.csr-tone-none{color:#cbd5e1}
.csr-donut-copy strong{display:block;color:var(--csr-ink);font-size:14px;line-height:1.3}
.csr-donut-copy span{display:block;color:var(--csr-muted);font-size:12px;margin-top:2px}

.csr-strip{grid-column:1/-1;border-top:1px solid var(--csr-line);padding-top:16px}
.csr-stack{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:3px}
.csr-stack i{display:block;min-width:6px}
.csr-k-good{background:#22c55e}.csr-k-ok{background:#f59e0b}.csr-k-bad{background:#ef4444}.csr-k-muted{background:#cbd5e1}
.csr-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;font-size:13px}
.csr-legend li{display:flex;align-items:center;gap:6px;margin:0}
.csr-key{width:10px;height:10px;border-radius:3px;display:inline-block}

.csr-next-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.csr-next-head h3{font-size:22px}
.csr-pill{background:#dcfce7;color:#15803d;font-weight:700;font-size:13px;border-radius:999px;padding:5px 12px}
.csr-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.csr-step{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--csr-line);border-radius:14px;padding:16px;margin:0}
.csr-step-num{flex:none;width:36px;height:36px;border-radius:50%;background:var(--csr-brand);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.csr-step h4{font-size:17px;margin-bottom:4px}
.csr-why{color:var(--csr-text)}.csr-detail{color:var(--csr-muted);font-size:14px}
.csr-fix{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:8px 12px;font-size:14px;color:#14532d}
.csr-fix-tag,.csr-mini-tag{background:#16a34a;color:#fff;font-weight:800;font-size:12px;border-radius:999px;padding:3px 10px;white-space:nowrap}
.csr-mini-tag{background:#dcfce7;color:#15803d;margin-left:auto}
.csr-how summary{cursor:pointer;font-weight:700;color:var(--csr-brand);font-size:14px}
.csr-how ol{margin:6px 0 0 20px;padding:0;font-size:14px}

.csr-offer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:var(--ink,#14263d);color:#eaf0f7;border-radius:18px;padding:22px 24px;margin-bottom:16px}
.csr-offer h3{color:#fff;font-size:20px;margin-bottom:4px}.csr-offer p{color:#b9c6d6;margin:0;max-width:56ch;font-size:15px}
.csr-buy{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;border-radius:12px;background:var(--gap,#f2a21c);color:#1b2533!important;font-weight:800;text-decoration:none;white-space:nowrap}
.csr-buy:hover{filter:brightness(1.05)}

.csr-all>summary{cursor:pointer;font-weight:800;color:var(--csr-ink);font-size:17px}
.csr-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.csr-group h4{font-size:15px;margin-bottom:6px}
.csr-group ul{list-style:none;margin:0;padding:0}
.csr-group li{border-top:1px solid var(--csr-line);margin:0}
.csr-group li:first-child{border-top:0}
.csr-group summary{display:flex;align-items:center;gap:10px;padding:9px 2px;cursor:pointer;list-style:none;min-height:44px}
.csr-group summary::-webkit-details-marker{display:none}
.csr-group details p{font-size:14px;color:var(--csr-muted);padding:0 0 10px 36px;margin:0}
.csr-name{flex:1;font-weight:600;color:var(--csr-ink);font-size:14px}
.csr-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;font-weight:800;font-size:14px}
.csr-icon-pass{background:#dcfce7;color:#15803d}.csr-icon-warn{background:#fef3c7;color:#b45309}.csr-icon-fail{background:#fee2e2;color:#b91c1c}.csr-icon-unknown,.csr-icon-na{background:#f1f5f9;color:#64748b}
.csr-allgood{display:flex;gap:14px;align-items:center}
.csr-note{font-size:13px;color:var(--csr-muted);margin-top:4px}

/* Compact (hero example) */
.csr-compact{background:#fff;border-radius:18px;padding:18px;color:var(--csr-text)}
.csr-compact-top{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center}
.csr-compact .csr-gauge{width:160px}
.csr-compact .csr-gauge-text strong{font-size:40px}
.csr-compact .csr-gauge-text span{font-size:11px}
.csr-compact .csr-gauge-text em{font-size:11px;padding:3px 9px;margin-top:5px}
.csr-mini{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:13px;margin-bottom:9px}
.csr-mini span{color:var(--csr-ink);font-weight:600}.csr-mini b{color:var(--csr-ink)}
.csr-mini i{grid-column:1/-1;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;display:block}
.csr-mini em{display:block;height:100%;border-radius:999px;background:currentColor}
.csr-compact-first{margin-top:12px;border-top:1px solid var(--csr-line);padding-top:12px;font-size:14px;color:var(--csr-ink);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.csr-compact-first b{display:block;width:100%;color:var(--csr-ok);text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.csr-compact-first .csr-mini-tag{margin-left:0}

.csr-platform{border-left:5px solid var(--csr-brand)}
.csr-platform h3{font-size:18px;margin-bottom:6px}
.csr-platform p{margin:0;color:var(--csr-text)}
.csr-platform-unknown{border-left-color:#94a3b8}
.csr-pill-maybe{background:#f1f5f9;color:#334155}
.csr-fix-maybe{background:#f8fafc;border-color:#e2e8f0;color:#334155;margin-bottom:8px}
.csr-fix-maybe .csr-fix-tag{background:#e2e8f0;color:#0f172a}
.csr-offer-quiet{background:#f1f5f9;color:var(--csr-text);border:1px solid var(--csr-line)}
.csr-offer-quiet h3{color:var(--csr-ink)}
.csr-offer-quiet p{color:var(--csr-muted)}
@media (max-width:760px){
  .csr-card{padding:18px}
  .csr-score{grid-template-columns:1fr}
  .csr-score-main{flex-direction:column;text-align:center}
  .csr-groups{grid-template-columns:1fr}
  .csr-donut{flex-direction:column;text-align:center;padding:10px 6px}
  .csr-step{flex-direction:column}
  .csr-buy{width:100%}
  .csr-compact-top{grid-template-columns:1fr;justify-items:center}
  .csr-compact-bars{width:100%}
}
@media (prefers-reduced-motion:reduce){.csr-value,.csr-knob,.csr-donut-value{animation:none!important}}
