/* SparkSEO Schema Validator. Every selector is contained by the tool roots. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@600;700;800&display=swap');
:is(#sv-app, #sv-results) { --sv-navy:#0a2540; --sv-blue:#3f6bff; --sv-blue-dark:#2747c9; --sv-green:#22c55e; --sv-green-dark:#126b34; --sv-text:#3f465c; --sv-muted:#596479; --sv-line:#e3e6ee; --sv-bg:#f5f7fb; --sv-red:#b91c1c; --sv-amber:#92400e; color:var(--sv-text); font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.55; text-align:left; overflow-wrap:anywhere; -webkit-font-smoothing:antialiased; }
:is(#sv-app, #sv-results), :is(#sv-app, #sv-results) * { box-sizing:border-box; }
:is(#sv-app, #sv-results) [hidden] { display:none !important; }
:is(#sv-app, #sv-results) :where(h1,h2,h3,h4,p,ul,ol,figure) { margin:0; padding:0; }
:is(#sv-app, #sv-results) :where(h1,h2,h3,h4) { font-family:"Inter Tight",Inter,sans-serif; color:var(--sv-navy); letter-spacing:-.025em; font-weight:700; }
:is(#sv-app, #sv-results) h2 { font-size:clamp(25px,2.5vw,34px); line-height:1.18; }
:is(#sv-app, #sv-results) h3 { font-size:21px; line-height:1.3; }
:is(#sv-app, #sv-results) a { color:var(--sv-blue-dark); text-decoration:underline; text-underline-offset:3px; }
:is(#sv-app, #sv-results) :where(button,input,textarea,select) { font:inherit; letter-spacing:normal; }
:is(#sv-app, #sv-results) button { cursor:pointer; }
:is(#sv-app, #sv-results) button:disabled { cursor:wait; opacity:.65; }
:is(#sv-app, #sv-results) :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible { outline:3px solid var(--sv-blue); outline-offset:4px; }
:is(#sv-app, #sv-results) :where(section,[id]) { scroll-margin-top:110px; }
#sv-app { background:#fff; width:100%; isolation:isolate; }
#sv-app .sv-hero { display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(28px,4vw,62px); padding:64px max(24px,calc((100% - 1248px)/2)) 58px; background:radial-gradient(900px 420px at 85% 0%,#eaf0ff 0,transparent 70%),linear-gradient(180deg,#fff,#f7f9fd); align-items:start; }
#sv-app .sv-hero-copy { min-width:0; }
#sv-app #sv-landing-title { font-size:clamp(42px,4.5vw,64px); line-height:1.02; font-weight:800; margin:22px 0 20px; }
#sv-app :is(#sv-free,.sv-free) { color:#169b48; }
#sv-app :is(#sv-hero-subtitle,.sv-hero-subtitle) { display:block; font-size:clamp(28px,2.6vw,36px); line-height:1.13; color:var(--sv-blue); margin-top:12px; font-weight:700; }
#sv-app .sv-lead { font-size:18px; line-height:1.6; max-width:640px; }
#sv-app .sv-ticks { list-style:none; display:grid; gap:14px; margin:24px 0 26px; }
#sv-app .sv-ticks li { position:relative; padding-left:30px; color:var(--sv-navy); line-height:1.5; }
#sv-app .sv-ticks li::before { content:'✓'; position:absolute; left:0; top:0; color:var(--sv-green-dark); font-weight:800; font-size:21px; }
#sv-app .sv-trust { display:flex; flex-wrap:wrap; gap:9px; }
#sv-app .sv-trust > * { padding:7px 12px; border:1px solid var(--sv-line); border-radius:999px; background:white; color:var(--sv-navy); font-size:12px; font-weight:600; }
:is(#sv-app, #sv-results) .sv-pill { display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:#e9f9ef; color:var(--sv-green-dark); font-size:12px; font-weight:800; letter-spacing:.055em; line-height:1.5; }
:is(#sv-app, #sv-results) .sv-pill-blue { color:var(--sv-blue-dark); background:#eef2ff; }
#sv-app #sv-form-mount { min-width:0; padding-top:10px; }
#sv-app .sv-form { position:relative; padding:30px; border:1px solid #d7ddea; border-radius:24px; background:#fff; box-shadow:0 26px 60px #0a254021; }
#sv-app .sv-ribbon { position:absolute; top:-15px; right:26px; border-radius:999px; padding:6px 16px; background:var(--sv-green); color:#092f19; font-weight:800; font-size:13px; letter-spacing:.07em; box-shadow:0 8px 18px #22c55e35; }
#sv-app .sv-form h2 { font-size:25px; line-height:1.2; margin-bottom:6px; }
#sv-app .sv-form-intro { font-size:14px; color:var(--sv-muted); margin-bottom:20px; }
#sv-app .sv-fieldset { min-width:0; padding:0; margin:0; border:0; }
#sv-app .sv-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; border-radius:12px; background:#f1f3f8; padding:4px; margin-bottom:20px; }
#sv-app .sv-tab { min-height:44px; color:var(--sv-text); border:0; background:transparent; border-radius:9px; padding:10px 8px; font-size:14px; font-weight:600; }
#sv-app .sv-tab[aria-selected="true"] { color:var(--sv-navy); background:#fff; box-shadow:0 2px 6px #0a254018; }
#sv-app .sv-field-label { display:block; color:var(--sv-navy); font-size:13px; font-weight:600; margin:0 0 7px; }
#sv-app .sv-optional { color:var(--sv-muted); font-size:12px; font-weight:400; }
#sv-app :is(.sv-input,.sv-select,.sv-textarea) { display:block; width:100%; max-width:100%; color:var(--sv-navy); background:#fff; border:1.5px solid #c4cddd; border-radius:12px; min-height:49px; padding:12px 14px; box-shadow:none; }
#sv-app :is(.sv-input,.sv-textarea)::placeholder { color:#677286; opacity:1; }
#sv-app :is(.sv-input,.sv-select,.sv-textarea):focus { border-color:var(--sv-blue); box-shadow:0 0 0 3px #3f6bff18; }
#sv-app [aria-invalid="true"] { border-color:var(--sv-red); }
#sv-app .sv-textarea { min-height:200px; resize:vertical; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:1.6; tab-size:2; }
#sv-app .sv-hint { font-size:12px; line-height:1.5; color:var(--sv-muted); margin:7px 0 15px; }
#sv-app .sv-link-button { padding:0; background:none; border:0; font-size:inherit; font-weight:600; color:var(--sv-blue-dark); text-decoration:underline; text-underline-offset:2px; min-height:28px; }
#sv-app .sv-row { display:grid; grid-template-columns:1.25fr 1fr; gap:14px; margin-top:18px; }
#sv-app .sv-switch { display:flex; align-items:flex-start; gap:12px; background:#f7f9fd; border:1px solid var(--sv-line); border-radius:12px; padding:13px 14px; margin:18px 0; font-size:14px; color:var(--sv-navy); cursor:pointer; }
#sv-app .sv-switch input { appearance:none; flex:0 0 38px; width:38px; height:24px; margin:2px 0 0; border:1px solid #8290a8; background:#8290a8; border-radius:999px; background-image:radial-gradient(circle at 11px center,#fff 0,#fff 8px,transparent 8.5px); cursor:pointer; }
#sv-app .sv-switch input:checked { background-color:var(--sv-blue); border-color:var(--sv-blue); background-image:radial-gradient(circle at 25px center,#fff 0,#fff 8px,transparent 8.5px); }
#sv-app .sv-switch small { display:block; margin-top:2px; color:var(--sv-muted); font-size:12px; }
:is(#sv-app, #sv-results) .sv-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:999px; min-height:46px; padding:12px 24px; color:#fff; font-weight:600; font-size:15px; line-height:1.35; text-align:center; text-decoration:none; transition:background .15s,box-shadow .15s; }
:is(#sv-app, #sv-results) .sv-button-green { background:#16823b; box-shadow:0 8px 18px #22c55e24; }
:is(#sv-app, #sv-results) .sv-button-green:hover { background:#11682e; }
:is(#sv-app, #sv-results) .sv-button-blue { background:var(--sv-blue); box-shadow:0 8px 18px #3f6bff25; }
:is(#sv-app, #sv-results) .sv-button-blue:hover { background:var(--sv-blue-dark); }
:is(#sv-app, #sv-results) .sv-button-outline { background:#fff; border-color:var(--sv-blue-dark); color:var(--sv-blue-dark); }
#sv-app .sv-submit { width:100%; padding:17px 15px; font-size:17px; }
#sv-app .sv-fine { text-align:center; font-size:12px; color:var(--sv-muted); margin-top:13px; line-height:1.5; }
#sv-app .sv-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
:is(#sv-app, #sv-results) .sv-error { color:#991b1b; background:#fff3f3; border:1px solid #f5bcbc; padding:11px 13px; margin:12px 0; border-radius:10px; font-size:13px; }
#sv-app .sv-syntax { color:#7a420a; background:#fff8e7; padding:9px 12px; border-radius:8px; margin:8px 0; font-size:12px; }
#sv-app .sv-progress { padding:14px 0 0; font-size:13px; color:var(--sv-navy); }
#sv-app .sv-progress progress { display:block; width:100%; height:7px; margin:10px 0; accent-color:var(--sv-blue); }
#sv-app .sv-progress small { color:var(--sv-muted); }
#sv-app .sv-cancel { margin-top:10px; }
#sv-app .sv-section { padding:52px max(24px,calc((100% - 1248px)/2)); border-top:1px solid var(--sv-line); }
#sv-app .sv-section > .sv-pill + h2 { margin-top:16px; }
#sv-app .sv-section-lead { margin:12px 0 24px; max-width:920px; font-size:15px; }
#sv-app .sv-five { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
#sv-app .sv-step { padding:22px 18px; border:1px solid var(--sv-line); border-radius:18px; background:#fff; }
#sv-app .sv-step-number { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; color:#fff; background:var(--sv-blue); font-weight:800; margin-bottom:15px; }
#sv-app .sv-step:nth-child(2) .sv-step-number { background:#7c3aed; }
#sv-app .sv-step:nth-child(3) .sv-step-number { background:#087da8; }
#sv-app .sv-step:nth-child(4) .sv-step-number { background:#aa6100; }
#sv-app .sv-step:nth-child(5) .sv-step-number { background:#16823b; }
#sv-app .sv-step h3 { font-size:18px; margin-bottom:9px; }
#sv-app .sv-step p { font-size:13px; line-height:1.6; }
#sv-app .sv-mini-label { font-size:11px; font-weight:700; color:var(--sv-green-dark); background:#e9f9ef; border-radius:6px; padding:4px 7px; margin-top:12px; display:inline-block; }
#sv-app .sv-section-tinted { background:var(--sv-bg); }
#sv-app .sv-section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
#sv-app .sv-section-heading h2 { margin-top:16px; }
:is(#sv-app, #sv-results) .sv-badge { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; line-height:1.5; }
:is(#sv-app, #sv-results) .sv-badge-green { background:#e9f9ef; color:var(--sv-green-dark); }
:is(#sv-app, #sv-results) .sv-badge-blue { background:#eef2ff; color:var(--sv-blue-dark); }
:is(#sv-app, #sv-results) .sv-badge-amber { background:#fef3c7; color:var(--sv-amber); }
:is(#sv-app, #sv-results) .sv-badge-red { background:#fee2e2; color:var(--sv-red); }
:is(#sv-app, #sv-results) .sv-badge-neutral { background:#eef0f4; color:#4d586b; }
#sv-app #sv-rules-date { flex:none; margin-top:7px; }
#sv-app .sv-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#sv-app .sv-feature { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; border:1px solid var(--sv-line); border-radius:14px; padding:15px; background:#fff; }
#sv-app .sv-feature h3 { font-family:Inter,sans-serif; font-size:14px; letter-spacing:0; margin-bottom:3px; }
#sv-app .sv-feature p { font-size:12px; color:var(--sv-muted); }
#sv-app .sv-feature .sv-badge { padding:3px 7px; font-size:10px; flex-shrink:0; }
:is(#sv-app, #sv-results) .sv-meta { font-size:12px; color:var(--sv-muted); line-height:1.6; }
#sv-app .sv-section > .sv-meta { margin-top:18px; }
#sv-app .sv-faq { margin-top:22px; max-width:960px; }
:is(#sv-app, #sv-results) details { border-bottom:1px solid var(--sv-line); }
:is(#sv-app, #sv-results) summary { cursor:pointer; padding:16px 0; color:var(--sv-navy); font-weight:600; font-size:15px; }
:is(#sv-app, #sv-results) details > :not(summary) { margin-bottom:16px; }
#sv-app .sv-faq p { font-size:14px; max-width:850px; }
#sv-app .sv-landing-cta { display:flex; justify-content:space-between; align-items:center; gap:32px; background:#f2f6ff; }
#sv-app .sv-landing-cta h2 { margin:14px 0 12px; max-width:660px; }
#sv-app .sv-landing-cta p { max-width:680px; font-size:15px; }
#sv-app .sv-landing-cta > a { flex:none; }
#sv-app[data-view="report"] :is(#sv-input-hero,#sv-layers-section,#sv-status-section,#sv-faq-section,#sv-cta-section) { display:none; }
/* Report v2: dominant verdict, only top fixes elevated, flat analysis, readable helpers. */
#sv-results { background:#fff; }
#sv-results .sv-report-hero { background:linear-gradient(180deg,#f2f5ff,#fff 80%); padding:26px max(24px,calc((100% - 1248px)/2)) 0; border-bottom:1px solid var(--sv-line); }
#sv-results .sv-report-utility { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:28px; font-size:12px; color:var(--sv-muted); }
#sv-results .sv-utility-buttons { display:flex; gap:20px; flex-wrap:wrap; }
#sv-results .sv-text-button { background:none; border:0; color:var(--sv-blue-dark); font-size:13px; padding:0; min-height:28px; text-decoration:underline; text-underline-offset:3px; }
#sv-results .sv-verdict-grid { display:grid; grid-template-columns:minmax(0,1fr) 235px; gap:50px; align-items:center; }
#sv-results .sv-report-context { margin-top:13px; font-size:12px; color:var(--sv-muted); }
#sv-results #sv-verdict { font-size:clamp(34px,3.6vw,48px); font-weight:800; line-height:1.12; margin:18px 0 16px; max-width:930px; letter-spacing:-.028em; }
#sv-results .sv-verdict-description { font-size:18px; line-height:1.6; max-width:850px; }
#sv-results .sv-verdict-actions { display:flex; align-items:center; gap:22px; margin:26px 0 30px; flex-wrap:wrap; }
#sv-results .sv-verdict-actions > a:not(.sv-button) { font-size:14px; font-weight:600; }
#sv-results .sv-score-box { text-align:center; padding:12px 0 24px; }
#sv-results .sv-gauge { width:176px; height:176px; margin:0 auto 12px; position:relative; display:grid; place-items:center; }
#sv-results .sv-gauge svg { position:absolute; inset:0; width:100%; height:100%; }
#sv-results .sv-score-number { font-family:"Inter Tight",Inter,sans-serif; font-size:56px; font-weight:800; line-height:1; color:var(--sv-navy); }
#sv-results .sv-score-number small { font-size:17px; font-weight:600; color:var(--sv-muted); }
#sv-results .sv-score-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.055em; margin-bottom:10px; color:var(--sv-muted); }
#sv-results .sv-score-note { font-size:11px; line-height:1.5; margin-top:12px; max-width:230px; color:var(--sv-muted); }
#sv-results .sv-layers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--sv-line); }
#sv-results .sv-layer { padding:20px 24px; border-left:1px solid var(--sv-line); }
#sv-results .sv-layer:first-child { border-left:0; padding-left:0; }
#sv-results .sv-layer h2 { font-family:Inter,sans-serif; letter-spacing:.035em; font-size:12px; text-transform:uppercase; color:var(--sv-muted); }
#sv-results .sv-layer-points { color:var(--sv-navy); font-family:"Inter Tight",Inter,sans-serif; font-weight:800; font-size:27px; margin-top:4px; }
#sv-results .sv-layer-points small { font-size:14px; font-weight:500; color:var(--sv-muted); }
#sv-results .sv-layer-bar { height:6px; background:#edf0f6; border-radius:8px; overflow:hidden; margin:9px 0; }
#sv-results .sv-layer-bar > i { height:100%; display:block; background:var(--sv-blue); border-radius:8px; }
#sv-results .sv-report-nav { display:flex; gap:26px; overflow-x:auto; padding:0 max(24px,calc((100% - 1248px)/2)); border-bottom:1px solid var(--sv-line); background:#fff; }
#sv-results .sv-report-nav a { padding:16px 0 14px; font-size:13px; color:#495569; text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent; }
#sv-results .sv-report-nav a:hover { border-color:var(--sv-blue); color:var(--sv-blue-dark); }
#sv-results .sv-report-body { max-width:1344px; padding:40px 48px 56px; margin:0 auto; }
#sv-results .sv-heading-row { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin-bottom:18px; }
#sv-results .sv-heading-row h2 { font-size:30px; }
#sv-results .sv-top-fixes { border:1px solid #d9dfeb; border-radius:22px; box-shadow:0 18px 40px #0a254017; overflow:hidden; }
#sv-results .sv-fix { --sv-severity:#7a8496; --sv-severity-bg:#eef0f4; position:relative; display:grid; grid-template-columns:46px minmax(0,1fr) 175px; gap:22px; padding:26px 28px; border-top:1px solid var(--sv-line); }
#sv-results .sv-fix:first-child { border-top:0; }
#sv-results .sv-fix::before { content:''; position:absolute; left:0; top:0; bottom:0; width:5px; background:var(--sv-severity); }
#sv-results .sv-fix-high { --sv-severity:#b91c1c; --sv-severity-bg:#fee2e2; }
#sv-results .sv-fix-medium { --sv-severity:#985a00; --sv-severity-bg:#fef3c7; }
#sv-results .sv-fix-low { --sv-severity:#2747c9; --sv-severity-bg:#eef2ff; }
#sv-results .sv-fix-number { background:var(--sv-severity-bg); color:var(--sv-severity); font-size:21px; font-family:"Inter Tight",Inter,sans-serif; font-weight:800; display:grid; place-items:center; border-radius:12px; width:46px; height:46px; }
#sv-results .sv-severity { text-transform:uppercase; letter-spacing:.06em; font-size:11px; font-weight:700; color:var(--sv-severity); }
#sv-results .sv-fix h3 { font-size:21px; margin:5px 0 9px; }
#sv-results .sv-fix p { font-size:14px; line-height:1.6; margin-top:7px; }
#sv-results .sv-fix p.sv-meta { font-size:12px; }
#sv-results .sv-fix-state { text-align:right; }
#sv-results .sv-other-fixes { margin-top:20px; }
#sv-results .sv-other-fixes summary { font-size:14px; }
#sv-results .sv-other-fixes p { font-size:14px; margin-top:8px; }
#sv-results .sv-empty { padding:18px 0; font-size:14px; color:var(--sv-muted); }
#sv-results .sv-analysis { margin-top:56px; min-width:0; }
#sv-results .sv-two-analysis { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px; }
#sv-results .sv-analysis h2 { font-size:23px; margin-bottom:10px; }
#sv-results .sv-analysis-intro { font-size:14px; margin-bottom:17px; }
#sv-results .sv-feature-list { border-top:1px solid var(--sv-line); }
#sv-results .sv-feature-row { display:grid; grid-template-columns:minmax(0,1fr) 155px; gap:16px; padding:14px 0; border-bottom:1px solid var(--sv-line); }
#sv-results .sv-feature-row h3 { font-family:Inter,sans-serif; letter-spacing:0; font-size:14px; margin-bottom:4px; }
#sv-results .sv-status { font-size:12px; font-weight:600; color:var(--sv-muted); }
#sv-results .sv-status-ok { color:var(--sv-green-dark); }
#sv-results .sv-status-warn { color:var(--sv-amber); }
#sv-results .sv-status-bad { color:var(--sv-red); }
#sv-results .sv-table-scroll { overflow:auto; max-width:100%; }
#sv-results .sv-table { width:100%; border-collapse:collapse; font-size:13px; background:transparent; }
#sv-results .sv-table caption { text-align:left; padding:0 0 8px; color:var(--sv-muted); font-size:12px; }
#sv-results .sv-table :is(th,td) { text-align:left; padding:12px 10px; border-bottom:1px solid var(--sv-line); vertical-align:top; min-width:100px; overflow-wrap:anywhere; }
#sv-results .sv-table th { font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--sv-muted); font-weight:700; }
#sv-results .sv-table td:first-child { color:var(--sv-navy); font-weight:600; }
#sv-results .sv-table :is(th,td):first-child { padding-left:0; }
#sv-results .sv-table .sv-mismatch td { background:#fff8f8; }
#sv-results .sv-table .sv-unavailable td { color:var(--sv-muted); }
#sv-results .sv-table td small { display:block; font-size:11px; margin-top:5px; color:var(--sv-muted); font-weight:400; }
#sv-results .sv-code-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr); gap:30px; }
#sv-results .sv-code-view { min-width:0; }
#sv-results .sv-code-toolbar { display:flex; justify-content:space-between; gap:12px; padding:11px 15px; border:1px solid var(--sv-line); border-radius:12px 12px 0 0; color:var(--sv-muted); font-size:12px; }
#sv-results .sv-diff { border:1px solid var(--sv-line); border-top:0; border-radius:0 0 12px 12px; background:#fbfcfe; max-height:540px; overflow:auto; padding:10px 0; }
#sv-results .sv-diff-line { display:grid; grid-template-columns:42px 20px minmax(max-content,1fr); width:max-content; min-width:100%; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:1.8; padding-right:15px; white-space:pre; }
#sv-results .sv-line-number { color:#5e6a7e; font-size:11px; text-align:right; padding-right:10px; user-select:none; }
#sv-results .sv-diff-added { background:#eafbf0; color:#125d35; }
#sv-results .sv-diff-removed { background:#fdf1f1; color:#9d3038; }
#sv-results .sv-code-raw { white-space:pre; overflow:auto; max-height:500px; padding:14px; background:#f7f9fd; border:1px solid var(--sv-line); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:1.65; }
#sv-results .sv-code-counts { margin:0 0 18px; }
#sv-results .sv-code-counts > div { display:flex; justify-content:space-between; gap:15px; padding:11px 0; border-bottom:1px solid var(--sv-line); }
#sv-results .sv-code-counts dt { font-size:13px; }
#sv-results .sv-code-counts dd { margin:0; font-weight:800; font-size:20px; color:var(--sv-navy); }
#sv-results .sv-code-side .sv-button { width:100%; margin-bottom:10px; }
#sv-results .sv-needs-input { padding-left:19px; font-size:13px; }
#sv-results .sv-needs-input li { padding:4px 0; }
#sv-results .sv-code-changes { margin-top:16px; }
#sv-results .sv-code-changes li { margin:0 0 12px 20px; font-size:13px; }
#sv-results .sv-review-cta { margin-top:52px; border-top:1px solid var(--sv-line); border-bottom:1px solid var(--sv-line); background:linear-gradient(110deg,#effbf3,#f4f7ff); padding:28px 30px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
#sv-results .sv-review-cta h2 { font-size:23px; margin:10px 0; }
#sv-results .sv-review-cta p { font-size:14px; max-width:690px; }
#sv-results .sv-review-cta > a { flex:none; }
#sv-results .sv-technical { border-top:1px solid var(--sv-line); margin-top:50px; padding-top:20px; }
#sv-results .sv-technical > h2 { font-family:Inter,sans-serif; font-size:12px; letter-spacing:.07em; text-transform:uppercase; color:var(--sv-muted); margin-bottom:15px; }
#sv-results .sv-technical-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 32px; }
#sv-results .sv-technical summary { font-size:13px; color:#43516a; }
#sv-results .sv-technical :is(p,li,dt,dd) { font-size:12px; color:var(--sv-muted); line-height:1.7; }
#sv-results .sv-technical ul { padding-left:18px; }
#sv-results .sv-technical li { margin-bottom:8px; }
#sv-results .sv-technical dl { display:grid; grid-template-columns:140px minmax(0,1fr); gap:5px 12px; margin:0 0 14px; }
#sv-results .sv-technical dd { margin:0; }
#sv-results .sv-entity-list { list-style:none; padding:0 !important; }
#sv-results .sv-entity-list > li { padding:12px 0; border-top:1px solid var(--sv-line); }
#sv-results .sv-entity-list strong { display:block; color:var(--sv-navy); font-weight:600; }
#sv-results .sv-share-url { width:100%; border:1px solid #c4cddd; border-radius:7px; background:#fff; color:var(--sv-text); padding:9px; font-size:12px; }
#sv-results .sv-report-status { position:sticky; bottom:18px; z-index:2; max-width:650px; margin:20px auto 0; padding:11px 16px; border:1px solid #b8ddc5; border-radius:10px; background:#f1fcf5; color:#155e32; box-shadow:0 5px 20px #0a254018; font-size:13px; }
:is(#sv-app, #sv-results) .sv-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:1150px) {
  #sv-app .sv-hero { gap:28px; padding-top:48px; }
  #sv-app .sv-form { padding:27px 22px 24px; }
  #sv-app .sv-five { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #sv-app .sv-board { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #sv-results .sv-report-body { padding-left:24px; padding-right:24px; }
  #sv-results .sv-fix { grid-template-columns:40px minmax(0,1fr); gap:18px; padding:23px; }
  #sv-results .sv-fix-state { grid-column:2; text-align:left; }
  #sv-results .sv-fix-number { width:40px; height:40px; }
  #sv-results .sv-two-analysis { gap:30px; }
}
@media (max-width:820px) {
  #sv-app .sv-hero { grid-template-columns:1fr; padding-top:36px; padding-bottom:40px; gap:30px; }
  #sv-app #sv-landing-title { font-size:52px; max-width:680px; }
  #sv-app #sv-hero-subtitle { max-width:580px; font-size:33px; }
  #sv-app #sv-form-mount { width:100%; max-width:650px; }
  #sv-app .sv-five { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #sv-app .sv-section-heading { display:block; }
  #sv-app #sv-rules-date { margin:0 0 20px; }
  #sv-app .sv-landing-cta { align-items:flex-start; flex-direction:column; }
  #sv-results .sv-verdict-grid { grid-template-columns:minmax(0,1fr) 170px; gap:25px; }
  #sv-results .sv-gauge { width:150px; height:150px; }
  #sv-results .sv-score-number { font-size:46px; }
  #sv-results .sv-layers { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #sv-results .sv-layer { border-bottom:1px solid var(--sv-line); }
  #sv-results .sv-layer:nth-child(3) { padding-left:0; border-left:0; }
  #sv-results .sv-two-analysis { grid-template-columns:1fr; gap:0; }
  #sv-results .sv-code-grid { grid-template-columns:1fr; }
  #sv-results .sv-review-cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width:520px) {
  #sv-app .sv-hero { padding:30px 18px 34px; }
  #sv-app #sv-landing-title { font-size:42px; }
  #sv-app #sv-hero-subtitle { font-size:28px; }
  #sv-app .sv-lead { font-size:16px; }
  #sv-app .sv-ticks { font-size:14px; }
  #sv-app .sv-form { padding:28px 18px 20px; border-radius:20px; }
  #sv-app .sv-form h2 { font-size:23px; }
  #sv-app .sv-row { grid-template-columns:1fr; gap:14px; }
  #sv-app .sv-section { padding:36px 18px; }
  #sv-app .sv-five { grid-template-columns:1fr; gap:12px; }
  #sv-app .sv-step { padding:20px; }
  #sv-app .sv-board { grid-template-columns:1fr; }
  #sv-app .sv-section-lead { font-size:14px; }
  #sv-results .sv-report-hero { padding:22px 18px 0; }
  #sv-results .sv-verdict-grid { grid-template-columns:1fr; gap:0; }
  #sv-results #sv-verdict { font-size:35px; }
  #sv-results .sv-verdict-description { font-size:16px; }
  #sv-results .sv-score-box { display:grid; grid-template-columns:125px minmax(0,1fr); align-items:center; gap:0 18px; text-align:left; padding:0 0 24px; }
  #sv-results .sv-gauge { width:125px; height:125px; margin:0; grid-row:1/4; }
  #sv-results .sv-score-number { font-size:38px; }
  #sv-results .sv-score-box .sv-badge { justify-self:start; }
  #sv-results .sv-score-note { margin-top:8px; }
  #sv-results .sv-score-label { margin-bottom:2px; align-self:end; }
  #sv-results .sv-layer { padding:16px 13px; }
  #sv-results .sv-layer h2 { font-size:11px; }
  #sv-results .sv-layer .sv-meta { font-size:11px; }
  #sv-results .sv-report-nav { padding:0 18px; gap:22px; }
  #sv-results .sv-report-body { padding:30px 18px 40px; }
  #sv-results .sv-heading-row { display:block; }
  #sv-results .sv-heading-row h2 { font-size:27px; margin-bottom:7px; }
  #sv-results .sv-fix { grid-template-columns:30px minmax(0,1fr); gap:12px; padding:20px 16px; }
  #sv-results .sv-fix-number { width:30px; height:34px; font-size:17px; border-radius:9px; }
  #sv-results .sv-fix h3 { font-size:19px; }
  #sv-results .sv-fix p { font-size:13px; }
  #sv-results .sv-feature-row { grid-template-columns:minmax(0,1fr) 110px; gap:12px; }
  #sv-results .sv-feature-row .sv-status { font-size:11px; }
  #sv-results .sv-analysis { margin-top:38px; }
  #sv-results .sv-analysis h2 { font-size:22px; }
  #sv-results .sv-technical-grid { grid-template-columns:1fr; }
  #sv-results .sv-review-cta { padding:22px 18px; }
  #sv-results .sv-technical dl { grid-template-columns:100px minmax(0,1fr); }
  #sv-results .sv-code-toolbar { flex-direction:column; gap:3px; }
}
@media (prefers-reduced-motion:reduce) {
  :is(#sv-app, #sv-results) * { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

/* Evidence is secondary: progressively disclose long comparison lists. */
#sv-results #sv-page-match .sv-table { min-width:520px; }
#sv-results #sv-benchmark .sv-table { min-width:1050px; }
#sv-results .sv-more-comparisons { margin-top:14px; border-top:1px solid var(--sv-line); padding-top:12px; }
#sv-results .sv-more-comparisons > summary { color:var(--sv-blue); font-size:13px; font-weight:500; cursor:pointer; padding:7px 0; }
#sv-results .sv-more-comparisons[open] > summary { margin-bottom:12px; }
@media(max-width:700px) { #sv-results .sv-table caption::after { content:" Scroll horizontally to see all columns."; display:block; padding-top:5px; } }
/* Keep report entry and in-page anchors below the existing sticky site header. */
#sv-results, #sv-results section, #sv-results header { scroll-margin-top:110px; }