/* =========================================================
   ASG WEBSITE AUDIT — CONTROL PANEL UI
   Full-width / 8K-safe / result-first layout
   Replaces the previous standalone marketing-page stylesheet.
   Scope: .website-audit-page
   ========================================================= */

.website-audit-page {
  --audit-bg:#e9eef4; --audit-surface:#fff; --audit-surface-soft:#f4f7fa; --audit-surface-strong:#e8eef5;
  --audit-panel:#f9fbfd; --audit-panel-dark:#0d1b2d; --audit-panel-dark-2:#12243a;
  --audit-ink:#18283c; --audit-ink-strong:#071423; --audit-muted:#66778a; --audit-muted-strong:#40556d;
  --audit-line:#ccd7e3; --audit-line-strong:#b8c6d5; --audit-blue:#2563eb; --audit-blue-soft:#eaf1ff;
  --audit-cyan:#0787a4; --audit-cyan-soft:#e7f8fb; --audit-indigo:#4f46e5; --audit-indigo-soft:#efefff;
  --audit-violet:#7c3aed; --audit-violet-soft:#f2ecff; --audit-teal:#0b927f; --audit-teal-soft:#e5f8f4;
  --audit-gold:#9a6707; --audit-gold-soft:#fff4d8; --audit-orange:#ca6214; --audit-orange-soft:#fff0e4;
  --audit-slate:#52657b; --audit-slate-soft:#edf2f7; --audit-critical:#c93636; --audit-critical-soft:#fff0f0;
  --audit-warning:#cb850b; --audit-warning-soft:#fff7e4; --audit-good:#148b60; --audit-good-soft:#e8f7f0;
  --audit-strong:#087353; --audit-strong-soft:#e1f4eb;
  --audit-radius-sm:8px; --audit-radius-md:12px; --audit-radius-lg:14px; --audit-radius-xl:16px;
  --audit-shadow-sm:0 1px 2px rgba(7,20,35,.05),0 8px 24px rgba(7,20,35,.045);
  --audit-shadow-md:0 1px 2px rgba(7,20,35,.06),0 14px 34px rgba(7,20,35,.07);
  --audit-gutter:clamp(18px,1.5vw,112px); --audit-gap:clamp(12px,.9vw,24px); --audit-section-pad:clamp(30px,2.2vw,72px);
  --audit-content:calc(100% - (var(--audit-gutter) * 2));
  width:100%; max-width:none; margin:0; background:var(--audit-bg); color:var(--audit-ink);
}

.website-audit-page *, .website-audit-page *::before, .website-audit-page *::after { box-sizing:border-box; }
.website-audit-page main { display:flex; flex-direction:column; width:100%; max-width:none; overflow:clip; background:var(--audit-bg); }
.website-audit-page main > * { order:10; }
.website-audit-page main > .audit-hero { order:1; }
.website-audit-page main > .website-audit-result { order:2; }
.website-audit-page main > .audit-coverage-section { order:3; }
.website-audit-page main > .audit-reading-section { order:4; }
.website-audit-page main > .audit-scope-section { order:5; }
.website-audit-page section[id], .website-audit-page article[id] { scroll-margin-top:96px; }
.website-audit-page :where(h1,h2,h3,h4,p) { margin-top:0; }
.website-audit-page :where(button,input,a) { -webkit-tap-highlight-color:transparent; }
.website-audit-page ::selection { background:#cfe0ff; color:var(--audit-ink-strong); }
html.asg-css-ready .website-audit-page { transition:opacity 140ms ease; }
.website-audit-page [hidden] { display:none !important; }
.website-audit-page .header-dropdown-link[aria-current="page"], .website-audit-page .mobile-menu a[aria-current="page"] { border-color:rgba(37,99,235,.24); background:#eef4ff; color:var(--audit-blue); }

/* =========================================================
   SHARED CONTROL-PANEL TYPOGRAPHY
   ========================================================= */
.website-audit-page .section-heading { width:var(--audit-content); margin:0 auto 20px; display:flex; align-items:end; justify-content:space-between; gap:24px; }
.website-audit-page .section-heading > div { max-width:1120px; }
.website-audit-page .section-kicker, .website-audit-page .panel-kicker { display:inline-flex; align-items:center; gap:7px; margin-bottom:6px; font-size:.69rem; line-height:1.2; font-weight:850; letter-spacing:.11em; text-transform:uppercase; color:var(--audit-blue); }
.website-audit-page .section-heading h2 { max-width:1200px; margin-bottom:7px; font-size:clamp(1.55rem,1.8vw,3.35rem); line-height:1.06; letter-spacing:-.035em; color:var(--audit-ink-strong); }
.website-audit-page .section-heading p { max-width:940px; margin:0; font-size:clamp(.9rem,.82vw,1.12rem); line-height:1.55; color:var(--audit-muted); }

/* =========================================================
   INTRO / CONTROL HEADER
   ========================================================= */
.audit-hero {
  position:relative; isolation:isolate; width:100%; max-width:none; padding:clamp(30px,2.8vw,86px) 0;
  color:#eaf2fb; background:#071423; border-top:1px solid rgba(255,255,255,.04); border-bottom:1px solid #1e334a;
}
.audit-hero::before {
  content:""; position:absolute; inset:0; z-index:-2; opacity:.48; pointer-events:none;
  background-image:linear-gradient(rgba(127,156,188,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(127,156,188,.10) 1px,transparent 1px);
  background-size:40px 40px;
}
.audit-hero::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(7,20,35,.18),rgba(7,20,35,.72) 58%,rgba(7,20,35,.96)); }
.audit-hero-backdrop, .audit-orbit, .audit-grid-glow { display:none; }

.audit-hero-inner {
  width:var(--audit-content); max-width:none; margin-inline:auto; display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr); gap:clamp(28px,2.6vw,84px); align-items:center;
}
.audit-hero-copy { min-width:0; }
.audit-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:18px; font-size:.78rem; color:#8fa6bd; }
.audit-breadcrumbs a { color:#b7c8d8; text-decoration:none; }
.audit-breadcrumbs a:hover { color:#fff; }

.audit-hero-kicker {
  display:inline-flex; align-items:center; gap:8px; margin-bottom:15px; padding:7px 10px; border:1px solid #2a4765; border-radius:999px;
  background:#0d2034; font-size:.68rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; color:#90b7ff;
}
.audit-hero h1 { max-width:1280px; margin-bottom:17px; font-size:clamp(2.55rem,2.9vw,5.25rem); line-height:.98; letter-spacing:-.052em; color:#fff; }
.audit-hero h1 span { display:block; color:#7fb2ff; background:none; -webkit-background-clip:initial; background-clip:initial; }
.audit-hero-lead { max-width:1040px; margin-bottom:20px; font-size:clamp(.98rem,.98vw,1.35rem); line-height:1.58; color:#adc0d2; }
.audit-hero-proof { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.audit-hero-proof span { display:inline-flex; align-items:center; gap:7px; min-height:31px; padding:6px 9px; border:1px solid #28425d; border-radius:6px; background:#0d1d30; font-size:.72rem; font-weight:760; color:#c5d4e2; }
.audit-hero-proof svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; color:#7fb2ff; }

.audit-score-meaning { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; max-width:1080px; }
.audit-score-meaning article { min-width:0; padding:13px 15px; border:1px solid #29435e; border-radius:8px; background:#0b1b2d; box-shadow:none; backdrop-filter:none; }
.audit-score-meaning article:first-child { border-left:3px solid #8095aa; }
.audit-score-meaning article:last-child { border-left:3px solid #4d8dff; }
.audit-score-meaning span { display:block; margin-bottom:4px; font-size:.64rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; color:#8399ae; }
.audit-score-meaning strong { display:block; margin-bottom:4px; font-size:.9rem; color:#f1f6fb; }
.audit-score-meaning p { margin:0; font-size:.75rem; line-height:1.45; color:#96abc0; }

/* =========================================================
   SCAN CONTROL
   ========================================================= */
.audit-command-shell {
  position:relative; min-width:0; padding:clamp(20px,1.6vw,36px); overflow:hidden;
  border:1px solid #29445f; border-radius:12px; background:linear-gradient(180deg,#10233a,#0c1c2f); box-shadow:0 22px 60px rgba(0,0,0,.24);
}
.audit-command-shell::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,#4e8cff,#26a7c7,#24b394); }
.audit-command-shell::after { display:none; }
.audit-command-head { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; }
.audit-command-head > div { min-width:0; }
.audit-command-head .panel-kicker { display:block; margin-bottom:4px; color:#8cb6ff; }
.audit-command-head strong { display:block; font-size:clamp(1.15rem,1.25vw,1.9rem); line-height:1.15; color:#fff; }
.audit-command-live { display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; padding:6px 9px; border:1px solid rgba(65,190,137,.22); border-radius:999px; background:rgba(33,141,96,.14); font-size:.67rem; font-weight:850; color:#75d5aa; }
.audit-command-live i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px rgba(117,213,170,.10); }

.website-audit-form { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) auto; gap:10px; align-items:end; }
.website-audit-form label { display:grid; gap:6px; min-width:0; }
.website-audit-form label > span { font-size:.7rem; font-weight:800; color:#9fb2c5; }
.website-audit-form label > span small { margin-left:4px; font-weight:650; color:#7088a0; }

.audit-input-shell { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; gap:8px; min-height:50px; padding:0 13px; border:1px solid #39516a; border-radius:8px; background:#f8fbff; transition:border-color 140ms ease,box-shadow 140ms ease; }
.audit-input-shell:focus-within { border-color:#5f98ff; box-shadow:0 0 0 3px rgba(79,139,255,.18); }
.audit-input-shell svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.75; color:#60748a; }
.audit-input-shell input { width:100%; min-width:0; height:48px; border:0; outline:0; background:transparent; font:inherit; font-size:.9rem; color:#0c1929; }
.audit-input-shell input::placeholder { color:#8798aa; }
.audit-run-button { min-height:50px; margin:0; padding-inline:18px; justify-content:center; gap:8px; border-radius:8px; box-shadow:none; white-space:nowrap; }
.audit-run-button svg { width:17px; height:17px; }
.audit-run-button:disabled { cursor:wait; opacity:.68; transform:none; }

.audit-command-foot { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:14px; padding-top:12px; border-top:1px solid #243d57; }
.audit-command-foot p { max-width:860px; margin:0; font-size:.69rem; line-height:1.45; color:#8198ae; }
.audit-command-foot > span { display:inline-flex; align-items:center; gap:6px; width:fit-content; white-space:nowrap; font-size:.67rem; font-weight:750; color:#a4b7c9; }
.audit-command-foot svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; color:#6fd2a5; }

.website-audit-status { min-height:0; margin-top:0; border-radius:7px; font-size:.78rem; line-height:1.4; color:#b4c4d3; }
.website-audit-status:not(:empty) { margin-top:10px; padding:10px 12px; border:1px solid #314a64; background:#0b1929; }
.website-audit-status.is-loading, .website-audit-status[data-state="loading"] { border-color:#345d91; background:#102741; color:#a7c9ff; }
.website-audit-status.is-success, .website-audit-status[data-state="success"] { border-color:#286848; background:#0d2c22; color:#8adeb8; }
.website-audit-status.is-error, .website-audit-status[data-state="error"] { border-color:#713b3b; background:#31191d; color:#ffb1b1; }

/* =========================================================
   RESULTS — IMMEDIATE CONTROL PANEL AFTER INTRO
   ========================================================= */
.website-audit-result { position:relative; width:100%; max-width:none; padding:0 0 var(--audit-section-pad); background:#e7edf3; border-bottom:1px solid var(--audit-line-strong); }
.website-audit-result[hidden] { display:none !important; }
.website-audit-result::before { display:none; }
.website-audit-result > * { position:relative; }

.audit-result-intro {
  width:100%; margin:0 0 var(--audit-gap); padding:18px var(--audit-gutter); display:flex; align-items:center; justify-content:space-between; gap:20px;
  border-bottom:1px solid #263f59; background:#0d1b2d; color:#dbe7f2;
}
.audit-result-intro > div { max-width:1320px; }
.audit-result-intro h2 { margin-bottom:4px; font-size:clamp(1.45rem,1.55vw,2.7rem); line-height:1.08; letter-spacing:-.03em; color:#fff; }
.audit-result-intro p { margin:0; font-size:.82rem; line-height:1.5; color:#9eb2c6; }
.audit-result-intro .button { flex:0 0 auto; }

.audit-dashboard-top { width:var(--audit-content); margin-inline:auto; display:grid; grid-template-columns:minmax(320px,.58fr) minmax(0,1.42fr); gap:var(--audit-gap); }
.audit-score-meter-card, .audit-summary-panel { min-width:0; border:1px solid var(--audit-line); border-radius:var(--audit-radius-md); background:var(--audit-surface); box-shadow:var(--audit-shadow-sm); }
.audit-score-meter-card { --band-color:var(--audit-warning); --band-soft:var(--audit-warning-soft); padding:clamp(18px,1.3vw,30px); display:grid; justify-items:center; text-align:center; }
.audit-score-meter-card[data-band="strong"] { --band-color:var(--audit-strong); --band-soft:var(--audit-strong-soft); }
.audit-score-meter-card[data-band="moderate"] { --band-color:var(--audit-good); --band-soft:var(--audit-good-soft); }
.audit-score-meter-card[data-band="needs-work"] { --band-color:var(--audit-warning); --band-soft:var(--audit-warning-soft); }
.audit-score-meter-card[data-band="critical"] { --band-color:var(--audit-critical); --band-soft:var(--audit-critical-soft); }

.audit-gauge-shell { position:relative; width:min(100%,300px); min-height:182px; }
.audit-main-gauge { display:block; width:100%; height:auto; overflow:visible; }
.audit-gauge-zone { fill:none; stroke-width:14; stroke-linecap:round; }
.audit-gauge-zone-critical { stroke:var(--audit-critical); } .audit-gauge-zone-warning { stroke:var(--audit-warning); }
.audit-gauge-zone-good { stroke:var(--audit-good); } .audit-gauge-zone-strong { stroke:var(--audit-strong); }
.audit-gauge-needle { stroke:var(--audit-ink-strong); stroke-width:5; stroke-linecap:round; transform-origin:120px 125px; transform-box:fill-box; transition:transform 700ms cubic-bezier(.22,.8,.28,1); filter:drop-shadow(0 2px 3px rgba(7,24,46,.18)); }
.audit-gauge-hub { fill:var(--audit-ink-strong); stroke:#fff; stroke-width:4; filter:drop-shadow(0 3px 5px rgba(7,24,46,.16)); }
.audit-gauge-reading { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); display:flex; align-items:baseline; justify-content:center; white-space:nowrap; }
.audit-gauge-reading strong { font-size:clamp(2.65rem,3.2vw,4.8rem); line-height:.85; letter-spacing:-.06em; color:var(--band-color); }
.audit-gauge-reading > span { margin-left:4px; font-size:.85rem; font-weight:800; color:var(--audit-muted); }
.audit-gauge-reading small { position:absolute; left:50%; top:calc(100% + 5px); transform:translateX(-50%); font-size:.67rem; font-weight:850; text-transform:uppercase; letter-spacing:.08em; color:var(--audit-muted-strong); }
.audit-score-ring-compat { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.audit-score-caption { display:grid; gap:3px; margin-top:8px; }
.audit-score-caption span { font-size:.9rem; font-weight:850; color:var(--audit-ink-strong); }
.audit-score-caption small { font-size:.7rem; color:var(--audit-muted); }

.audit-summary-panel { padding:clamp(20px,1.5vw,34px); }
.audit-summary-head, .audit-panel-heading, .panel-heading-row { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.audit-summary-panel h3 { max-width:1280px; margin:8px 0 8px; font-size:clamp(1.45rem,1.7vw,2.65rem); line-height:1.08; letter-spacing:-.032em; color:var(--audit-ink-strong); }
.audit-summary-panel > p { max-width:1320px; margin-bottom:14px; font-size:.88rem; line-height:1.58; color:var(--audit-muted); }
.audit-scan-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
.audit-scan-meta span { display:inline-flex; align-items:center; min-height:28px; padding:5px 8px; border:1px solid var(--audit-line); border-radius:6px; background:var(--audit-surface-soft); font-size:.66rem; font-weight:750; color:var(--audit-muted-strong); overflow-wrap:anywhere; }

.audit-risk-badge { display:inline-flex; align-items:center; min-height:26px; padding:5px 8px; border:1px solid transparent; border-radius:999px; font-size:.65rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.audit-risk-badge.is-low { color:var(--audit-strong); border-color:#b9dfcf; background:var(--audit-strong-soft); }
.audit-risk-badge.is-moderate, .audit-risk-badge.is-medium { color:#946108; border-color:#ead5a4; background:var(--audit-warning-soft); }
.audit-risk-badge.is-high, .audit-risk-badge.is-critical { color:var(--audit-critical); border-color:#e8bcbc; background:var(--audit-critical-soft); }
.audit-risk-meter { display:grid; gap:7px; padding:12px; border:1px solid var(--audit-line); border-radius:8px; background:var(--audit-surface-soft); }
.audit-risk-scale { display:grid; grid-template-columns:repeat(4,1fr); font-size:.61rem; font-weight:750; color:var(--audit-muted); }
.audit-risk-scale span:nth-child(2), .audit-risk-scale span:nth-child(3) { text-align:center; } .audit-risk-scale span:last-child { text-align:right; }
.audit-risk-track { position:relative; height:9px; overflow:visible; border-radius:999px; background:linear-gradient(90deg,var(--audit-strong) 0 25%,var(--audit-good) 25% 50%,var(--audit-warning) 50% 75%,var(--audit-critical) 75% 100%); }
.audit-risk-track i { position:absolute; top:50%; left:10%; width:15px; height:15px; border:3px solid #fff; border-radius:50%; background:var(--audit-ink-strong); transform:translate(-50%,-50%); box-shadow:0 2px 7px rgba(7,24,46,.25); transition:left 700ms cubic-bezier(.22,.8,.28,1); }
.audit-risk-meter > small { font-size:.67rem; font-weight:750; color:var(--audit-muted-strong); }

/* Headline telemetry */
.audit-headline-metrics { width:var(--audit-content); margin:var(--audit-gap) auto 0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.audit-headline-metric { position:relative; min-width:0; padding:14px 14px 14px 17px; overflow:hidden; border:1px solid var(--audit-line); border-radius:8px; background:#fff; box-shadow:none; }
.audit-headline-metric::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--metric-color,var(--audit-blue)); }
.audit-headline-metric.is-good { --metric-color:var(--audit-good); } .audit-headline-metric.is-moderate { --metric-color:var(--audit-warning); } .audit-headline-metric.is-attention { --metric-color:var(--audit-critical); }
.audit-headline-metric span { display:block; margin-bottom:6px; font-size:.63rem; font-weight:850; letter-spacing:.045em; text-transform:uppercase; color:var(--audit-muted); }
.audit-headline-metric strong { display:block; font-size:clamp(1.2rem,1.25vw,2.1rem); line-height:1; letter-spacing:-.03em; color:var(--audit-ink-strong); }

/* Common result panels */
.audit-meter-section, .audit-profile-grid, .audit-insight-grid, .audit-readiness-panel, .audit-domain-section, .website-audit-detail-grid, .website-audit-recommendations, .audit-technical-panel, .audit-methodology-note { width:var(--audit-content); margin-inline:auto; }
.audit-meter-section, .audit-readiness-panel, .audit-domain-section, .website-audit-recommendations, .audit-technical-panel { margin-top:var(--audit-gap); padding:clamp(18px,1.25vw,28px); border:1px solid var(--audit-line); border-radius:var(--audit-radius-md); background:#fff; box-shadow:none; }
.audit-panel-heading { margin-bottom:16px; }
.audit-panel-heading > div { min-width:0; } .audit-panel-heading .panel-kicker { margin-bottom:4px; }
.audit-panel-heading h3 { margin:0; font-size:clamp(1.05rem,1.08vw,1.65rem); line-height:1.18; letter-spacing:-.018em; color:var(--audit-ink-strong); }
.audit-panel-heading > small { max-width:420px; text-align:right; font-size:.66rem; line-height:1.4; color:var(--audit-muted); }
.data-badge { display:inline-flex; align-items:center; min-height:25px; padding:4px 7px; border:1px solid var(--audit-line); border-radius:999px; background:var(--audit-surface-soft); font-size:.64rem; font-weight:850; color:var(--audit-muted-strong); }

/* Needle meters */
.audit-needle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.audit-needle-card { --meter-color:var(--audit-blue); position:relative; min-width:0; display:grid; justify-items:center; padding:15px 13px 14px; border:1px solid var(--audit-line); border-radius:9px; background:var(--audit-panel); text-align:center; overflow:hidden; }
.audit-needle-card::before { display:none; }
.audit-needle-card[data-meter="performance"] { --meter-color:var(--audit-cyan); } .audit-needle-card[data-meter="security"] { --meter-color:var(--audit-good); } .audit-needle-card[data-meter="ai"] { --meter-color:var(--audit-indigo); }
.audit-needle-card > span { position:relative; z-index:1; font-size:.69rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; color:var(--audit-muted-strong); }
.audit-needle-card svg, .audit-domain-score svg { display:block; width:min(100%,240px); height:auto; margin:0 auto -6px; overflow:visible; }
.meter-zone { fill:none; stroke-width:13; stroke-linecap:round; } .meter-zone.is-poor { stroke:var(--audit-critical); } .meter-zone.is-mid { stroke:var(--audit-warning); } .meter-zone.is-good { stroke:var(--audit-good); }
.meter-needle { stroke:var(--audit-ink-strong); stroke-width:5; stroke-linecap:round; transform-origin:110px 110px; transform-box:fill-box; transition:transform 700ms cubic-bezier(.22,.8,.28,1); filter:drop-shadow(0 2px 3px rgba(7,24,46,.16)); }
.meter-hub { fill:var(--audit-ink-strong); stroke:#fff; stroke-width:3; }
.audit-needle-card > strong, .audit-domain-score > strong { margin-top:-4px; font-size:clamp(1.4rem,1.5vw,2.25rem); line-height:1; letter-spacing:-.04em; color:var(--meter-color); }
.audit-needle-card > small { margin-top:4px; font-size:.67rem; color:var(--audit-muted); }

/* Profile / categories */
.audit-profile-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr); gap:var(--audit-gap); margin-top:var(--audit-gap); }
.audit-chart-panel { min-width:0; padding:clamp(18px,1.25vw,28px); border:1px solid var(--audit-line); border-radius:var(--audit-radius-md); background:#fff; box-shadow:none; }
.audit-profile-chart-shell { position:relative; min-height:300px; border:1px solid var(--audit-line); border-radius:8px; background:linear-gradient(rgba(91,116,145,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,116,145,.06) 1px,transparent 1px),#f8fafc; background-size:100% 20%,12.5% 100%,auto; overflow:hidden; }
.audit-profile-chart-shell canvas { display:block; width:100% !important; height:300px !important; max-width:100%; }
.website-audit-category-chart { display:grid; gap:10px; }
.audit-category-row { --bar-color:var(--audit-warning); --bar-soft:var(--audit-warning-soft); display:grid; grid-template-columns:minmax(110px,.48fr) minmax(160px,1.8fr) 50px; align-items:center; gap:10px; }
.audit-category-row[data-band="strong"] { --bar-color:var(--audit-strong); --bar-soft:var(--audit-strong-soft); } .audit-category-row[data-band="moderate"] { --bar-color:var(--audit-good); --bar-soft:var(--audit-good-soft); }
.audit-category-row[data-band="needs-work"] { --bar-color:var(--audit-warning); --bar-soft:var(--audit-warning-soft); } .audit-category-row[data-band="critical"] { --bar-color:var(--audit-critical); --bar-soft:var(--audit-critical-soft); }
.audit-category-label { font-size:.72rem; font-weight:850; color:var(--audit-muted-strong); }
.audit-category-track { position:relative; height:9px; overflow:hidden; border-radius:999px; background:#e2e9f0; box-shadow:inset 0 1px 2px rgba(7,24,46,.07); }
.audit-category-track::after { content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(255,255,255,.75) calc(20% - 1px),rgba(255,255,255,.75) 20%); }
.audit-category-track i { position:relative; z-index:1; display:block; width:0; height:100%; border-radius:inherit; background:var(--bar-color); transition:width 700ms cubic-bezier(.22,.8,.28,1); }
.audit-category-row > strong { min-width:48px; padding:5px 6px; border-radius:6px; background:var(--bar-soft); text-align:center; font-size:.76rem; color:var(--bar-color); }

/* Findings / public files */
.audit-insight-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr); gap:var(--audit-gap); margin-top:var(--audit-gap); }
.audit-balance-panel, .audit-public-files-panel { min-width:0; padding:clamp(18px,1.25vw,28px); border:1px solid var(--audit-line); border-radius:var(--audit-radius-md); background:#fff; box-shadow:none; }
.audit-finding-bars { margin-top:2px; }
.audit-balance-track { display:flex; width:100%; height:14px; overflow:hidden; border:3px solid #edf2f6; border-radius:999px; background:#edf2f6; }
.audit-balance-track i { min-width:0; height:100%; transition:width 700ms cubic-bezier(.22,.8,.28,1); }
.audit-balance-track i.is-good { background:var(--audit-good); } .audit-balance-track i.is-warning { background:var(--audit-warning); } .audit-balance-track i.is-issue { background:var(--audit-critical); }
.audit-finding-counts { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:12px; }
.audit-finding-counts span { display:inline-flex; align-items:center; gap:6px; font-size:.7rem; color:var(--audit-muted); }
.audit-finding-counts span > i { width:8px; height:8px; border-radius:50%; } .audit-finding-counts i.is-good { background:var(--audit-good); } .audit-finding-counts i.is-warning { background:var(--audit-warning); } .audit-finding-counts i.is-issue { background:var(--audit-critical); }
.audit-finding-counts strong { color:var(--audit-ink-strong); }

.audit-public-file-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.audit-public-file { min-width:0; display:grid; justify-items:start; align-content:start; gap:4px; min-height:94px; padding:11px; border:1px solid var(--audit-line); border-radius:8px; background:var(--audit-surface-soft); }
.audit-public-file > svg, .audit-public-file > span:first-child { width:24px; height:24px; display:inline-grid; place-items:center; margin-bottom:2px; border-radius:6px; }
.audit-public-file > svg { padding:5px; fill:none; stroke:currentColor; stroke-width:2; }
.audit-public-file.is-found { border-color:#b9dfcf; background:var(--audit-good-soft); } .audit-public-file.is-found > svg { background:#d7efe4; color:var(--audit-good); }
.audit-public-file.is-missing { border-color:#e8ceb0; background:#fff8ef; } .audit-public-file.is-missing > span:first-child { background:#ffe7ca; font-size:.88rem; font-weight:900; color:var(--audit-orange); }
.audit-public-file strong { overflow-wrap:anywhere; font-size:.73rem; color:var(--audit-ink-strong); } .audit-public-file small { font-size:.63rem; color:var(--audit-muted); }

/* Readiness */
.audit-readiness-panel[hidden] { display:none !important; }
.audit-readiness-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.audit-readiness-grid article { --readiness-color:var(--audit-warning); --readiness-soft:var(--audit-warning-soft); min-width:0; padding:13px; border:1px solid var(--audit-line); border-radius:8px; background:var(--audit-panel); }
.audit-readiness-grid article[data-band="strong"] { --readiness-color:var(--audit-strong); --readiness-soft:var(--audit-strong-soft); } .audit-readiness-grid article[data-band="moderate"] { --readiness-color:var(--audit-good); --readiness-soft:var(--audit-good-soft); } .audit-readiness-grid article[data-band="needs-work"] { --readiness-color:var(--audit-warning); --readiness-soft:var(--audit-warning-soft); }
.audit-readiness-grid article > span { display:block; margin-bottom:6px; font-size:.68rem; font-weight:850; color:var(--audit-muted-strong); }
.audit-readiness-grid article > strong { display:block; margin-bottom:9px; font-size:1.6rem; line-height:1; letter-spacing:-.035em; color:var(--readiness-color); }
.audit-readiness-track { height:8px; overflow:hidden; border-radius:999px; background:#dfe7ef; }
.audit-readiness-track i { display:block; width:0; height:100%; border-radius:inherit; background:var(--readiness-color); transition:width 700ms cubic-bezier(.22,.8,.28,1); }

/* Domain / RDAP */
.audit-domain-section { overflow:hidden; }
.audit-domain-grid { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); gap:12px; }
.audit-domain-summary, .audit-domain-details { min-width:0; border:1px solid var(--audit-line); border-radius:8px; background:var(--audit-surface-soft); }
.audit-domain-summary, .audit-domain-details { padding:15px; }
.audit-domain-score { --meter-color:var(--audit-teal); display:grid; justify-items:center; padding:5px 8px 17px; border-bottom:1px solid var(--audit-line); text-align:center; }
.audit-domain-score > span { margin-top:5px; font-size:.66rem; color:var(--audit-muted); }
.audit-domain-highlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
.audit-domain-highlights > div { min-width:0; padding:10px; border:1px solid var(--audit-line); border-radius:7px; background:#fff; }
.audit-domain-highlights span { display:block; margin-bottom:4px; font-size:.61rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; color:var(--audit-muted); }
.audit-domain-highlights strong { display:block; font-size:.76rem; line-height:1.4; color:var(--audit-ink-strong); overflow-wrap:anywhere; }
.audit-domain-intelligence { min-height:100%; }
.audit-domain-placeholder { min-height:100%; display:grid; place-items:center; align-content:center; gap:7px; padding:26px; text-align:center; }
.audit-domain-placeholder svg { width:36px; height:36px; padding:8px; border-radius:8px; background:var(--audit-teal-soft); fill:none; stroke:var(--audit-teal); stroke-width:1.75; }
.audit-domain-placeholder strong { color:var(--audit-ink-strong); } .audit-domain-placeholder p { max-width:620px; margin:0; font-size:.75rem; line-height:1.5; color:var(--audit-muted); }

.audit-rdap-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.audit-rdap-item { min-width:0; padding:10px 11px; border:1px solid var(--audit-line); border-radius:7px; background:#fff; }
.audit-rdap-item.is-wide { grid-column:1 / -1; }
.audit-rdap-item span { display:block; margin-bottom:4px; font-size:.6rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; color:var(--audit-muted); }
.audit-rdap-item strong, .audit-rdap-item a { display:block; font-size:.74rem; line-height:1.42; color:var(--audit-ink-strong); overflow-wrap:anywhere; text-decoration:none; }
.audit-rdap-item a:hover { color:var(--audit-blue); }
.audit-rdap-status-list, .audit-rdap-nameservers { display:flex; flex-wrap:wrap; gap:5px; }
.audit-rdap-status-list span, .audit-rdap-nameservers span { display:inline-flex; margin:0; padding:4px 6px; border-radius:999px; background:var(--audit-surface-strong); font-size:.6rem; letter-spacing:0; text-transform:none; color:var(--audit-muted-strong); }

/* Good / attention detail */
.website-audit-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--audit-gap); margin-top:var(--audit-gap); }
.website-audit-detail-grid > article { min-width:0; padding:clamp(18px,1.25vw,28px); border:1px solid var(--audit-line); border-radius:var(--audit-radius-md); background:#fff; box-shadow:none; }
.audit-detail-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
.audit-detail-heading h3 { margin:0; font-size:1.05rem; color:var(--audit-ink-strong); }
.audit-count-badge { min-width:28px; min-height:24px; display:inline-grid; place-items:center; padding:4px 7px; border-radius:999px; font-size:.65rem; font-weight:900; }
.audit-count-badge.is-good { background:var(--audit-good-soft); color:var(--audit-good); } .audit-count-badge.is-attention { background:var(--audit-warning-soft); color:#9d6508; }
.audit-finding-list { display:grid; gap:7px; }
.audit-finding { display:grid; grid-template-columns:26px minmax(0,1fr); gap:9px; align-items:start; padding:9px 10px; border:1px solid var(--audit-line); border-radius:7px; background:var(--audit-surface-soft); }
.audit-finding > svg, .audit-finding > span:first-child:not(:last-child) { width:26px; height:26px; display:inline-grid; place-items:center; border-radius:6px; font-size:.72rem; font-weight:900; }
.audit-finding > svg { padding:6px; fill:none; stroke:currentColor; stroke-width:2; }
.audit-finding > span:last-child { min-width:0; padding-top:3px; font-size:.73rem; line-height:1.48; color:var(--audit-muted-strong); }
.audit-finding.is-good { border-color:#c2e2d3; background:#f2faf6; } .audit-finding.is-good > svg { background:#dbefe5; color:var(--audit-good); }
.audit-finding.is-attention { border-color:#ebd9af; background:#fffaf0; } .audit-finding.is-attention > span:first-child { background:#ffebbd; color:#9f6507; }
.audit-finding.is-neutral { grid-template-columns:1fr; background:#f5f7fa; }

/* Recommendations */
.audit-recommendation-list { display:grid; gap:8px; }
.audit-recommendation { --recommend-color:var(--audit-warning); --recommend-soft:var(--audit-warning-soft); display:grid; grid-template-columns:38px minmax(0,1fr); gap:11px; align-items:start; padding:11px 12px; border:1px solid var(--audit-line); border-left:3px solid var(--recommend-color); border-radius:7px; background:#fff; }
.audit-recommendation.is-critical, .audit-recommendation.is-high { --recommend-color:var(--audit-critical); --recommend-soft:var(--audit-critical-soft); } .audit-recommendation.is-medium { --recommend-color:var(--audit-warning); --recommend-soft:var(--audit-warning-soft); } .audit-recommendation.is-low { --recommend-color:var(--audit-blue); --recommend-soft:var(--audit-blue-soft); }
.audit-recommendation > span { width:34px; height:34px; display:inline-grid; place-items:center; border-radius:7px; background:var(--recommend-soft); font-size:.68rem; font-weight:900; color:var(--recommend-color); }
.audit-recommendation-title { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.audit-recommendation-title strong { font-size:.82rem; color:var(--audit-ink-strong); }
.audit-recommendation-title b { flex:0 0 auto; padding:4px 6px; border-radius:999px; background:var(--recommend-soft); font-size:.58rem; letter-spacing:.04em; text-transform:uppercase; color:var(--recommend-color); }
.audit-recommendation p { margin:5px 0 0; font-size:.73rem; line-height:1.48; color:var(--audit-muted-strong); }
.audit-recommendation small { display:block; margin-top:5px; padding:7px 8px; border-radius:5px; background:var(--audit-surface-soft); font-size:.66rem; line-height:1.45; color:var(--audit-muted); }

/* Technical evidence */
.audit-technical-evidence { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.audit-evidence-group { min-width:0; overflow:hidden; border:1px solid var(--audit-line); border-radius:8px; background:var(--audit-surface-soft); }
.audit-evidence-group h4 { margin:0; padding:10px 12px; border-bottom:1px solid var(--audit-line); background:#fff; font-size:.78rem; color:var(--audit-ink-strong); }
.audit-evidence-group > div { display:grid; grid-template-columns:minmax(110px,.42fr) minmax(0,1fr); gap:14px; padding:8px 12px; border-bottom:1px solid var(--audit-line); }
.audit-evidence-group > div:last-child { border-bottom:0; }
.audit-evidence-group span { font-size:.65rem; font-weight:750; color:var(--audit-muted); }
.audit-evidence-group strong { min-width:0; text-align:right; font-size:.68rem; line-height:1.42; font-weight:760; color:var(--audit-muted-strong); overflow-wrap:anywhere; }

/* Methodology + email status */
.audit-methodology-note { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:start; margin-top:var(--audit-gap); padding:13px 15px; border:1px solid #c4d3e1; border-radius:8px; background:#f6f9fc; }
.audit-methodology-note > div:first-child { width:38px; height:38px; display:grid; place-items:center; border-radius:7px; background:#e4edf7; color:var(--audit-blue); }
.audit-methodology-note svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; }
.audit-methodology-note strong { display:block; margin-bottom:3px; font-size:.78rem; color:var(--audit-ink-strong); }
.audit-methodology-note span { display:block; font-size:.7rem; line-height:1.47; color:var(--audit-muted); }
.website-audit-email-status { width:var(--audit-content); margin:10px auto 0; min-height:0; font-size:.7rem; color:var(--audit-muted); }
.website-audit-email-status:not(:empty) { padding:9px 11px; border:1px solid var(--audit-line); border-radius:7px; background:#fff; }

/* =========================================================
   REFERENCE PANELS AFTER RESULTS
   ========================================================= */
.audit-coverage-section, .audit-reading-section, .audit-scope-section { width:100%; max-width:none; padding:var(--audit-section-pad) 0; border-bottom:1px solid var(--audit-line); }
.audit-coverage-section { background:#f8fafc; }
.audit-coverage-grid { width:var(--audit-content); margin-inline:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.audit-coverage-grid article { --tone:var(--audit-blue); --tone-soft:var(--audit-blue-soft); min-width:0; display:grid; grid-template-columns:40px minmax(0,1fr); gap:11px; align-items:start; padding:14px; border:1px solid var(--audit-line); border-radius:8px; background:#fff; box-shadow:none; transition:border-color 140ms ease,background 140ms ease; }
.audit-coverage-grid article:hover { transform:none; border-color:color-mix(in srgb,var(--tone) 30%,var(--audit-line)); box-shadow:none; background:color-mix(in srgb,var(--tone-soft) 42%,#fff); }
.audit-coverage-grid article[data-audit-tone="green"] { --tone:var(--audit-good); --tone-soft:var(--audit-good-soft); }
.audit-coverage-grid article[data-audit-tone="cyan"] { --tone:var(--audit-cyan); --tone-soft:var(--audit-cyan-soft); }
.audit-coverage-grid article[data-audit-tone="violet"] { --tone:var(--audit-violet); --tone-soft:var(--audit-violet-soft); }
.audit-coverage-grid article[data-audit-tone="gold"] { --tone:var(--audit-gold); --tone-soft:var(--audit-gold-soft); }
.audit-coverage-grid article[data-audit-tone="orange"] { --tone:var(--audit-orange); --tone-soft:var(--audit-orange-soft); }
.audit-coverage-grid article[data-audit-tone="slate"] { --tone:var(--audit-slate); --tone-soft:var(--audit-slate-soft); }
.audit-coverage-grid article[data-audit-tone="teal"] { --tone:var(--audit-teal); --tone-soft:var(--audit-teal-soft); }
.audit-coverage-grid article[data-audit-tone="indigo"] { --tone:var(--audit-indigo); --tone-soft:var(--audit-indigo-soft); }
.audit-coverage-grid article > svg { width:40px; height:40px; padding:9px; border-radius:7px; background:var(--tone-soft); fill:none; stroke:var(--tone); stroke-width:1.75; }
.audit-coverage-grid article span { display:block; margin-bottom:3px; font-size:.61rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; color:var(--tone); }
.audit-coverage-grid article strong { display:block; margin-bottom:4px; font-size:.88rem; line-height:1.25; color:var(--audit-ink-strong); }
.audit-coverage-grid article p { margin:0; font-size:.72rem; line-height:1.45; color:var(--audit-muted); }

.audit-reading-section { background:#fff; }
.audit-band-legend { width:var(--audit-content); margin-inline:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.audit-band-legend article { --legend-color:var(--audit-warning); --legend-soft:var(--audit-warning-soft); position:relative; min-width:0; padding:15px 15px 15px 18px; overflow:hidden; border:1px solid var(--audit-line); border-radius:8px; background:#fff; }
.audit-band-legend article::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--legend-color); }
.audit-band-legend .is-critical { --legend-color:var(--audit-critical); --legend-soft:var(--audit-critical-soft); } .audit-band-legend .is-warning { --legend-color:var(--audit-warning); --legend-soft:var(--audit-warning-soft); }
.audit-band-legend .is-good { --legend-color:var(--audit-good); --legend-soft:var(--audit-good-soft); } .audit-band-legend .is-strong { --legend-color:var(--audit-strong); --legend-soft:var(--audit-strong-soft); }
.audit-band-legend span { display:block; margin-bottom:7px; font-size:1.35rem; line-height:1; font-weight:900; letter-spacing:-.035em; color:var(--legend-color); }
.audit-band-legend strong { display:block; margin-bottom:4px; font-size:.82rem; color:var(--audit-ink-strong); }
.audit-band-legend p { margin:0; font-size:.7rem; line-height:1.45; color:var(--audit-muted); }

.audit-scope-section { background:#eef3f8; }
.audit-scope-grid { width:var(--audit-content); margin-inline:auto; display:grid; grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr); gap:var(--audit-gap); align-items:start; }
.audit-scope-copy h2 { margin:4px 0 10px; font-size:clamp(1.6rem,1.8vw,3.2rem); line-height:1.04; letter-spacing:-.038em; color:var(--audit-ink-strong); }
.audit-scope-copy p { max-width:860px; margin-bottom:15px; font-size:.8rem; line-height:1.55; color:var(--audit-muted-strong); }
.audit-scope-lists { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.audit-scope-lists article { min-width:0; padding:15px; border:1px solid var(--audit-line); border-radius:8px; background:#fff; box-shadow:none; backdrop-filter:none; }
.audit-scope-lists strong { display:block; margin-bottom:9px; font-size:.82rem; color:var(--audit-ink-strong); }
.audit-scope-lists ul { margin:0; padding:0; list-style:none; }
.audit-scope-lists li { position:relative; padding:6px 0 6px 20px; border-bottom:1px solid var(--audit-line); font-size:.7rem; line-height:1.42; color:var(--audit-muted-strong); }
.audit-scope-lists li:last-child { border-bottom:0; }
.audit-scope-lists li::before { content:"✓"; position:absolute; left:0; top:6px; width:14px; height:14px; display:grid; place-items:center; border-radius:50%; background:var(--audit-good-soft); font-size:.57rem; font-weight:900; color:var(--audit-good); }
.audit-scope-lists article:last-child li::before { content:"–"; background:#e9eef4; color:#657789; }

/* =========================================================
   EMPTY / LOADING / FOCUS / ANIMATION
   ========================================================= */
.website-audit-page .empty-state { min-height:110px; display:grid; place-items:center; padding:20px; border:1px dashed var(--audit-line-strong); border-radius:8px; background:var(--audit-surface-soft); text-align:center; color:var(--audit-muted); }
.website-audit-page .empty-state strong { color:var(--audit-muted-strong); }
.audit-skeleton { position:relative; overflow:hidden; border-radius:6px; background:#e3e9ef; }
.audit-skeleton::after { content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent); animation:audit-shimmer 1.1s infinite; }
@keyframes audit-shimmer { 100% { transform:translateX(100%); } }
.audit-reveal { opacity:0; transform:translateY(8px); }
.audit-reveal.is-visible { opacity:1; transform:none; transition:opacity 260ms ease,transform 300ms ease; }
.audit-pulse { animation:audit-pulse 1.4s ease-in-out infinite; }
@keyframes audit-pulse { 0%,100% { opacity:.58; } 50% { opacity:1; } }
@keyframes audit-dot { 0% { box-shadow:0 0 0 0 rgba(117,213,170,.28); } 70% { box-shadow:0 0 0 8px rgba(117,213,170,0); } 100% { box-shadow:0 0 0 0 rgba(117,213,170,0); } }
.audit-command-live i, .audit-hero-kicker .pulse-live-dot { animation:audit-dot 1.8s infinite; }
.website-audit-page :where(a,button,input):focus-visible { outline:3px solid rgba(37,99,235,.30); outline-offset:2px; }
.website-audit-page input:focus-visible { outline:0; }

/* =========================================================
   TRUE WIDE-SCREEN / 8K BEHAVIOR
   ========================================================= */
@media (min-width:2200px) {
  .website-audit-page { --audit-gutter:clamp(48px,1.45vw,112px); --audit-gap:clamp(14px,.7vw,30px); }
  .audit-hero-inner { grid-template-columns:minmax(0,.82fr) minmax(680px,1.18fr); }
  .website-audit-form { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto; }
  .audit-coverage-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .audit-headline-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .audit-public-file-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .audit-technical-evidence { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (min-width:3600px) {
  .website-audit-page { --audit-gutter:96px; --audit-gap:24px; --audit-section-pad:64px; }
  .audit-hero-inner { grid-template-columns:minmax(0,.78fr) minmax(920px,1.22fr); gap:96px; }
  .audit-dashboard-top { grid-template-columns:minmax(520px,.48fr) minmax(0,1.52fr); }
  .audit-coverage-grid { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .audit-profile-grid { grid-template-columns:minmax(0,1.32fr) minmax(680px,.68fr); }
  .audit-insight-grid { grid-template-columns:minmax(0,1.28fr) minmax(680px,.72fr); }
  .audit-domain-grid { grid-template-columns:minmax(520px,.5fr) minmax(0,1.5fr); }
  .audit-profile-chart-shell, .audit-profile-chart-shell canvas { min-height:420px; height:420px !important; }
}

@media (min-width:5600px) {
  .website-audit-page { --audit-gutter:112px; --audit-gap:28px; }
  .audit-hero-inner { grid-template-columns:minmax(0,.72fr) minmax(1180px,1.28fr); gap:128px; }
  .audit-coverage-grid { grid-template-columns:repeat(9,minmax(0,1fr)); }
  .audit-band-legend { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .audit-scope-grid { grid-template-columns:minmax(760px,.45fr) minmax(0,1.55fr); }
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1500px) {
  .website-audit-page { --audit-gutter:clamp(18px,2vw,36px); }
  .audit-hero-inner { grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr); gap:30px; }
  .website-audit-form { grid-template-columns:1fr 1fr; }
  .audit-run-button { grid-column:1 / -1; }
  .audit-headline-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .audit-profile-grid, .audit-insight-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:1180px) {
  .audit-hero-inner { grid-template-columns:1fr; }
  .audit-hero-copy { max-width:none; }
  .audit-command-shell { width:100%; }
  .website-audit-form { grid-template-columns:1fr 1fr auto; }
  .audit-run-button { grid-column:auto; }
  .audit-dashboard-top, .audit-profile-grid, .audit-insight-grid, .audit-domain-grid, .audit-scope-grid { grid-template-columns:1fr; }
  .audit-coverage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audit-technical-evidence { grid-template-columns:1fr 1fr; }
}

@media (max-width:900px) {
  .website-audit-page { --audit-gutter:16px; --audit-section-pad:28px; }
  .website-audit-page .section-heading, .audit-result-intro, .audit-summary-head, .audit-panel-heading { align-items:flex-start; flex-direction:column; }
  .website-audit-page .section-heading { gap:8px; }
  .audit-result-intro { padding-inline:var(--audit-gutter); }
  .audit-panel-heading > small { max-width:none; text-align:left; }
  .website-audit-form { grid-template-columns:1fr; }
  .audit-run-button { grid-column:auto; width:100%; }
  .audit-command-foot { align-items:flex-start; flex-direction:column; }
  .audit-score-meaning, .website-audit-detail-grid, .audit-technical-evidence { grid-template-columns:1fr; }
  .audit-needle-grid { grid-template-columns:1fr 1fr; }
  .audit-readiness-grid, .audit-band-legend { grid-template-columns:1fr 1fr; }
  .audit-domain-highlights, .audit-rdap-grid, .audit-scope-lists { grid-template-columns:1fr 1fr; }
  .audit-headline-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audit-public-file-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:640px) {
  .website-audit-page { --audit-gutter:11px; --audit-gap:9px; --audit-section-pad:22px; }
  .audit-hero { padding:26px 0; }
  .audit-breadcrumbs { margin-bottom:13px; font-size:.71rem; }
  .audit-hero-kicker { margin-bottom:12px; font-size:.62rem; }
  .audit-hero h1 { margin-bottom:12px; font-size:clamp(2.2rem,11vw,3.45rem); line-height:.98; }
  .audit-hero-lead { font-size:.9rem; }
  .audit-hero-proof { display:grid; grid-template-columns:1fr; }
  .audit-hero-proof span { width:fit-content; }
  .audit-score-meaning { grid-template-columns:1fr; }
  .audit-command-shell { padding:17px 14px; border-radius:10px; }
  .audit-command-head { align-items:flex-start; }
  .audit-command-live { font-size:.61rem; }
  .audit-result-intro .button { width:100%; justify-content:center; }
  .audit-headline-metrics, .audit-coverage-grid, .audit-needle-grid, .audit-readiness-grid, .audit-band-legend { grid-template-columns:1fr; }
  .audit-public-file-grid { grid-template-columns:1fr 1fr; }
  .audit-domain-highlights, .audit-rdap-grid, .audit-scope-lists { grid-template-columns:1fr; }
  .audit-category-row { grid-template-columns:1fr 44px; gap:7px; }
  .audit-category-label { grid-column:1 / -1; }
  .audit-profile-chart-shell, .audit-profile-chart-shell canvas { min-height:250px; height:250px !important; }
  .audit-recommendation { grid-template-columns:34px minmax(0,1fr); padding:9px; }
  .audit-recommendation > span { width:30px; height:30px; }
  .audit-recommendation-title { align-items:flex-start; flex-direction:column; gap:4px; }
  .audit-evidence-group > div { grid-template-columns:1fr; gap:4px; }
  .audit-evidence-group strong { text-align:left; }
  .audit-methodology-note { grid-template-columns:1fr; }
}

@media (max-width:390px) {
  .audit-public-file-grid { grid-template-columns:1fr; }
  .audit-gauge-reading strong { font-size:2.9rem; }
}

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