/* Public SEO report (seo-report.html) and the "Share this audit" card in Site Audit (views/audit-share.js). */
body.seo-report-page{margin:0;background:var(--rf-bg,#f6f4ee);color:var(--rf-ink,#193c3d);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.sr-main{max-width:880px;margin:0 auto;padding:32px 16px 64px}
.sr-loading{color:var(--rf-muted,#556465)}
.sr-card{padding:24px}
.sr-head{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.sr-score{flex:0 0 120px;width:120px}
.sr-kicker{margin:0;color:var(--rf-muted,#556465);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.sr-head h1{margin:4px 0 8px;font-size:28px;line-height:1.15;overflow-wrap:anywhere}
.sr-verdict{margin:0 0 6px}
.sr-meta{margin:0;color:var(--rf-muted,#556465);font-size:13px}
.sr-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.sr-count{display:grid;gap:6px;justify-items:start;padding:14px;border:1px solid var(--rf-line,#e3e6ee);border-radius:12px}
.sr-count strong{font-size:24px}
.sr-section h2{margin:0 0 12px;font-size:17px}
.sr-issues{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sr-issues li{padding:12px 14px;border:1px solid var(--rf-line,#e3e6ee);border-radius:10px}
.sr-issue-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sr-issue-head .sr-pages{margin-left:auto;color:var(--rf-muted,#556465);font-size:13px}
.sr-issues p{margin:6px 0 0;color:var(--rf-muted,#556465);font-size:13px;line-height:1.5}
.sr-foot{margin-top:20px;color:var(--rf-muted,#556465);font-size:12px;line-height:1.5}
.sr-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:18px 20px;border-radius:14px;background:#193c3d;color:#fff}
.sr-cta p{margin:4px 0 0;color:#cfe3de;font-size:13px}
.sr-cta .rf-btn{background:#fff;color:#193c3d}
@media(max-width:560px){.sr-counts{grid-template-columns:minmax(0,1fr)}.sr-head h1{font-size:23px}}
.as-card{margin-bottom:16px}
.as-body{display:grid;gap:12px;padding:2px 18px 18px}
.as-body .rf-copy-row{display:flex;gap:6px}
.as-body .rf-copy-row input,.as-body textarea{flex:1 1 auto;min-width:0;padding:8px 10px;border:1px solid var(--rf-line,#e3e6ee);border-radius:8px;font:12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.as-body textarea{width:100%;resize:vertical}
.as-actions{display:flex;flex-wrap:wrap;gap:6px}
.as-badge{display:flex;align-items:center;gap:10px}
