/* SEO Launch Auditor — page-scoped product system.
   The app and editorial layer intentionally use one visual language: a
   technical audit console, evidence ledger, and launch workflow. */

.seo-audit-page {
  --audit-ink: #0b1324;
  --audit-ink-2: #162238;
  --audit-navy: #101b31;
  --audit-slate: #46556d;
  --audit-muted: #536177;
  --audit-line: #dbe1e8;
  --audit-line-strong: #b9c3d1;
  --audit-paper: #ffffff;
  --audit-canvas: #f4f6f8;
  --audit-tint: #eef3f4;
  --audit-green: #067455;
  --audit-green-bright: #35e0a1;
  --audit-green-soft: #dff6ec;
  --audit-blue: #276da8;
  --audit-blue-soft: #e6f1fa;
  --audit-amber: #875706;
  --audit-amber-soft: #fff2d8;
  --audit-red: #ad322c;
  --audit-red-soft: #fce8e6;
  --audit-purple: #62598f;
  --audit-purple-soft: #eeecf8;
  --audit-radius-sm: 8px;
  --audit-radius: 14px;
  --audit-radius-lg: 22px;
  --audit-shadow: 0 24px 70px rgba(10, 20, 38, .12), 0 2px 8px rgba(10, 20, 38, .06);
  --audit-section-space: 72px;
  --audit-section-heading-gap: 34px;
  --audit-paragraph-gap: 12px;
  --audit-font: Inter, "Segoe UI Variable", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --audit-mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;
  color: var(--audit-ink);
  background: var(--audit-paper);
  font-family: var(--audit-font);
  overflow: clip;
}
.seo-audit-page .container { max-width: 1240px; }
.seo-audit-page a { color: var(--audit-blue); }
.seo-audit-page h1, .seo-audit-page h2, .seo-audit-page h3 { color: inherit; font-family: var(--audit-font); }
.seo-audit-page .prose { color: var(--audit-slate); line-height: 1.75; }
.seo-audit-page .prose p + p { margin-top: var(--audit-paragraph-gap); }
.audit-breadcrumb-wrap { padding-top: 18px; }
.audit-breadcrumb-wrap .breadcrumb { margin-bottom: 14px; }
.audit-app-wrap { padding-bottom: 54px; }

/* Product shell */
.seo-audit-app {
  color-scheme: light;
  --font-sans: var(--audit-font);
  --font-mono: var(--audit-mono);
  --ink: var(--audit-ink);
  --muted: var(--audit-slate);
  --subtle: var(--audit-muted);
  --surface: var(--audit-paper);
  --surface-2: var(--audit-canvas);
  --surface-sunken: #edf0f3;
  --border: var(--audit-line);
  --border-strong: var(--audit-line-strong);
  --success: var(--audit-green);
  --success-soft: var(--audit-green-soft);
  --info: var(--audit-blue);
  --info-soft: var(--audit-blue-soft);
  --warn: var(--audit-amber);
  --warn-soft: var(--audit-amber-soft);
  --warn-strong: #815208;
  --blocker: var(--audit-red);
  --blocker-soft: var(--audit-red-soft);
  --unavailable: var(--audit-purple);
  --unavailable-soft: var(--audit-purple-soft);
  --focus-ring: #4ca6e8;
  --control-height: 48px;
  --control-height-sm: 40px;
  --scroll-context-offset: 104px;
  position: relative;
  background: var(--audit-canvas);
  border: 1px solid #cfd7e1;
  border-radius: 26px;
  box-shadow: var(--audit-shadow);
  overflow: clip;
  color: var(--ink);
  font: 15px/1.55 var(--font-sans);
}
.seo-audit-app * { box-sizing: border-box; }
.seo-audit-app button, .seo-audit-app input, .seo-audit-app textarea { color: inherit; font: inherit; }
.seo-audit-app code { font-family: var(--font-mono); }
.seo-audit-app button {
  min-height: var(--control-height);
  padding: 10px 16px;
  border: 1px solid var(--border);
  border-radius: var(--audit-radius-sm);
  background: var(--surface);
  color: var(--ink);
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}
.seo-audit-app button:hover { border-color: var(--border-strong); }
.seo-audit-app button:active { transform: translateY(1px); }
.seo-audit-app button:disabled { cursor: wait; opacity: .58; }
.seo-audit-app button.primary { border-color: #37d49c; background: var(--audit-green-bright); color: #06271d; font-weight: 780; }
.seo-audit-app button.primary:hover { background: #58e9b4; }
.seo-audit-app button.small { min-height: var(--control-height-sm); padding: 7px 11px; font-size: 12px; font-weight: 700; }
.seo-audit-app button.danger { color: var(--blocker); }
.seo-audit-app button:focus-visible, .seo-audit-app input:focus-visible, .seo-audit-app textarea:focus-visible,
.seo-audit-app a:focus-visible, .seo-audit-app summary:focus-visible, .seo-audit-app [tabindex]:focus-visible {
  outline: 3px solid var(--focus-ring); outline-offset: 3px;
}
.seo-audit-app summary { cursor: pointer; }
.seo-audit-app [data-view][hidden], .seo-audit-app [hidden] { display: none; }
.seo-audit-app .compact { font-size: 13px; }
.seo-audit-app .muted { color: var(--muted); }

/* Hero: split command deck + original audit-network drawing */
.seo-audit-app .tool-header {
  position: relative;
  padding: 64px 68px 54px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 12%, rgba(53, 224, 161, .10), transparent 27%),
    linear-gradient(145deg, #0a1222 0%, #111d34 64%, #13243c 100%);
  color: #f4f8fc;
}
.seo-audit-app .tool-header::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .24;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to right, black, transparent 56%);
}
.seo-audit-app .tool-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(340px, .86fr); gap: 54px; align-items: center; }
.seo-audit-app .tool-hero-copy { min-width: 0; }
.seo-audit-app .tool-eyebrow, .section-kicker, .seo-audit-app .section-label, .seo-audit-app .panel-kicker {
  margin: 0 0 14px; color: var(--audit-green); font-size: 11px; font-weight: 800; letter-spacing: .13em; line-height: 1.3; text-transform: uppercase;
}
.seo-audit-app .tool-eyebrow { display: flex; align-items: center; gap: 9px; color: var(--audit-green-bright); }
.seo-audit-app .tool-eyebrow-icon { width: 20px; height: 20px; }
.seo-audit-app .tool-header h1 {
  max-width: 700px; margin: 0; color: #fff; font-size: clamp(38px, 4.1vw, 62px); font-weight: 760; letter-spacing: -.052em; line-height: 1.02;
}
.seo-audit-app .tool-subhead { max-width: 620px; margin: 22px 0 30px; color: #c5d1e0; font-size: 18px; font-weight: 470; line-height: 1.58; }
.seo-audit-app .url-form { max-width: 690px; }
.seo-audit-app .command-label { display: block; margin: 0 2px 8px; color: #c6d1df; font-size: 11px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.seo-audit-app .command-row {
  display: grid; grid-template-columns: minmax(0,1fr); align-items: center; gap: 0; padding: 6px; border: 1px solid #3e506c; border-radius: 13px; background: rgba(255,255,255,.98); box-shadow: 0 16px 40px rgba(0,0,0,.26);
}
.seo-audit-app .command-row input {
  width: 100%; min-width: 0; min-height: 50px; padding: 0 10px; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 16px;
}
.seo-audit-app .command-row:has(input:focus-visible) { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
.seo-audit-app .command-row input:focus-visible { outline: 0; }
.seo-audit-app .command-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.seo-audit-app .command-action { display: grid; gap: 3px; justify-items: start; min-width: 0; min-height: 70px; padding: 11px 16px; text-align: left; }
.seo-audit-app .command-action-main { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; font-size: 14px; font-weight: 790; white-space: nowrap; }
.seo-audit-app .command-action-main svg { flex: 0 0 auto; width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.45; }
.seo-audit-app .command-action small { color: inherit; font-size: 10px; font-weight: 620; line-height: 1.35; opacity: .78; white-space: nowrap; }
.seo-audit-app .command-action small b { font-weight: inherit; }
.seo-audit-app .command-action--site { border-color: #52657f; background: rgba(255,255,255,.055); color: #eef5fb; }
.seo-audit-app .command-action--site:hover { border-color: #7790ae; background: rgba(255,255,255,.1); }
.seo-audit-app .command-subnav { display: flex; justify-content: space-between; align-items: center; gap: 16px; max-width: 690px; margin: 11px 2px 0; }
.seo-audit-app #urlAuditFormHint { margin: 0; color: #9aa9bd; font-size: 11px; line-height: 1.45; }
.seo-audit-app .history-link { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; min-height: 44px; padding: 6px 2px; border: 0; background: transparent; color: #c9d6e5; font-size: 11px; font-weight: 760; }
.seo-audit-app .history-link:hover { border-color: transparent; color: #fff; }
.seo-audit-app .history-link span { color: var(--audit-green-bright); }
.seo-audit-app .tool-trust-chips { display: flex; flex-wrap: wrap; gap: 9px 22px; margin: 22px 0 0; padding: 0; list-style: none; color: #b8c5d7; font-size: 12px; }
.seo-audit-app .tool-trust-chips li { display: inline-flex; align-items: center; gap: 7px; }
.seo-audit-app .tool-trust-chips li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--audit-green-bright); box-shadow: 0 0 0 4px rgba(53,224,161,.1); }
.seo-audit-app .audit-visual { min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.seo-audit-app .audit-visual svg { width: 100%; max-height: 420px; overflow: visible; }
.seo-audit-app .visual-grid { stroke: #8fa2bd; stroke-width: 1; opacity: .12; }
.seo-audit-app .visual-orbit { stroke: #56708e; stroke-width: 1.2; stroke-dasharray: 5 8; }
.seo-audit-app .visual-orbit-inner { opacity: .5; stroke-dasharray: 2 7; }
.seo-audit-app .visual-connector { stroke: #58a9c7; stroke-width: 1.5; stroke-dasharray: 4 6; opacity: .55; }
.seo-audit-app .visual-node { stroke: #7890ae; stroke-width: 1.5; }
.seo-audit-app .visual-node-doc rect:first-child { fill: #13233b; stroke: #506985; }
.seo-audit-app .visual-node-doc path:not(.visual-accent) { stroke: #8ba0bb; stroke-linecap: round; opacity: .7; }
.seo-audit-app .visual-node-doc .visual-code { fill: #284057; stroke: none; }
.seo-audit-app .visual-accent { stroke: var(--audit-green-bright); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.seo-audit-app .visual-satellite circle { fill: #122139; }
.seo-audit-app .visual-satellite path { stroke: #8ea5c0; stroke-linecap: round; stroke-linejoin: round; }
.seo-audit-app .visual-scan { stroke: url(#scanGlow); stroke-width: 2; filter: drop-shadow(0 0 7px #35e0a1); animation: auditScan 3.2s ease-in-out infinite; transform-origin: 264px 205px; }
.seo-audit-app .visual-glow { opacity: .08; }
.seo-audit-app .visual-verdict rect { fill: #112b2a; stroke: #2a7d63; }
.seo-audit-app .visual-verdict circle { fill: #35e0a1; stroke: none; }
.seo-audit-app .visual-verdict path { stroke: #07251c; stroke-width: 2; }
.seo-audit-app .visual-verdict text { fill: #b9f3db; font: 700 10px var(--font-sans); letter-spacing: .06em; }
.seo-audit-app .audit-visual > p { display: flex; align-items: center; justify-content: center; gap: 10px; margin: -12px 0 0; color: #8fa1ba; font: 11px var(--font-mono); }
.seo-audit-app .audit-visual > p span { width: 7px; height: 7px; border-radius: 50%; background: var(--audit-green-bright); box-shadow: 0 0 10px var(--audit-green-bright); }
.seo-audit-app .audit-visual > p b { color: #778ba5; }
@keyframes auditScan { 0%,100% { transform: translateY(-54px); opacity: .45; } 50% { transform: translateY(56px); opacity: 1; } }

.seo-audit-app .tool-panels { padding: 0; background: var(--audit-canvas); }
.seo-audit-app .tool-panels > section { min-width: 0; padding: 40px 54px 54px; }
.seo-audit-app .pagespeed-consent { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 10px; align-items: start; margin-top: 14px; color: #f4f8fc; cursor: pointer; }
.seo-audit-app .pagespeed-consent input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--audit-green-bright); }
.seo-audit-app .pagespeed-consent span { display: grid; gap: 2px; min-width: 0; }
.seo-audit-app .pagespeed-consent small { color: #bfcadd; line-height: 1.4; }
.seo-audit-app h2 { margin: 0; font-size: 22px; font-weight: 760; letter-spacing: -.025em; line-height: 1.18; }
.seo-audit-app h3 { margin: 0; font-size: 15px; font-weight: 740; }
.seo-audit-app .status {
  position: relative; min-height: 64px; margin: 8px 0 20px; padding: 20px 22px 20px 58px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--audit-radius); background: var(--surface); color: var(--ink); font-weight: 650;
}
.seo-audit-app .status::before { content: ""; position: absolute; left: 22px; top: 22px; width: 18px; height: 18px; border: 2px solid var(--border-strong); border-top-color: var(--audit-green); border-radius: 50%; }
.seo-audit-app .status.info::before { animation: statusSpin .9s linear infinite; }
.seo-audit-app .status.info::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--audit-green-bright), transparent); animation: statusSweep 1.7s ease-in-out infinite; }
.seo-audit-app .status.error { border-color: #e2aca8; background: var(--blocker-soft); color: #78221e; }
.seo-audit-app .status.error::before { content: "!"; display: grid; place-items: center; border: 0; background: var(--blocker); color: white; font-size: 12px; }
@keyframes statusSpin { to { transform: rotate(360deg); } }
@keyframes statusSweep { from { transform: translateX(-100%); } to { transform: translateX(100%); } }

.seo-audit-app .workflow { margin: 0 0 24px; padding: 26px; border: 1px solid var(--border); border-radius: var(--audit-radius-lg); background: var(--surface); }
.seo-audit-app .mode-intro { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 20px; align-items: start; background: linear-gradient(110deg, #fff, #f4faf7); }
.seo-audit-app .mode-intro-mark { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--audit-green-soft); color: var(--audit-green); }
.seo-audit-app .mode-intro-mark svg { width: 38px; height: 38px; stroke: currentColor; stroke-width: 1.6; }
.seo-audit-app .panel-kicker { margin-bottom: 5px; }
.seo-audit-app .mode-intro p { margin: 8px 0 0; max-width: 720px; }
.seo-audit-app .changed-pages-form { padding-top: 20px; }
.seo-audit-app .workflow-line { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 12px; margin: 0 0 25px; color: var(--subtle); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.seo-audit-app .workflow-line i { height: 1px; background: var(--border); }
.seo-audit-app .workflow-line .done { color: var(--success); }
.seo-audit-app .workflow-line .active { color: var(--ink); }
.seo-audit-app .changed-pages-form textarea { width: 100%; min-height: 130px; margin-top: 10px; padding: 14px; resize: vertical; border: 1px solid var(--border-strong); border-radius: 10px; background: #fafcfd; font: 13px/1.6 var(--font-mono); }
.seo-audit-app .changed-pages-action { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; }
.seo-audit-app .history-head { display: flex; justify-content: space-between; align-items: start; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--border); }
.seo-audit-app .history-head p { max-width: 650px; margin: 8px 0 0; }
.seo-audit-app .history-head-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

/* Report overview */
.seo-audit-app .report-identity { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 0 0 16px; border-bottom: 1px solid rgba(255,255,255,.14); color: #b9c8da; font-size: 12px; }
.seo-audit-app .report-identity .report-scope { padding: 5px 9px; border: 1px solid rgba(53,224,161,.38); border-radius: 999px; color: #8ce9c4; font-weight: 750; }
.seo-audit-app .report-identity code { min-width: 0; overflow: hidden; color: #d4deea; text-overflow: ellipsis; white-space: nowrap; }
.seo-audit-app .report-identity time { white-space: nowrap; }
.seo-audit-app .score-hero {
  --tone: var(--info); --tone-soft: var(--info-soft);
  margin: 0 0 18px; padding: 28px 30px 20px; border-radius: 20px; background: linear-gradient(132deg, #0e192c, #172844); color: #fff; box-shadow: 0 18px 40px rgba(15,28,50,.16);
}
.seo-audit-app .score-hero[data-tone="success"] { --tone: var(--audit-green-bright); --tone-soft: var(--success-soft); }
.seo-audit-app .score-hero[data-tone="blocker"] { --tone: #ef6c62; --tone-soft: var(--blocker-soft); }
.seo-audit-app .score-hero[data-tone="warning"] { --tone: #f1b953; --tone-soft: var(--warn-soft); }
.seo-audit-app .score-hero[data-tone="unavailable"] { --tone: #aaa2dc; --tone-soft: var(--unavailable-soft); }
.seo-audit-app .score-composition { display: grid; grid-template-columns: 170px minmax(260px,1fr) minmax(250px,.82fr); gap: 30px; align-items: center; padding: 28px 0 24px; }
.seo-audit-app .score-beacon { text-align: center; }
.seo-audit-app .score-ring { position: relative; display: grid; place-items: center; width: 134px; margin: auto; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(var(--tone) calc(var(--score) * 1%), rgba(255,255,255,.12) 0); }
.seo-audit-app .score-ring::after { content: ""; position: absolute; inset: 10px; border-radius: 50%; background: #101d33; }
.seo-audit-app .score-ring span { position: relative; z-index: 1; line-height: .9; }
.seo-audit-app .score-ring strong { display: block; color: #fff; font-size: 48px; font-variant-numeric: tabular-nums; font-weight: 770; letter-spacing: -.07em; }
.seo-audit-app .score-ring small { color: #9eacc0; font-size: 11px; }
.seo-audit-app .score-beacon > p { margin: 10px 0 0; color: #9eacc0; font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.seo-audit-app .eyebrow { margin: 0 0 8px; color: var(--tone); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.seo-audit-app .verdict-block h2 { color: #fff; font-size: clamp(25px, 3vw, 38px); font-weight: 740; letter-spacing: -.045em; }
.seo-audit-app .confidence { margin: 8px 0 0; color: #b9c7d9; font-size: 13px; }
.seo-audit-app .score-delta { margin: 7px 0 0; font-weight: 750; }
.seo-audit-app .score-delta.positive { color: #68e2b5; }
.seo-audit-app .score-delta.negative { color: #ff968e; }
.seo-audit-app .scope-caveat, .seo-audit-app .coverage-caveat { margin: 10px 0 0; padding-left: 10px; border-left: 2px solid var(--tone); color: #bdc9d8; font-size: 13px; font-weight: 450; line-height: 1.55; }
.seo-audit-app .report-kpis { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; overflow: hidden; }
.seo-audit-app .report-kpis div { min-width: 0; padding: 13px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.seo-audit-app .report-kpis div:nth-child(2n) { border-right: 0; }
.seo-audit-app .report-kpis div:nth-last-child(-n+2) { border-bottom: 0; }
.seo-audit-app .report-kpis dt { color: #8e9db2; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.seo-audit-app .report-kpis dd { margin: 3px 0 0; overflow-wrap: anywhere; color: #fff; font-size: 17px; font-variant-numeric: tabular-nums; font-weight: 730; }
.seo-audit-app .distribution { margin: 0; padding: 15px 0 0; border-top: 1px solid rgba(255,255,255,.14); }
.seo-audit-app .distribution-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: #91a0b5; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.seo-audit-app .segments { display: flex; gap: 3px; min-height: 8px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.08); }
.seo-audit-app .segments span { min-width: 7px; }
.seo-audit-app .segments .blocker { background: #ef6c62; }
.seo-audit-app .segments .warning { background: #eab14e; }
.seo-audit-app .segments .opportunity { background: #62a8df; }
.seo-audit-app .segments .passed { background: #35e0a1; }
.seo-audit-app .segments .unverified { background: #9d96c7; }
.seo-audit-app .segment-labels { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.seo-audit-app .segment-labels span { --status-tone: #9aa8ba; display: inline-grid; grid-template-columns: 7px auto auto; align-items: center; gap: 5px; min-height: 35px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.2); border-left: 3px solid var(--status-tone); border-radius: 6px; background: rgba(255,255,255,.065); color: #dbe5ef; }
.seo-audit-app .segment-labels i { width: 7px; height: 7px; border-radius: 2px; background: var(--status-tone); }
.seo-audit-app .segment-labels strong { color: #fff; font-size: 14px; font-variant-numeric: tabular-nums; font-weight: 820; line-height: 1; }
.seo-audit-app .segment-labels em { color: #dbe5ef; font-size: 10px; font-style: normal; font-weight: 680; line-height: 1.15; }
.seo-audit-app .segment-labels .blocker { --status-tone: #ff8f87; }
.seo-audit-app .segment-labels .warning { --status-tone: #f2c36e; }
.seo-audit-app .segment-labels .opportunity { --status-tone: #8cc3ed; }
.seo-audit-app .segment-labels .passed { --status-tone: #68e2b5; }
.seo-audit-app .segment-labels .unverified { --status-tone: #c4bfea; }
.seo-audit-app .score-doctrine { margin: 12px 0 0; color: #aebccf; font-size: 13px; line-height: 1.5; text-align: right; }

.seo-audit-app .report-nav { position: sticky; top: 60px; z-index: 8; display: flex; gap: 4px; margin: 0 0 28px; padding: 7px; overflow-x: auto; border: 1px solid var(--border); border-radius: 11px; background: rgba(255,255,255,.94); box-shadow: 0 8px 24px rgba(16,29,49,.08); scrollbar-width: none; }
.seo-audit-app .report-nav::-webkit-scrollbar { display: none; }
.seo-audit-app .report-nav a { flex: 0 0 auto; padding: 8px 12px; border-radius: 7px; color: var(--muted); font-size: 12px; font-weight: 720; text-decoration: none; white-space: nowrap; }
.seo-audit-app .report-nav a:hover { background: var(--surface-2); color: var(--ink); }
.seo-audit-app .extension-cta-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 28px; }
.seo-audit-app .extension-cta-primary { display: inline-flex; align-items: center; gap: 6px; min-width: 0; min-height: 44px; padding: 10px 22px; border: 1px solid transparent; border-radius: 999px; background: var(--info); color: #fff; font-size: 12px; font-weight: 780; text-decoration: none; }
.seo-audit-app .extension-cta-primary:hover { background: #215d8f; }
.seo-audit-app .extension-cta-note { margin: 0; color: var(--muted); font-size: 11px; font-weight: 650; }
.seo-audit-app #report-overview, .seo-audit-app #report-fixes, .seo-audit-app #report-categories, .seo-audit-app #batch-findings, .seo-audit-app #page-inventory, .seo-audit-app #report-recheck, .seo-audit-app #report-coverage { scroll-margin-top: 124px; }
.seo-audit-app #urlAuditStatus, .seo-audit-app #urlAuditResult, .seo-audit-app #fullSiteStatus, .seo-audit-app #fullSiteResult, .seo-audit-app #changedPagesStatus, .seo-audit-app #changedPagesResult, .seo-audit-app .history-detail { scroll-margin-top: var(--scroll-context-offset); }
.seo-audit-app .report-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(330px,.8fr); gap: 32px; align-items: start; }
.seo-audit-app .report-primary, .seo-audit-app .report-secondary { min-width: 0; }
.seo-audit-app .report-secondary { display: grid; gap: 22px; }
.seo-audit-app .section-label { margin-bottom: 4px; color: var(--audit-green); font-size: 10px; }

/* Fix-first priority queue */
.seo-audit-app .top-actions { margin: 0 0 34px; border-top: 4px solid var(--warn); background: var(--surface); }
.seo-audit-app .top-actions.danger { border-top-color: var(--blocker); }
.seo-audit-app .top-actions.clean { border-top-color: var(--success); }
.seo-audit-app .priority-heading { display: flex; justify-content: space-between; align-items: end; gap: 16px; padding: 20px 22px 14px; border-bottom: 1px solid var(--border); }
.seo-audit-app .priority-count { padding: 4px 9px; border-radius: 99px; background: var(--warn-soft); color: var(--warn); font-size: 11px; font-weight: 780; }
.seo-audit-app .danger .priority-count { background: var(--blocker-soft); color: var(--blocker); }
.seo-audit-app .clean .priority-count { background: var(--success-soft); color: var(--success); }
.seo-audit-app .priority-list { margin: 0; padding: 0; list-style: none; }
.seo-audit-app .priority-list li { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 14px; align-items: start; padding: 18px 22px; border-bottom: 1px solid var(--border); }
.seo-audit-app .priority-index { padding-top: 3px; color: var(--border-strong); font: 700 11px var(--font-mono); }
.seo-audit-app .priority-list li > div { display: grid; gap: 4px; min-width: 0; }
.seo-audit-app .priority-severity { color: var(--blocker); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.seo-audit-app .priority-list a { color: var(--ink); font-size: 15px; font-weight: 740; line-height: 1.35; text-decoration: none; }
.seo-audit-app .top-actions li span { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.seo-audit-app .priority-arrow { color: var(--border-strong); font-size: 18px; }
.seo-audit-app .no-urgent { display: flex; gap: 14px; align-items: center; padding: 22px; }
.seo-audit-app .no-urgent .icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--success-soft); color: var(--success); font-weight: 800; }
.seo-audit-app .no-urgent p { margin: 2px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }

/* Findings as an evidence ledger rather than repeated cards */
.seo-audit-app .findings-section { margin: 0 0 36px; }
.seo-audit-app .findings-heading, .seo-audit-app .section-heading-inline, .seo-audit-app .inventory-heading, .seo-audit-app .recheck-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 15px; }
.seo-audit-app .findings-toolbar, .seo-audit-app .findings-scope-toggle { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.seo-audit-app .findings-heading .findings-scope-toggle { margin: 0; }
.seo-audit-app .filter-chip { min-height: 36px; padding: 7px 11px; border-radius: 8px; color: var(--muted); font-size: 11px; font-weight: 740; }
.seo-audit-app .filter-chip[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: #fff; }
.seo-audit-app .finding-group { margin: 0 0 24px; }
.seo-audit-app .finding-group-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.seo-audit-app .finding-group-heading h3 { color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.seo-audit-app .finding-group-heading span { display: grid; place-items: center; min-width: 20px; height: 20px; border-radius: 99px; background: #e8ecf0; color: var(--muted); font: 700 10px var(--font-mono); }
.seo-audit-app details.finding { --finding-tone: var(--unavailable); margin: 0; border-top: 1px solid var(--border); background: var(--surface); }
.seo-audit-app details.finding:last-child { border-bottom: 1px solid var(--border); }
.seo-audit-app details.finding[data-severity="blocker"] { --finding-tone: var(--blocker); }
.seo-audit-app details.finding[data-severity="warning"] { --finding-tone: var(--warn); }
.seo-audit-app details.finding[data-severity="opportunity"] { --finding-tone: var(--info); }
.seo-audit-app details.finding[data-severity="passed"] { --finding-tone: var(--success); }
.seo-audit-app details.finding[hidden] { display: none; }
.seo-audit-app details.finding > summary { display: grid; grid-template-columns: 14px minmax(0,1fr) auto; gap: 14px; align-items: center; min-height: 82px; padding: 15px 18px 15px 2px; list-style: none; }
.seo-audit-app details.finding > summary::-webkit-details-marker { display: none; }
.seo-audit-app details.finding > summary:hover { background: #f8fafb; }
.seo-audit-app .finding-signal { align-self: stretch; display: grid; place-items: center; }
.seo-audit-app .finding-signal i { width: 3px; height: 100%; min-height: 42px; border-radius: 3px; background: var(--finding-tone); }
.seo-audit-app .finding-summary-copy { display: grid; gap: 5px; min-width: 0; }
.seo-audit-app .finding-meta { display: flex; gap: 7px; align-items: center; }
.seo-audit-app .finding-summary-copy > strong { overflow-wrap: anywhere; font-size: 14px; line-height: 1.35; }
.seo-audit-app .finding-summary-copy > small { overflow: hidden; color: var(--muted); font: 11px var(--font-mono); text-overflow: ellipsis; white-space: nowrap; }
.seo-audit-app .badge, .seo-audit-app .comparison { display: inline-flex; width: fit-content; padding: 3px 7px; border-radius: 5px; font-size: 9px; font-weight: 800; letter-spacing: .06em; line-height: 1.25; text-transform: uppercase; }
.seo-audit-app .blocker { background: var(--blocker-soft); color: var(--blocker); }
.seo-audit-app .warning { background: var(--warn-soft); color: var(--warn); }
.seo-audit-app .opportunity, .seo-audit-app .info { background: var(--info-soft); color: var(--info); }
.seo-audit-app .passed { background: var(--success-soft); color: var(--success); }
.seo-audit-app .unavailable-badge { background: var(--unavailable-soft); color: var(--unavailable); }
.seo-audit-app .comparison.new, .seo-audit-app .comparison.changed { background: var(--warn-soft); color: var(--warn); }
.seo-audit-app .comparison.resolved { background: var(--success-soft); color: var(--success); }
.seo-audit-app .finding-review { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 700; }
.seo-audit-app .disclosure-caret { transition: transform .16s ease; }
.seo-audit-app details[open] > summary .disclosure-caret { transform: rotate(180deg); }
.seo-audit-app .finding-body { display: grid; grid-template-columns: minmax(210px,.8fr) minmax(0,1.2fr); gap: 22px; padding: 22px 22px 24px 30px; border-top: 1px solid var(--border); background: #f8fafb; }
.seo-audit-app .detail-label { margin: 0 0 8px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.seo-audit-app .finding-evidence { min-width: 0; }
.seo-audit-app .finding-evidence code { display: block; margin-bottom: 6px; padding: 9px; overflow-wrap: anywhere; border: 1px solid var(--border); border-radius: 6px; background: #fff; color: #344158; font-size: 11px; white-space: pre-wrap; }
.seo-audit-app .finding-evidence code span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.seo-audit-app .finding-confidence { color: var(--muted); font-size: 10px; }
.seo-audit-app .finding-explanation { display: grid; gap: 18px; }
.seo-audit-app .finding-explanation p { margin: 0; color: var(--muted); font-size: 14px; font-weight: 450; line-height: 1.65; }
.seo-audit-app .finding-fix { padding: 14px 16px; border-left: 3px solid var(--audit-green); background: #fff; }
.seo-audit-app .finding-fix p { color: var(--ink); }
.seo-audit-app .finding-tool-cta { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 740; }
.seo-audit-app .affected-urls { grid-column: 1 / -1; padding-top: 2px; }
.seo-audit-app .affected-urls ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.seo-audit-app .affected-urls code { display: block; padding: 7px 9px; overflow-wrap: anywhere; border-radius: 5px; background: #edf1f4; color: #425068; font-size: 10px; }
.seo-audit-app .secondary-checks { margin-top: 10px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.seo-audit-app .secondary-checks summary { font-size: 13px; font-weight: 720; }
.seo-audit-app .check-list { margin: 10px 0 0; padding-left: 20px; color: var(--muted); font-size: 13px; line-height: 1.55; }

/* Coverage capability map */
.seo-audit-app .verification-coverage { padding: 21px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
.seo-audit-app .coverage-heading { display: flex; justify-content: space-between; align-items: start; gap: 14px; }
.seo-audit-app .coverage-total { text-align: right; }
.seo-audit-app .coverage-total strong, .seo-audit-app .coverage-total span { display: block; }
.seo-audit-app .coverage-total strong { color: var(--success); font-size: 28px; font-variant-numeric: tabular-nums; letter-spacing: -.05em; }
.seo-audit-app .coverage-total span { color: var(--muted); font-size: 10px; }
.seo-audit-app .coverage-meter { height: 5px; margin: 15px 0 10px; overflow: hidden; border-radius: 5px; background: #e4e8ec; }
.seo-audit-app .coverage-meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--audit-green), var(--audit-green-bright)); }
.seo-audit-app .coverage-summary { margin: 0 0 14px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.seo-audit-app .coverage-groups { display: grid; gap: 16px; }
.seo-audit-app .coverage-group h3 { margin-bottom: 5px; color: var(--muted); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.seo-audit-app .coverage-group--browser-only { margin-top: 2px; padding-top: 16px; border-top: 1px dashed var(--border-strong); }
.seo-audit-app .coverage-group-hint { margin-left: 5px; color: var(--unavailable); font-weight: 700; letter-spacing: 0; text-transform: none; }
.seo-audit-app .coverage-group--browser-only > p { margin: 0 0 8px; font-size: 13px; line-height: 1.5; }
.seo-audit-app .coverage-list { margin: 0; padding: 0; list-style: none; }
.seo-audit-app .coverage-row { display: grid; grid-template-columns: 12px minmax(0,1fr) auto; gap: 4px 7px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid #eef0f3; font-size: 11px; }
.seo-audit-app .coverage-row:last-child { border-bottom: 0; }
.seo-audit-app .coverage-row-icon { text-align: center; }
.seo-audit-app .coverage-row-label { min-width: 0; }
.seo-audit-app .coverage-row-weight { margin-left: 5px; color: var(--subtle); font-size: 9px; white-space: nowrap; }
.seo-audit-app .coverage-row-status { font-size: 10px; font-weight: 760; text-align: right; white-space: nowrap; }
.seo-audit-app .coverage-row-detail { grid-column: 2 / -1; color: var(--muted); font-size: 9px; }
.seo-audit-app .coverage-row--verified .coverage-row-icon, .seo-audit-app .coverage-row--verified .coverage-row-status { color: var(--success); }
.seo-audit-app .coverage-row--partial .coverage-row-icon, .seo-audit-app .coverage-row--partial .coverage-row-status { color: var(--warn); }
.seo-audit-app .coverage-row--unavailable .coverage-row-icon, .seo-audit-app .coverage-row--unavailable .coverage-row-status { color: var(--unavailable); }
.seo-audit-app .coverage-row--not-applicable { opacity: .7; }

/* Category score ledger */
.seo-audit-app .category-ledger { padding: 21px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
.seo-audit-app .section-heading-inline { align-items: start; margin-bottom: 10px; }
.seo-audit-app .category-list { display: grid; gap: 0; }
.seo-audit-app .category-card { border-bottom: 1px solid var(--border); background: transparent; }
.seo-audit-app .category-card:last-child { border-bottom: 0; }
.seo-audit-app .category-card > summary { display: grid; grid-template-columns: 8px minmax(0,1fr) auto auto; gap: 9px; align-items: center; padding: 11px 0; list-style: none; }
.seo-audit-app .category-card > summary::-webkit-details-marker { display: none; }
.seo-audit-app .category-status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); }
.seo-audit-app .category-card--needs-attention .category-status-dot { background: var(--blocker); }
.seo-audit-app .category-card--verification-incomplete .category-status-dot { background: var(--unavailable); }
.seo-audit-app .category-card--not-assessed .category-status-dot { background: var(--subtle); }
.seo-audit-app .category-text strong, .seo-audit-app .category-state { display: block; }
.seo-audit-app .category-text strong { font-size: 11px; }
.seo-audit-app .category-state { color: var(--muted); font-size: 9px; }
.seo-audit-app .category-points { color: var(--success); font: 700 11px var(--font-mono); white-space: nowrap; }
.seo-audit-app .category-card--needs-attention .category-points { color: var(--blocker); }
.seo-audit-app .category-card--verification-incomplete .category-points { color: var(--unavailable); }
.seo-audit-app .category-body { padding: 0 0 11px 17px; }
.seo-audit-app .category-body p { margin: 0 0 4px; color: var(--muted); font-size: 12px; line-height: 1.55; }

/* Recheck relationship */
.seo-audit-app .recheck-workspace { margin: 0 0 34px; padding: 22px; border: 1px solid var(--border); background: var(--surface); }
.seo-audit-app .recheck-heading > p { max-width: 360px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; text-align: right; }
.seo-audit-app .change-timeline { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 25px 0 20px; padding: 0; list-style: none; }
.seo-audit-app .change-timeline::before { content: ""; position: absolute; top: 7px; right: 11%; left: 11%; height: 2px; background: var(--border); }
.seo-audit-app .change-timeline li { position: relative; z-index: 1; text-align: center; }
.seo-audit-app .timeline-dot { display: block; width: 16px; height: 16px; margin: 0 auto 8px; border: 4px solid #fff; border-radius: 50%; background: var(--border-strong); box-shadow: 0 0 0 1px var(--border); }
.seo-audit-app .change-timeline li.complete .timeline-dot { background: var(--success); }
.seo-audit-app .change-timeline li.retry .timeline-dot { background: var(--warn); }
.seo-audit-app .change-timeline strong, .seo-audit-app .change-timeline li > span:last-child { display: block; }
.seo-audit-app .change-timeline strong { font: 750 18px var(--font-mono); }
.seo-audit-app .change-timeline li > span:last-child { color: var(--muted); font-size: 10px; }
.seo-audit-app .comparison-ledger { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 16px; border: 1px solid var(--border); }
.seo-audit-app .comparison-ledger span { padding: 9px; border-right: 1px solid var(--border); color: var(--muted); font-size: 10px; text-align: center; }
.seo-audit-app .comparison-ledger span:last-child { border-right: 0; }
.seo-audit-app .comparison-ledger strong { margin-right: 3px; font: 750 13px var(--font-mono); }
.seo-audit-app .comparison-ledger .new strong { color: var(--blocker); }
.seo-audit-app .comparison-ledger .changed strong { color: var(--warn); }
.seo-audit-app .comparison-ledger .resolved strong { color: var(--success); }
.seo-audit-app .changed-page-result { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 10px; padding: 10px 0; border-top: 1px solid var(--border); }
.seo-audit-app .changed-page-result strong { min-width: 0; overflow-wrap: anywhere; font: 11px var(--font-mono); }
.seo-audit-app .changed-page-result > .muted { grid-column: 1 / -1; }

/* Page inventory: structured desktop rows, deliberate mobile cards below. */
.seo-audit-app .page-inventory { margin-top: 42px; }
.seo-audit-app .inventory-heading { align-items: start; }
.seo-audit-app .inventory-heading h2 span { color: var(--muted); font: 600 16px var(--font-mono); }
.seo-audit-app .inventory-heading > p { max-width: 420px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; text-align: right; }
.seo-audit-app .page-inventory-toolbar { display: flex; gap: 12px; align-items: center; margin: 18px 0 10px; }
.seo-audit-app .page-inventory-search { flex: 1; min-width: 0; min-height: 42px; padding: 0 12px; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface); font-size: 13px; }
.seo-audit-app .page-inventory-count { color: var(--muted); font-size: 10px; white-space: nowrap; }
.seo-audit-app .page-table-head { display: grid; grid-template-columns: 24px minmax(180px,1fr) 54px 86px 64px 18px; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--border-strong); color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.seo-audit-app .page-row { border-bottom: 1px solid var(--border); background: var(--surface); }
.seo-audit-app .page-row summary { display: grid; grid-template-columns: 24px minmax(180px,1fr) 54px 86px 64px 18px; gap: 10px; align-items: center; min-height: 68px; padding: 10px 12px; list-style: none; }
.seo-audit-app .page-row summary::-webkit-details-marker { display: none; }
.seo-audit-app .page-row summary:hover { background: #f8fafb; }
.seo-audit-app .page-select { width: 17px; height: 17px; accent-color: var(--audit-green); }
.seo-audit-app .page-main { min-width: 0; }
.seo-audit-app .page-main strong, .seo-audit-app .page-main span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seo-audit-app .page-main strong { font: 11px var(--font-mono); }
.seo-audit-app .page-main span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.seo-audit-app .page-cell { overflow-wrap: anywhere; color: var(--muted); font-size: 10px; }
.seo-audit-app .page-http b { display: inline-flex; padding: 3px 5px; border-radius: 4px; background: var(--success-soft); color: var(--success); font: 750 10px var(--font-mono); }
.seo-audit-app .page-http--error b { background: var(--blocker-soft); color: var(--blocker); }
.seo-audit-app .page-http--redirect b { background: var(--warn-soft); color: var(--warn); }
.seo-audit-app .page-http--unknown b { background: var(--unavailable-soft); color: var(--unavailable); }
.seo-audit-app .page-expand { color: var(--muted); font-size: 10px; }
.seo-audit-app .page-row[open] .page-expand { transform: rotate(180deg); }
.seo-audit-app .page-detail { padding: 14px 14px 18px 46px; border-top: 1px solid var(--border); background: #f8fafb; overflow-wrap: anywhere; }
.seo-audit-app .page-detail dl { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 5px 12px; margin: 0; }
.seo-audit-app .page-detail dt { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; }
.seo-audit-app .page-detail dd { margin: 0; font-size: 11px; }
.seo-audit-app .page-inventory-more { width: 100%; margin-top: 12px; }

/* Exports, extension, history */
.seo-audit-app .report-actions { padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
.seo-audit-app .report-actions-heading { margin-bottom: 12px; }
.seo-audit-app .report-actions-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.seo-audit-app .report-actions button { min-height: 39px; padding: 7px 8px; font-size: 10px; font-weight: 700; }
.seo-audit-app .extension-promo { display: grid; grid-template-columns: 50px minmax(0,1fr); gap: 13px; min-width: 0; padding: 20px; border: 1px solid #c9d9e5; border-radius: 14px; background: var(--info-soft); }
.seo-audit-app .extension-promo svg { width: 48px; height: 48px; stroke: var(--info); stroke-width: 1.6; }
.seo-audit-app .extension-promo strong { display: block; font-size: 13px; }
.seo-audit-app .extension-promo p { margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.seo-audit-app .extension-promo .button-link { grid-column: 1 / -1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 44px; max-width: 100%; margin-top: 6px; padding: 10px 16px; border: 1.5px solid var(--info); border-radius: 10px; background: #fff; color: var(--info); font-size: 11px; font-weight: 750; text-decoration: none; }
.seo-audit-app .extension-promo .button-link:hover { background: var(--info-soft); }
.seo-audit-app .extension-promo .extension-promo-why { grid-column: 1 / -1; display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; color: var(--muted); font-size: 11px; font-weight: 700; text-decoration: underline; }
.seo-audit-app .extension-promo-contextual { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; padding: 20px; border: 1px solid #c9d9e5; border-radius: 14px; background: var(--info-soft); }
.seo-audit-app .extension-promo-contextual-text { min-width: 0; flex: 1 1 260px; }
.seo-audit-app .extension-promo-contextual-text strong { display: block; font-size: 13px; }
.seo-audit-app .extension-promo-contextual-text p { margin: 5px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.seo-audit-app .extension-promo-contextual-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.seo-audit-app .extension-promo-contextual-cta { display: inline-flex; align-items: center; gap: 6px; min-width: 0; min-height: 44px; padding: 10px 16px; border-radius: 999px; background: var(--info); color: #fff; font-size: 11px; font-weight: 750; text-decoration: none; }
.seo-audit-app .extension-promo-contextual-dismiss { min-height: 44px; padding: 10px 8px; border: 0; background: none; color: var(--muted); font-size: 11px; font-weight: 700; text-decoration: underline; cursor: pointer; }
.seo-audit-app .scan-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--border); }
.seo-audit-app .history-score { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 18px; align-items: center; min-width: 0; }
.seo-audit-app .history-score-number { display: flex; align-items: baseline; color: var(--muted); }
.seo-audit-app .history-score-number strong { font-size: 34px; font-variant-numeric: tabular-nums; letter-spacing: -.06em; }
.seo-audit-app .history-score.danger .history-score-number { color: var(--blocker); }
.seo-audit-app .history-score.warning .history-score-number { color: var(--warn); }
.seo-audit-app .history-score.positive .history-score-number { color: var(--success); }
.seo-audit-app .history-score-number small { font-size: 9px; }
.seo-audit-app .history-summary { min-width: 0; }
.seo-audit-app .history-mode { color: var(--audit-green); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.seo-audit-app .history-summary h3 { margin: 3px 0; }
.seo-audit-app .history-summary code, .seo-audit-app .history-summary small { display: block; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.seo-audit-app .scan-row .actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; align-items: center; }
.seo-audit-app .scan-row .history-open { border-color: var(--ink); background: var(--ink); color: #fff; }
.seo-audit-app .history-detail { grid-column: 1 / -1; }
.seo-audit-app .historical-report-notice { margin-top: 20px; }

/* Separate performance companion — never part of the readiness score hero. */
.seo-audit-app .pagespeed-live-region { margin-top: 28px; min-width: 0; }
.seo-audit-app .pagespeed-companion { min-width: 0; padding: 24px; border: 2px solid #9eb9d2; border-radius: var(--audit-radius); background: #f4f8fc; box-shadow: 0 10px 28px rgba(26,69,105,.08); }
.seo-audit-app .pagespeed-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.seo-audit-app .pagespeed-heading h2 { margin: 2px 0 0; font-size: 24px; }
.seo-audit-app .pagespeed-target code, .seo-audit-app .pagespeed-final-url code { overflow-wrap: anywhere; word-break: break-word; }
.seo-audit-app .pagespeed-start { margin-top: 14px; }
.seo-audit-app .pagespeed-results { display: grid; gap: 16px; margin-top: 18px; }
.seo-audit-app .pagespeed-loading { display: flex; gap: 12px; align-items: center; min-height: 76px; padding: 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); scroll-margin-top: 28px; }
.seo-audit-app .pagespeed-loading p { margin: 0; }
.seo-audit-app .pagespeed-loading span { color: var(--muted); }
.seo-audit-app .pagespeed-spinner { width: 25px; height: 25px; flex: 0 0 auto; border: 3px solid #d8e5ef; border-top-color: var(--audit-blue); border-radius: 50%; animation: pagespeed-spin .8s linear infinite; }
@keyframes pagespeed-spin { to { transform: rotate(360deg); } }
.seo-audit-app .pagespeed-result-card, .seo-audit-app .pagespeed-error { min-width: 0; padding: 20px; border: 1px solid var(--border); border-left: 5px solid var(--audit-blue); border-radius: 10px; background: var(--surface); scroll-margin-top: 28px; }
.seo-audit-app .pagespeed-result-card[data-tone="good"] { border-left-color: var(--success); }
.seo-audit-app .pagespeed-result-card[data-tone="improve"] { border-left-color: var(--warn); }
.seo-audit-app .pagespeed-result-card[data-tone="poor"], .seo-audit-app .pagespeed-error { border-left-color: var(--blocker); }
.seo-audit-app .pagespeed-score-row { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 18px; align-items: center; }
.seo-audit-app .pagespeed-score { display: flex; align-items: baseline; color: var(--audit-blue); }
.seo-audit-app .pagespeed-score strong { font-size: 44px; line-height: 1; }
.seo-audit-app .pagespeed-score span { font-size: 13px; }
.seo-audit-app .pagespeed-score-row h3, .seo-audit-app .pagespeed-score-row p { margin: 0; }
.seo-audit-app .pagespeed-strategy { color: var(--audit-blue); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.seo-audit-app .pagespeed-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 18px 0; border: 1px solid var(--border); border-radius: 9px; overflow: hidden; }
.seo-audit-app .pagespeed-metrics div { min-width: 0; padding: 11px; border-right: 1px solid var(--border); }
.seo-audit-app .pagespeed-metrics div:last-child { border-right: 0; }
.seo-audit-app .pagespeed-metrics dt { color: var(--muted); font-size: 11px; font-weight: 800; }
.seo-audit-app .pagespeed-metrics dd { margin: 2px 0 0; font-weight: 800; overflow-wrap: anywhere; }
.seo-audit-app .pagespeed-recommendations h4 { margin: 0 0 8px; }
.seo-audit-app .pagespeed-recommendations ol { margin: 0 0 16px; padding-left: 22px; }
.seo-audit-app .pagespeed-recommendations li { padding: 5px 0; overflow-wrap: anywhere; word-break: break-word; }
.seo-audit-app .pagespeed-recommendations li span { display: block; color: var(--muted); font-size: 12px; }
.seo-audit-app .pagespeed-error p { margin: 0 0 8px; }
.seo-audit-app .pagespeed-variance, .seo-audit-app .pagespeed-attribution { margin: 12px 0 0; color: var(--muted); font-size: 12px; }

/* Editorial composition: shared rhythm tokens prevent adjacent sections
   from accumulating oversized top/bottom whitespace. */
.audit-section { padding: var(--audit-section-space) 0; }
.audit-section--tint { background: var(--audit-tint); }
.audit-section--ink { background: var(--audit-ink); color: #eef4fa; }
.section-heading { max-width: 760px; margin-bottom: var(--audit-section-heading-gap); }
.section-heading h2, .audit-intro-band h2, .audit-section h2, .audit-final-cta h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); font-weight: 740; letter-spacing: -.045em; line-height: 1.08; }
.section-heading > p:last-child { max-width: 650px; margin: 16px 0 0; color: var(--audit-slate); font-size: clamp(16px, 1.35vw, 17px); font-weight: 450; line-height: 1.7; }
.section-heading--split { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.7fr); gap: 70px; align-items: end; max-width: none; }
.section-heading--split > p { margin: 0; }
.audit-intro-band { padding: var(--audit-section-space) 0; border-bottom: 1px solid var(--audit-line); }
.audit-intro-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.78fr); gap: 28px 80px; align-items: start; }
.intro-statement { margin: 0; max-width: 720px; font-size: clamp(30px, 4.5vw, 54px); font-weight: 470; letter-spacing: -.04em; line-height: 1.12; }
.intro-statement strong { color: var(--audit-green); font-weight: 740; }
.audit-intro-grid .prose { font-size: clamp(16px, 1.35vw, 17px); font-weight: 450; }
.intro-facts { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); margin: 22px 0 0; border-top: 1px solid var(--audit-line-strong); }
.intro-facts div { display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 20px 22px 0 0; }
.intro-facts dt { color: var(--audit-green); font: 700 11px var(--audit-mono); }
.intro-facts dd { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.45; }
.audit-capability-map { display: grid; grid-template-columns: 230px minmax(0,1fr); border-top: 1px solid var(--audit-line-strong); }
.capability-stage { padding: 28px 30px 28px 0; border-bottom: 1px solid var(--audit-line-strong); }
.capability-stage .stage-number { color: var(--audit-green); font: 700 11px var(--audit-mono); }
.capability-stage p { margin: 24px 0 0; font-size: 17px; font-weight: 720; line-height: 1.35; }
.capability-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-bottom: 1px solid var(--audit-line-strong); border-left: 1px solid var(--audit-line-strong); }
.capability-list article { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 15px; padding: 28px 24px; border-right: 1px solid var(--audit-line); }
.capability-list article:last-child { border-right: 0; }
.capability-code { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #9fb8b2; border-radius: 50%; color: var(--audit-green); font: 700 9px var(--audit-mono); }
.capability-list h3 { margin: 0 0 7px; font-size: 15px; }
.capability-list p { margin: 0; color: var(--audit-slate); font-size: 15px; font-weight: 450; line-height: 1.65; }
.helper-rail { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 30px; margin-top: 28px; padding: 21px 0; border-top: 1px solid #c6d2d2; border-bottom: 1px solid #c6d2d2; }
.helper-rail > span { color: var(--audit-green); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.helper-rail p { margin: 0; color: var(--audit-slate); font-size: 14px; font-weight: 450; line-height: 1.7; }
.scope-workflow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--audit-line-strong); border-bottom: 1px solid var(--audit-line-strong); }
.scope-workflow article { position: relative; display: grid; grid-template-rows: auto 90px 1fr; min-height: 300px; padding: 24px 28px 28px; border-right: 1px solid var(--audit-line-strong); }
.scope-workflow article:last-child { border-right: 0; }
.scope-index { font: 700 11px var(--audit-mono); color: var(--audit-muted); }
.scope-workflow svg { width: 72px; height: 72px; align-self: center; stroke: var(--audit-green); stroke-width: 1.4; }
.scope-workflow h3 { margin: 0 0 9px; font-size: 20px; }
.scope-workflow p { margin: 0; color: var(--audit-slate); font-size: 15px; font-weight: 450; line-height: 1.65; }
.launch-playbook { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: 90px; align-items: start; }
.playbook-heading { position: sticky; top: 100px; }
.playbook-heading .section-kicker { color: var(--audit-green-bright); }
.playbook-heading h2 { color: #fff; }
.playbook-heading > p:last-child { margin: 22px 0 0; color: #bdc8d7; font-size: 16px; font-weight: 450; line-height: 1.7; }
.playbook-steps { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.playbook-steps li { display: grid; grid-template-columns: 60px minmax(0,1fr); column-gap: 24px; padding: 23px 0; border-bottom: 1px solid #2a3549; }
.playbook-steps li:first-child { border-top: 1px solid #2a3549; }
.playbook-step-header { display: contents; }
.playbook-step-header span { grid-column: 1; color: var(--audit-green-bright); font: 700 11px var(--audit-mono); }
.playbook-step-header strong { grid-column: 2; }
.playbook-steps strong { color: #fff; font-size: 17px; }
.playbook-steps p { grid-column: 2; margin: 6px 0 0; color: #c0cad7; font-size: 15px; font-weight: 450; line-height: 1.6; }
.readiness-layout { display: grid; grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); gap: 90px; align-items: start; }
.readiness-layout .section-heading { margin: 0; }
.verdict-spectrum { border-top: 1px solid var(--audit-line-strong); }
.verdict-spectrum article { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 20px; padding: 23px 0; border-bottom: 1px solid var(--audit-line-strong); }
.verdict-signal { display: block; width: 10px; height: 10px; margin-top: 6px; border-radius: 50%; background: var(--audit-green); box-shadow: 0 0 0 5px var(--audit-green-soft); }
.verdict-spectrum .is-review .verdict-signal { background: var(--audit-amber); box-shadow: 0 0 0 5px var(--audit-amber-soft); }
.verdict-spectrum .is-blocked .verdict-signal { background: var(--audit-red); box-shadow: 0 0 0 5px var(--audit-red-soft); }
.verdict-spectrum .verdict-range { margin: 0 0 3px; color: var(--audit-muted); font: 700 10px var(--audit-mono); text-transform: uppercase; }
.verdict-spectrum h3 { margin: 0; font-size: 19px; }
.verdict-spectrum div > p:last-child { margin: 5px 0 0; color: var(--audit-slate); font-size: 15px; font-weight: 450; line-height: 1.6; }
.score-note { max-width: 880px; margin: 32px 0 0 auto; padding: 18px 0 0; border-top: 1px solid var(--audit-line); color: var(--audit-slate); font-size: 15px; font-weight: 450; line-height: 1.7; }
.verification-explainer { display: grid; grid-template-columns: minmax(270px,.7fr) minmax(0,1.3fr); gap: 36px 80px; }
.verification-explainer .section-heading { margin: 0; }
.verification-flow { display: grid; grid-template-columns: auto 1fr auto 1fr auto auto auto; gap: 10px; align-items: center; align-self: center; }
.verification-flow span { padding: 9px 11px; border: 1px solid #b6c6c7; border-radius: 7px; background: #fff; color: var(--audit-ink); font: 700 10px var(--audit-mono); text-align: center; }
.verification-flow i { height: 1px; background: #aebcbc; }
.verification-flow b { color: var(--audit-amber); }
.verification-flow .muted-node { border-style: dashed; color: #536177; background: transparent; }
.verification-columns { grid-column: 2; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
.verification-columns h3 { margin: 0 0 10px; color: var(--audit-ink); font-size: 15px; }
.verification-columns p { margin: 0; font-size: 15px; font-weight: 450; line-height: 1.7; }
.audience-strip { display: grid; grid-template-columns: minmax(240px,.6fr) minmax(300px,1fr); gap: 12px 90px; align-items: start; }
.audience-strip .section-kicker { grid-column: 1 / -1; }
.audience-strip h2 { font-size: clamp(30px,4vw,45px); }
.audience-strip > p { margin: 0; color: var(--audit-slate); font-size: 16px; font-weight: 450; line-height: 1.75; }
.audience-tags { grid-column: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.audience-tags span { padding: 7px 10px; border-bottom: 2px solid var(--audit-green); color: var(--audit-slate); font-size: 11px; font-weight: 700; }
.audit-section--privacy { background: #e2eee9; }
.privacy-layout { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: 90px; align-items: start; }
.privacy-layout svg { width: 62px; height: 62px; margin-bottom: 24px; stroke: var(--audit-green); stroke-width: 1.6; }
.privacy-layout .prose ul { display: grid; gap: 12px; margin: 0; padding-left: 20px; }
.privacy-layout .prose li { padding-left: 6px; font-size: 15px; font-weight: 450; line-height: 1.7; }
.faq-layout { display: grid; grid-template-columns: minmax(250px,.55fr) minmax(0,1.45fr); gap: 90px; align-items: start; }
.faq-heading { position: sticky; top: 100px; }
.faq-heading > p:last-child { margin: 16px 0 0; color: var(--audit-slate); font-size: 16px; font-weight: 450; line-height: 1.7; }
.faq-list details { border-top: 1px solid var(--audit-line-strong); }
.faq-list details:last-child { border-bottom: 1px solid var(--audit-line-strong); }
.faq-list summary { position: relative; padding: 19px 40px 19px 0; color: var(--audit-ink); font-size: 15px; font-weight: 720; line-height: 1.45; list-style: none; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 4px; color: var(--audit-green); font: 400 22px var(--audit-font); }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { margin: 0; padding: 0 46px 20px 0; font-size: 15px; font-weight: 450; line-height: 1.7; }
.audit-final-cta { padding: 64px 0 42px; background: var(--audit-ink); color: #fff; }
.audit-final-cta .section-kicker { color: var(--audit-green-bright); }
.final-cta-inner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 50px; align-items: end; padding-bottom: 38px; border-bottom: 1px solid #2b3649; }
.final-cta-inner h2 { color: #fff; max-width: 700px; }
.final-cta-inner p:not(.section-kicker) { max-width: 600px; margin: 16px 0 0; color: #bdc8d7; font-size: 16px; font-weight: 450; line-height: 1.65; }
.final-cta-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.final-cta-actions .btn-primary { background: var(--audit-green-bright); color: #06271d; }
.final-cta-actions .btn-ghost { border-color: #45536a; color: #d9e2ec; }
.final-cta-meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 0; font-size: 11px; }
.final-cta-meta a { color: #9fb0c5; }
.final-cta-meta span { color: #8795a9; }

/* Tablet */
@media (max-width: 1024px) {
  .seo-audit-app .tool-header { padding: 50px 45px 44px; }
  .seo-audit-app .tool-hero-grid { grid-template-columns: minmax(0,1.1fr) minmax(280px,.7fr); gap: 24px; }
  .seo-audit-app .audit-visual svg { max-height: 340px; }
  .seo-audit-app .tool-panels > section { padding: 34px; }
  .seo-audit-app .score-composition { grid-template-columns: 150px minmax(0,1fr); }
  .seo-audit-app .report-kpis { grid-column: 1 / -1; grid-template-columns: repeat(4,minmax(0,1fr)); }
  .seo-audit-app .report-kpis div, .seo-audit-app .report-kpis div:nth-child(2n) { border-right: 1px solid rgba(255,255,255,.1); border-bottom: 0; }
  .seo-audit-app .report-kpis div:last-child { border-right: 0; }
  .seo-audit-app .report-layout { grid-template-columns: minmax(0,1.4fr) minmax(280px,.8fr); gap: 22px; }
  .seo-audit-page { --audit-section-space: 64px; --audit-section-heading-gap: 30px; }
  .audit-capability-map { grid-template-columns: 190px minmax(0,1fr); }
  .capability-list { grid-template-columns: 1fr; }
  .capability-list article { border-right: 0; border-bottom: 1px solid var(--audit-line); }
  .capability-list article:last-child { border-bottom: 0; }
  .launch-playbook, .readiness-layout, .faq-layout { gap: 60px; }
}

/* Mobile is a separate composition, not collapsed desktop grids. */
@media (max-width: 768px) {
  body:has(.seo-audit-page) .main-nav { display: none; }
  body:has(.seo-audit-page) .menu-btn { display: flex; }
  .seo-audit-page .container { padding-inline: 16px; }
  .seo-audit-page { --audit-section-space: 50px; --audit-section-heading-gap: 27px; --audit-paragraph-gap: 10px; }
  .audit-breadcrumb-wrap { padding-top: 12px; }
  .audit-app-wrap { padding-inline: 0 !important; padding-bottom: 40px; }
  .audit-app-wrap .seo-audit-app { border-right: 0; border-left: 0; border-radius: 0; }
  .seo-audit-app { --scroll-context-offset: 70px; }
  .seo-audit-app .tool-header { padding: 38px 22px 30px; }
  .seo-audit-app .tool-hero-grid { display: block; }
  .seo-audit-app .tool-header h1 { font-size: clamp(32px,9.3vw,46px); }
  .seo-audit-app .tool-subhead { margin: 17px 0 24px; font-size: 16px; }
  .seo-audit-app .audit-visual { margin: 26px auto 0; max-width: 410px; }
  .seo-audit-app .audit-visual svg { max-height: 270px; }
  .seo-audit-app .audit-visual > p { margin-top: -15px; }
  .seo-audit-app .tool-panels > section { padding: 28px 16px 36px; }
  .seo-audit-app .score-hero { padding: 20px 18px 16px; border-radius: 14px; }
  .seo-audit-app .report-identity { grid-template-columns: auto minmax(0,1fr); }
  .seo-audit-app .report-identity time { grid-column: 1 / -1; }
  .seo-audit-app .score-composition { grid-template-columns: 106px minmax(0,1fr); gap: 18px; padding: 22px 0 20px; }
  .seo-audit-app .score-ring { width: 100px; }
  .seo-audit-app .score-ring strong { font-size: 36px; }
  .seo-audit-app .verdict-block h2 { font-size: 26px; }
  .seo-audit-app .report-kpis { grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .seo-audit-app .report-kpis div, .seo-audit-app .report-kpis div:nth-child(2n) { border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
  .seo-audit-app .report-kpis div:nth-child(2n) { border-right: 0; }
  .seo-audit-app .report-kpis div:nth-last-child(-n+2) { border-bottom: 0; }
  .seo-audit-app .report-nav { top: 60px; margin-inline: -4px; }
  .seo-audit-app .report-nav a { display: inline-flex; align-items: center; min-height: 44px; }
  .seo-audit-app .extension-cta-strip { flex-direction: column; align-items: stretch; }
  .seo-audit-app .extension-cta-primary { justify-content: center; width: 100%; }
  .seo-audit-app .extension-cta-note { text-align: center; }
  .seo-audit-app .filter-chip, .seo-audit-app .report-actions button, .seo-audit-app button.small { min-height: 44px; }
  .seo-audit-app .page-inventory-search { min-height: 44px; }
  .seo-audit-app .page-select { width: 22px; height: 22px; }
  .seo-audit-app .category-card > summary { min-height: 44px; }
  .seo-audit-app .secondary-checks summary { display: flex; align-items: center; min-height: 44px; }
  .seo-audit-app .report-layout { display: flex; flex-direction: column; }
  .seo-audit-app .pagespeed-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .seo-audit-app .pagespeed-metrics div { border-bottom: 1px solid var(--border); }
  .seo-audit-app .pagespeed-metrics div:nth-child(3) { border-right: 0; }
  .seo-audit-app .pagespeed-metrics div:nth-last-child(-n+2) { border-bottom: 0; }
  .seo-audit-app .report-primary, .seo-audit-app .report-secondary { width: 100%; }
  .seo-audit-app .report-primary { order: 1; }
  .seo-audit-app .report-secondary { order: 2; }
  .seo-audit-app .verification-coverage, .seo-audit-app .category-ledger, .seo-audit-app .report-actions, .seo-audit-app .extension-promo, .seo-audit-app .extension-promo-contextual { border-radius: 10px; }
  .seo-audit-app .extension-promo-contextual { margin-top: 20px; }
  .seo-audit-app .extension-promo-contextual-actions { width: 100%; justify-content: space-between; }
  .seo-audit-app .finding-body { grid-template-columns: 1fr; padding: 18px; }
  .seo-audit-app .affected-urls { grid-column: 1; }
  .seo-audit-app .inventory-heading, .seo-audit-app .recheck-heading { display: block; }
  .seo-audit-app .inventory-heading > p, .seo-audit-app .recheck-heading > p { margin-top: 8px; text-align: left; }
  .seo-audit-app .page-table-head { display: none; }
  .seo-audit-app .page-row { margin: 9px 0; border: 1px solid var(--border); border-radius: 9px; }
  .seo-audit-app .page-row summary { grid-template-columns: 22px minmax(0,1fr) auto; gap: 9px; padding: 13px; }
  .seo-audit-app .page-main { grid-column: 2; }
  .seo-audit-app .page-main strong, .seo-audit-app .page-main span { overflow-wrap: anywhere; text-overflow: clip; white-space: normal; }
  .seo-audit-app .page-cell { display: flex; align-items: center; gap: 5px; padding-top: 5px; }
  .seo-audit-app .page-cell::before { content: attr(data-label) ":"; color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; }
  .seo-audit-app .page-http { grid-column: 2; }
  .seo-audit-app .page-indexability { grid-column: 2; }
  .seo-audit-app .page-discovery { grid-column: 2; }
  .seo-audit-app .page-expand { grid-column: 3; grid-row: 1; }
  .seo-audit-app .page-detail { padding: 13px; }
  .seo-audit-app .page-detail dl { grid-template-columns: 1fr; }
  .seo-audit-app .page-detail dd { margin-bottom: 7px; }
  .seo-audit-app .scan-row { grid-template-columns: 1fr; }
  .seo-audit-app .scan-row .actions { justify-content: flex-start; }
  .seo-audit-app .history-detail { grid-column: 1; }
  .audit-intro-band { padding: var(--audit-section-space) 0; }
  .audit-intro-grid, .section-heading--split, .launch-playbook, .readiness-layout, .verification-explainer, .audience-strip, .privacy-layout, .faq-layout, .final-cta-inner { grid-template-columns: 1fr; gap: 36px; }
  .intro-facts { grid-template-columns: 1fr; gap: 0; }
  .intro-facts div { padding: 16px 0; border-bottom: 1px solid var(--audit-line); }
  .audit-capability-map { grid-template-columns: 1fr; }
  .capability-stage { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 12px; padding: 22px 0; }
  .capability-stage p { margin: 0; font-size: 16px; }
  .capability-list { border-left: 0; }
  .capability-list article { padding: 22px 0; }
  .helper-rail { grid-template-columns: 1fr; gap: 8px; }
  .scope-workflow { grid-template-columns: 1fr; }
  .scope-workflow article { grid-template-columns: 38px 70px minmax(0,1fr); grid-template-rows: 1fr; min-height: 0; padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--audit-line); }
  .scope-workflow article:last-child { border-bottom: 0; }
  .scope-workflow svg { width: 56px; height: 56px; align-self: start; }
  .playbook-heading, .faq-heading { position: static; }
  .playbook-steps li { display: block; padding: 20px 0; }
  .playbook-step-header { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 10px; align-items: baseline; }
  .playbook-step-header span, .playbook-step-header strong { grid-column: auto; }
  .playbook-steps p { margin: 8px 0 0; }
  .verification-flow { grid-template-columns: 1fr auto 1fr; }
  .verification-flow i:nth-of-type(2), .verification-flow b, .verification-flow .muted-node { display: none; }
  .verification-columns { grid-column: 1; }
  .audience-strip .section-kicker, .audience-tags { grid-column: 1; }
  .final-cta-actions { justify-content: flex-start; }
}

@media (max-width: 430px) {
  .seo-audit-page .container { padding-inline: 14px; }
  .seo-audit-app .tool-header { padding-inline: 18px; }
  .seo-audit-app .command-row { grid-template-columns: 1fr; gap: 3px; padding: 7px; }
  .seo-audit-app .command-row input { min-height: 46px; padding: 0 9px; font-size: 16px; }
  .seo-audit-app .command-actions { grid-template-columns: 1fr; }
  .seo-audit-app .pagespeed-heading { align-items: stretch; flex-direction: column; }
  .seo-audit-app .pagespeed-heading button { width: 100%; }
  .seo-audit-app .pagespeed-companion { padding: 16px; }
  .seo-audit-app .pagespeed-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .seo-audit-app .pagespeed-metrics div:nth-child(3) { border-right: 1px solid var(--border); }
  .seo-audit-app .pagespeed-metrics div:nth-child(2n) { border-right: 0; }
  .seo-audit-app .pagespeed-metrics div:nth-last-child(-n+2) { border-bottom: 1px solid var(--border); }
  .seo-audit-app .pagespeed-metrics div:last-child { border-bottom: 0; }
  .seo-audit-app .command-action { min-height: 66px; }
  .seo-audit-app .command-subnav { align-items: flex-start; flex-direction: column; gap: 0; }
  .seo-audit-app .score-composition { grid-template-columns: 86px minmax(0,1fr); gap: 14px; }
  .seo-audit-app .score-ring { width: 82px; }
  .seo-audit-app .score-ring strong { font-size: 29px; }
  .seo-audit-app .verdict-block h2 { font-size: 22px; }
  .seo-audit-app .segment-labels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  .seo-audit-app .segment-labels span { grid-template-columns: 7px auto minmax(0,1fr); min-width: 0; }
  .seo-audit-app .segment-labels .unverified { grid-column: 1 / -1; }
  .seo-audit-app .mode-intro { grid-template-columns: 1fr; }
  .seo-audit-app .workflow-line { grid-template-columns: 1fr; gap: 5px; }
  .seo-audit-app .workflow-line i { display: none; }
  .seo-audit-app .changed-pages-action, .seo-audit-app .history-head { align-items: stretch; flex-direction: column; }
  .seo-audit-app .history-head-actions { justify-content: flex-start; }
  .seo-audit-app .changed-pages-action button { width: 100%; }
  .seo-audit-app details.finding > summary { grid-template-columns: 10px minmax(0,1fr); }
  .seo-audit-app .finding-review { grid-column: 2; }
  .seo-audit-app .comparison-ledger { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .seo-audit-app .comparison-ledger span:nth-child(2) { border-right: 0; }
  .seo-audit-app .comparison-ledger span:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
  .seo-audit-app .report-actions-grid { grid-template-columns: 1fr; }
  .seo-audit-app .history-score { grid-template-columns: 60px minmax(0,1fr); gap: 12px; }
  .seo-audit-app .history-score-number strong { font-size: 29px; }
  .verification-columns { grid-template-columns: 1fr; }
}

@media (max-width: 320px) {
  .seo-audit-page { --audit-section-space: 44px; --audit-section-heading-gap: 24px; }
  .seo-audit-page .container { padding-inline: 10px; }
  .seo-audit-app .tool-header { padding: 32px 14px 26px; }
  .seo-audit-app .tool-header h1 { font-size: 29px; }
  .seo-audit-app .tool-subhead { font-size: 14px; }
  .seo-audit-app .tool-trust-chips { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .seo-audit-app .audit-visual > p { display: none; }
  .seo-audit-app .tool-panels > section { padding-inline: 10px; }
  .seo-audit-app .score-hero { padding-inline: 12px; }
  .seo-audit-app .pagespeed-score-row { grid-template-columns: 1fr; gap: 8px; }
  .seo-audit-app .pagespeed-score strong { font-size: 36px; }
  .seo-audit-app .score-composition { grid-template-columns: 72px minmax(0,1fr); gap: 10px; }
  .seo-audit-app .score-ring { width: 68px; }
  .seo-audit-app .score-ring strong { font-size: 24px; }
  .seo-audit-app .verdict-block h2 { font-size: 19px; }
  .seo-audit-app .report-kpis dd { font-size: 14px; }
  .seo-audit-app .distribution-head span:last-child { display: none; }
  .seo-audit-app .priority-list li { grid-template-columns: 26px minmax(0,1fr); padding-inline: 12px; }
  .seo-audit-app .priority-arrow { display: none; }
  .seo-audit-app .priority-heading { padding-inline: 12px; }
  .seo-audit-app .coverage-row { grid-template-columns: 10px minmax(0,1fr); }
  .seo-audit-app .coverage-row-status, .seo-audit-app .coverage-row-detail { grid-column: 2; text-align: left; }
  .seo-audit-app .change-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 4px; }
  .seo-audit-app .change-timeline::before { display: none; }
  .seo-audit-app .page-inventory-toolbar { align-items: stretch; flex-direction: column; }
  .section-heading h2, .audit-section h2, .audit-final-cta h2 { font-size: 29px; }
  .scope-workflow article { grid-template-columns: 30px 52px minmax(0,1fr); gap: 8px; }
  .scope-workflow svg { width: 45px; height: 45px; }
  .playbook-step-header { grid-template-columns: 28px minmax(0,1fr); gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .seo-audit-page *, .seo-audit-page *::before, .seo-audit-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media print {
  .seo-audit-app .tool-header, .seo-audit-app .report-nav, .seo-audit-app .extension-promo, .seo-audit-app .extension-promo-contextual, .seo-audit-app .report-actions { display: none; }
  .seo-audit-app .tool-panels > section { padding: 0; }
  .seo-audit-app .report-layout { display: block; }
  .seo-audit-app .report-secondary { margin-top: 24px; }
  .seo-audit-app details { break-inside: avoid; }
  .seo-audit-app .pagespeed-companion button, .seo-audit-app .pagespeed-loading { display: none; }
  .seo-audit-app .pagespeed-companion, .seo-audit-app .pagespeed-result-card { break-inside: avoid; box-shadow: none; }
}