/* Report owns its palette even when rendered inside the dark sales hero. */
html.v3 :is(.sa-page, .sa-widget) .sa-report {
  --sa-ink: #161a23;
  --sa-body: #26324b;
  --sa-muted: #526078;
  --sa-card: #fff;
  --sa-panel: #f2f5f9;
  --sa-line: #d5dce5;
  --sa-field: #fff;
  --sa-field-border: #8694a8;
  --sa-good: #146c43;
  --sa-ok: #466214;
  --sa-warn: #a3470a;
  --sa-bad: #b42332;
  --sa-link: #174ea6;
  background: var(--sa-card);
  color: var(--sa-body);
  color-scheme: light;
  min-width: 0;
  width: 100%;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
  letter-spacing: 0;
  border-radius: 8px;
  padding: 28px;
}
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(p, li, dd, dt, small, label, summary) {
  color: var(--sa-body) !important;
  letter-spacing: 0;
}
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(h2, h3, strong, b) {
  color: var(--sa-ink) !important;
  font-weight: 700;
  letter-spacing: 0;
}
/* The hero heading rule uses !important and chained exclusion selectors. */
html.v3 #audyt .sa-widget .sa-report :is(h2, h3, strong) {
  color: var(--sa-ink) !important;
}
html.v3 :is(.sa-page, .sa-widget) .sa-report a:not(.button) {
  color: var(--sa-link) !important;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
html.v3 :is(.sa-page, .sa-widget) .sa-report a:not(.button):hover { color: #0e3678 !important; }
html.v3 :is(.sa-page, .sa-widget) .sa-report :focus-visible { outline: 3px solid #174ea6; outline-offset: 3px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-head { grid-template-columns: minmax(0, 1fr) minmax(200px, 250px); gap: 24px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-head__meta { min-width: 0; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-head__title { margin: 6px 0 12px; font-size: 26px; line-height: 1.25; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-eyebrow { color: var(--sa-muted) !important; font-size: 13px; line-height: 1.55; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-url { font-size: 15px; line-height: 1.6; word-break: normal; overflow-wrap: anywhere; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-meta-line { font-size: 13px; line-height: 1.7; color: var(--sa-muted) !important; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-score { min-width: 0; border-radius: 6px; padding: 18px 14px; gap: 8px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-score__num { color: var(--sa-muted); font-size: 16px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-score__num strong { color: var(--sa-ink) !important; font-size: 48px; line-height: 1.1; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-score__grade { font-size: 15px; line-height: 1.4; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-score__cov { color: var(--sa-muted); font-size: 13px; line-height: 1.55; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-sum { font-size: 15px; line-height: 1.75; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-sec { margin-top: 28px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-sec > h3 { font-size: 20px; line-height: 1.35; margin-bottom: 14px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-chk { border-radius: 6px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-chk__title { color: var(--sa-ink); font-size: 15px; line-height: 1.5; }
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(.sa-chk__body, .sa-pos, .sa-list, .sa-recs, .sa-kv, .sa-ai__summary) { font-size: 15px; line-height: 1.7; }
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(.sa-st, .sa-sev, .sa-pts, .sa-badge) { font-size: 12px; line-height: 1.5; letter-spacing: 0; }
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(.sa-det > summary, .sa-cat__label) { color: var(--sa-body); font-size: 15px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(.sa-cat__val, .sa-cat__meta, .sa-cat__na, .sa-det__count, .sa-disclaimer, .sa-ai__note, .sa-muted, .sa-chk__meta, .sa-ev, .sa-pos li span) { color: var(--sa-muted) !important; font-size: 13px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(code, .sa-chk__fix) { color: #174263; font-size: 13px; background: var(--sa-panel); overflow-wrap: anywhere; }
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(.sa-chk--unavailable, .sa-chk--not_applicable) { opacity: 1; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-c-fail { color: var(--sa-bad) !important; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-c-warn { color: var(--sa-warn) !important; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-c-pass { color: var(--sa-good) !important; }
html.v3 :is(.sa-page, .sa-widget) .sa-report :is(.sa-form__intro, .sa-form label) { color: var(--sa-body) !important; font-size: 15px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-copy { font-size: 13px; min-height: 32px; padding: 4px 10px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-link { color: var(--sa-link); font-size: 15px; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .button {
  background: #174ea6;
  border-color: #174ea6;
  color: #fff !important;
  box-shadow: none;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.5;
}
html.v3 :is(.sa-page, .sa-widget) .sa-report .button:is(.ghost, .ghost-dark, .outline-light) {
  color: #174ea6 !important;
  border-color: #8694a8;
  background: #fff;
}
html.v3 :is(.sa-page, .sa-widget) .sa-report .button:hover { background: #0e3678; border-color: #0e3678; }
html.v3 :is(.sa-page, .sa-widget) .sa-report .button:is(.ghost, .ghost-dark, .outline-light):hover { background: #edf2f7; }
/* Keep the completed report wide instead of sharing a column with hero artwork. */
html.v3 .seo-audit-hero:has(.sa-result:not([hidden]) .sa-report) { grid-template-columns: minmax(0, 1fr); }
html.v3 .seo-audit-hero:has(.sa-result:not([hidden]) .sa-report) > .service-visual { display: none; }
html.v3 .seo-audit-hero ~ .related-services a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; min-width: 0; }
html.v3 .seo-audit-hero ~ .related-services a :is(strong, small) { grid-column: 1; overflow-wrap: anywhere; }
html.v3 .seo-audit-hero ~ .related-services a > span { grid-column: 2; grid-row: 1 / span 2; }
@media (max-width: 760px) {
  html.v3 :is(.sa-page, .sa-widget) .sa-report { padding: 20px; }
  html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-head { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-score { width: 100%; }
  html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-head__title { font-size: 24px; }
  html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
  html.v3 :is(.sa-page, .sa-widget) .sa-report { padding: 16px; }
  html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-cats { grid-template-columns: minmax(0, 1fr); }
  html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-det > summary { flex-wrap: wrap; }
}
@media print {
  html.v3 :is(.sa-page, .sa-widget) .sa-report { padding: 0; border: 0; box-shadow: none; }
  html.v3 :is(.sa-page, .sa-widget) .sa-report .sa-head { grid-template-columns: minmax(0, 1fr) 220px; }
  html.v3 :is(.sa-page, .sa-widget) .sa-report :is(.sa-chk, .sa-cat) { break-inside: avoid; }
}