/* Dottpace landing — the audit SCAN (audit page) and the small example card + "what it checks" list (Home audit section, audit hero).
   The app's own visual language, measured in the app (Oct 15): the flat canvas band, flat panels with a 1px hairline and an 18px radius,
   card heads with a 28px icon tile, 14px rows, 22px capsule labels. Impact is neutral (three bars and the word); colour only says the state
   of a check (Needs a fix red, OK/Allowed green, Your choice/Optional/Not enough data gray). No gradient, grain, glow, spinner or bounce,
   and the mark never moves. Rows land with their verdict (opacity + 4px, 200ms ease-out) only under html.motion while a scan runs;
   otherwise — no JS, reduced motion, skip, Esc — the final state shows. Views are stacked in a fixed-height body: nothing shifts. */

:root{--au-sh:0 1px 2px rgba(0,0,0,.04)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--au-sh:none}}
:root[data-theme="dark"]{--au-sh:none}

/* ---------- shared pieces (scoped: the report keeps its own) ---------- */
.au-scan .au-panel,.au-mini{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--au-sh)}
.au-scan .au-lbl,.au-mini .au-lbl{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--r-full);font:500 12px/16px var(--font);white-space:nowrap;background:var(--gray-bg);color:var(--gray-fg)}
.au-scan .au-lbl.is-red{background:var(--neg-bg);color:var(--neg)}
.au-scan .au-lbl.is-green{background:var(--pos-bg);color:var(--pos)}
.au-scan .au-lbl.is-blue{background:var(--info-bg);color:var(--info)}
.au-scan .au-hd-ic{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-8);background:var(--fill-2);color:var(--text-3)}
.au-scan .au-hd-ic .ic{width:16px;height:16px}
.au-scan code{font:500 13px/18px var(--mono);color:var(--text-1)}
.au-scan .au-bot-n{font-weight:500}   /* a bot's name is a name (Geist), as in the app's Access check; files and paths stay mono */
.au-imp{display:inline-flex;align-items:center;gap:5px;font:500 12px/16px var(--font);color:var(--text-2);white-space:nowrap}
.au-bars{display:inline-flex;align-items:flex-end;gap:1.5px;height:10px}
.au-bars i{width:3px;border-radius:1px;background:var(--fill-2)}
.au-bars i:nth-child(1){height:4px}.au-bars i:nth-child(2){height:7px}.au-bars i:nth-child(3){height:10px}
.au-bars i.on{background:var(--text-2)}

/* ---------- the scan section ---------- */
.au-scan{padding-block:32px 40px;background:var(--bg-band);scroll-margin-top:84px}
.au-scan[hidden]{display:none}
.au-sc-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px}
.au-sc-tl{min-width:0}
.au-sc-h{margin-top:10px;font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.022em}
.au-h-done,.au-scan.is-done .au-h-run{display:none}
.au-scan.is-done .au-h-done{display:inline}
.au-sc-note{margin-top:6px;max-width:66em;font-size:14px;line-height:20px;color:var(--text-3)}
.au-sc-note b{font-weight:600;color:var(--text-1);overflow-wrap:anywhere}
.au-skip{flex:none}
.au-skip .ic{width:15px;height:15px}
.au-skip-d,.au-scan.is-done .au-skip-r{display:none}
.au-scan.is-done .au-skip-d{display:inline-flex;align-items:center;gap:8px}
.au-scan.is-done .au-skip{visibility:hidden}            /* the done view has the button; the slot stays, so nothing moves */
.au-skip:hover .ic,.au-see:hover .ic{translate:0 2px}

/* the rail: one column per stage (AUDIT stages: 7 since the on-page "Your pages" stage), a 2px track each, the fill scales over the stage's own time (compositor only) */
.au-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;margin-top:20px}
.au-rail li{min-width:0}
.au-rl-t{display:block;height:2px;border-radius:1px;background:var(--fill-2);overflow:hidden}
.au-rl-f{display:block;height:100%;background:var(--text-1);transform:scaleX(var(--p,0));transform-origin:left;transition-property:transform;transition-timing-function:linear;transition-duration:0ms}
.au-rl-n{display:block;margin-top:10px;font-size:13px;line-height:18px;font-weight:500;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur-1) var(--ease-out)}
.au-rl-k{position:relative;display:inline-block;min-width:12px;margin-right:2px;font-variant-numeric:tabular-nums}
.au-rl-ok{position:absolute;left:0;top:3px;width:12px;height:12px;color:var(--pos);stroke-width:2.25;visibility:hidden}
.au-rail li.is-done .au-rl-ok{visibility:visible}
.au-rail li.is-done .au-rl-kn{visibility:hidden}
.au-rail li.is-run .au-rl-n,.au-rail li.is-done .au-rl-n{color:var(--text-1)}
.au-rl-s{display:block;margin-top:2px;font-size:12px;line-height:16px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-rail li.is-done .au-rl-s{color:var(--text-2)}
.au-rl-m{display:none}

/* the body: the stage card and the tally */
.au-sc-bd{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:16px}
.au-live,.au-found{padding:16px 22px 18px;min-width:0}
.au-live-hd{display:flex;align-items:center;gap:9px;padding:0 8px 10px;border-bottom:1px solid var(--line)}
.au-live-tx{min-width:0;flex:1;transition:opacity var(--dur-1) var(--ease-out)}
.au-live-tx.is-swap{opacity:0}
.au-live-t{font-size:16px;line-height:22px;font-weight:600;letter-spacing:-.01em;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-live-s{font-size:13px;line-height:18px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-live-bd{position:relative;height:344px;margin-top:8px;contain:layout paint}
.au-v{position:absolute;inset:0;opacity:0;visibility:hidden}
.au-v.is-on{opacity:1;visibility:visible}

/* a live row: what was read · what it says · its verdict */
.au-lv-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 184px;align-items:center;gap:12px;min-height:36px;padding:0 8px;font-size:14px;line-height:20px}
.au-lv-r+.au-lv-r{border-top:1px solid var(--line)}
.au-lv-r.is-sep{border-top-color:var(--line-strong)}
.au-lv-a{min-width:0;font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-lv-b{min-width:0;font-size:13px;line-height:18px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-lv-c{display:flex;justify-content:flex-end;min-width:0}
.au-lv-x{font-weight:400;color:var(--text-3)}
.au-lv-v{margin-right:4px;font-size:14px;font-weight:600;color:var(--text-1);font-variant-numeric:tabular-nums}
.au-ok{display:inline-flex;align-items:center;gap:3px;font-size:12px;line-height:16px;color:var(--pos)}
.au-ok .ic{width:12px;height:12px;stroke-width:2.25}
.au-gw{font-size:12px;line-height:16px;color:var(--text-2);white-space:nowrap}
.au-gw.is-bad{font-weight:600;color:var(--text-1)}
.au-x{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;color:var(--neg)}
.au-lv-r.is-g .au-lv-a code{font:400 12.5px/18px var(--mono);color:var(--text-2)}
.au-lv-r.is-g .au-lv-b{color:var(--text-1)}
.au-lv-r.is-g{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr) 96px}
.au-lv-r.is-also .au-lv-b{color:var(--text-3)}
.au-lv-r.is-g .au-lv-c{justify-content:flex-start}
.au-sub-h{padding:14px 8px 8px;border-top:1px solid var(--line);font-size:12px;line-height:16px;font-weight:500;color:var(--text-3)}

/* 1 · the pages picked */
.au-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 8px}
.au-paths li{display:flex;align-items:center;height:28px;padding:0 8px;border-radius:6px;background:var(--surface-2);font:400 12px/16px var(--mono);color:var(--text-2);min-width:0}
.au-paths span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* 3 · the agent walk: the app's mystery-shopper strip */
.au-walk-q{padding:4px 8px 0;font-size:14px;line-height:20px;font-weight:500;color:var(--text-1)}
.au-walk{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:12px;padding:0 8px}
.au-step{display:flex;flex-direction:column;gap:6px;min-width:0}
.au-step-t{font-size:13px;line-height:18px;font-weight:500;color:var(--text-1);text-wrap:pretty}
.au-step-k{color:var(--text-3);font-variant-numeric:tabular-nums}
.au-step-s{display:inline-flex;align-items:center;gap:3px;font-size:12px;line-height:16px;color:var(--text-3)}
.au-step-s.is-ok{color:var(--pos)}
.au-step-s.is-stop{font-weight:600;color:var(--neg)}
.au-ok-i{width:12px;height:12px;stroke-width:2.25}
.au-step.is-skip .au-thumb{opacity:.55}
.au-step.is-skip .au-step-t{color:var(--text-3)}
.au-walk-n{margin-top:14px;padding:10px 8px 0;border-top:1px solid var(--line);font-size:13px;line-height:18px;color:var(--text-2)}
.au-thumb{position:relative;display:flex;flex-direction:column;height:64px;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface);overflow:hidden}
.au-thumb::before{content:"";flex:none;height:9px;border-bottom:1px solid var(--line);background:
  radial-gradient(circle at 6px 4px,var(--text-4) 1.1px,transparent 1.5px),radial-gradient(circle at 11px 4px,var(--text-4) 1.1px,transparent 1.5px),
  radial-gradient(circle at 16px 4px,var(--text-4) 1.1px,transparent 1.5px),var(--fill-1);opacity:.9}
.au-thumb-bd{flex:1;display:flex;flex-direction:column;gap:4px;padding:5px 6px;min-height:0}
.au-thumb-bd i{display:block;border-radius:2px;background:var(--fill-2)}
.au-thumb .f-hero{height:42%}
.au-thumb .f-row{height:24%;background:linear-gradient(90deg,var(--fill-2) 0 30%,transparent 30% 35%,var(--fill-2) 35% 65%,transparent 65% 70%,var(--fill-2) 70%)}
.au-thumb .f-search{height:18%;width:70%}
.au-thumb .f-grid{flex:1;background:repeating-linear-gradient(90deg,var(--fill-2) 0 30%,transparent 30% 35%)}
.au-thumb .f-img{height:40%;width:55%}
.au-thumb .f-lines{height:20%;background:repeating-linear-gradient(180deg,var(--fill-2) 0 3px,transparent 3px 6px)}
.au-thumb .f-btn{height:16%;width:42%;background:color-mix(in srgb,var(--ring) 40%,var(--fill-2))}
.au-thumb .f-sw{height:16%;width:52%;background:radial-gradient(circle,var(--text-4) 2.4px,transparent 2.9px) 0 50%/9px 100% repeat-x;border-radius:0}
.au-thumb .f-drawer{flex:1;margin-left:45%;border-left:2px solid var(--line-strong);border-radius:0;background:var(--fill-1)}
.au-thumb .f-stop{flex:1;display:grid;place-items:center;background:transparent;color:var(--text-3)}
.au-thumb .f-stop .ic{width:16px;height:16px}
.au-thumb-x{position:absolute;inset:-1px;border-radius:6px;border:1.5px solid var(--neg);box-shadow:0 0 0 2px color-mix(in srgb,var(--neg) 20%,transparent);pointer-events:none}
.au-thumb.k-swatch .au-thumb-x::after{content:"";position:absolute;left:5px;top:calc(9px + 5px + 40% * 0.82);width:56%;height:16%;outline:1.5px dashed var(--neg);outline-offset:1px;border-radius:2px}

/* 4 · the answers grid: 3 questions × 4 assistants, then the quote that doesn't match */
.au-mx{width:100%;border-collapse:collapse;table-layout:fixed}
.au-mx th,.au-mx td{padding:6px 8px;text-align:left;vertical-align:middle}
.au-mx thead th{padding-block:2px 8px;font:500 12px/16px var(--font);color:var(--text-2);border-bottom:1px solid var(--line)}
.au-mx thead th:first-child{width:31%}
.au-mx tbody tr+tr>*{border-top:1px solid var(--line)}
.au-mx-h{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.au-ai{flex:none;width:14px;height:14px;color:var(--text-1)}
.au-mx-q{display:block;font-size:13px;line-height:18px;font-weight:500;color:var(--text-1)}
.au-mx-k{display:block;font-size:12px;line-height:16px;font-weight:400;color:var(--text-3)}
.au-mx-c{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--text-2);white-space:nowrap}
.au-dot{flex:none;width:8px;height:8px;border-radius:50%}
.au-dot.is-link{background:var(--text-1)}
.au-dot.is-named{background:var(--text-3)}
.au-dot.is-none{box-shadow:inset 0 0 0 1.5px var(--text-4)}
.au-mx td:has(.is-link) .au-mx-w{font-weight:500;color:var(--text-1)}
.au-mx td:has(.is-none) .au-mx-w{color:var(--text-3)}
.au-mx-l{display:none;width:12px;height:12px;margin-left:-2px;color:var(--text-2)}
.au-mx-x{width:13px;height:13px;color:var(--neg);stroke-width:2}
.au-mx-key{display:none}
.au-q{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;margin-top:10px;padding:10px 8px 0;border-top:1px solid var(--line-strong)}
.au-q-t{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:22px;font-weight:500;color:var(--text-1)}
.au-q-t .au-ai{margin-top:4px}
.au-q-w{grid-column:1/-1;padding:6px 10px;border-left:2px solid var(--line-strong);font-size:13px;line-height:18px;color:var(--text-2)}
.au-q-w b{margin-right:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--text-3)}
.au-q-w code{font:400 12.5px/18px var(--mono);color:var(--text-2)}

/* done: one row per stage, with what it found (no per-stage count: the tally's five area counts are the only issue numbers) */
.au-dn-r{display:grid;grid-template-columns:16px minmax(120px,.42fr) minmax(0,1fr);align-items:center;gap:12px;min-height:40px;padding:0 8px;font-size:14px;line-height:20px}
.au-dn-r+.au-dn-r{border-top:1px solid var(--line)}
.au-dn-r>.ic{color:var(--text-3)}
.au-dn-n{font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-dn-b{min-width:0;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-dn-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0 0 8px}   /* "See the report", and the line that says where it came from */
.au-see{margin:0}
.au-see .ic{width:15px;height:15px}
.au-dn-x{font-size:13px;line-height:18px;color:var(--text-3)}
.au-dn-x a{color:var(--text-1);text-decoration:underline;text-decoration-color:var(--line-ctl);text-underline-offset:3px;text-decoration-thickness:1px}
.au-dn-x a:hover{text-decoration-color:currentColor}

/* the tally: it ticks only when an issue row lands */
.au-found{display:flex;flex-direction:column}
.au-fd-hd .au-live-t{flex:1}
.au-fd-dn,.au-scan.is-done .au-fd-run{display:none}   /* "Found so far" while it runs, "Found" when it's done */
.au-scan.is-done .au-fd-dn{display:inline}
.au-fd-site{font-size:13px;line-height:18px;color:var(--text-3);white-space:nowrap}
.au-fd-l{margin-top:6px}
.au-fd-r{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-radius:6px;transition:background-color var(--dur-2) var(--ease-out)}
.au-fd-r.is-tick{background:var(--hover);transition-duration:80ms}
.au-fd-r>.ic{color:var(--text-3)}
.au-fd-n{font-size:14px;line-height:20px;color:var(--text-1)}
.au-fd-s{display:none}
.au-fd-c{min-width:2ch;text-align:right;font-size:15px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-1)}
.au-fd-c.is-zero{color:var(--text-3)}
.au-num{display:inline-block;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
.au-fd-m{display:grid;gap:6px;margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--line);font-size:13px;line-height:18px;color:var(--text-3)}
.au-fd-m>span{display:flex;justify-content:space-between;gap:12px}
.au-fd-m b{font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums}
.au-sc-ft{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-sc-ft .ic{flex:none;width:14px;height:14px;margin-top:2px}

/* ---------- motion: only while a scan runs, only under html.motion ---------- */
@media (prefers-reduced-motion:no-preference){
  .motion .au-v{transition:opacity var(--dur-1) var(--ease-out),visibility 0s linear var(--dur-1)}
  .motion .au-v.is-on{transition:opacity var(--dur-2) var(--ease-out) 80ms,visibility 0s}
  .motion .au-scan [data-at]{transition:opacity var(--dur-3) var(--ease-out),translate var(--dur-3) var(--ease-out)}
  .motion .au-scan.is-running [data-at]:not(.is-in){opacity:0;translate:0 4px}
  .motion .au-scan .au-lbl[data-at],.motion .au-scan .au-imp[data-at],.motion .au-scan .au-gw[data-at],.motion .au-scan .au-step-s[data-at]{transition:opacity var(--dur-2) var(--ease-out),scale var(--dur-2) var(--ease-out)}
  .motion .au-scan.is-running .au-lbl[data-at]:not(.is-in),.motion .au-scan.is-running .au-imp[data-at]:not(.is-in),
  .motion .au-scan.is-running .au-gw[data-at]:not(.is-in),.motion .au-scan.is-running .au-step-s[data-at]:not(.is-in){translate:none;scale:.96}
  .motion .au-scan.is-running .au-thumb-x:not(.is-in){translate:none}
}
@media (prefers-reduced-motion:reduce){
  .au-scan *,.au-scan *::before,.au-scan *::after{transition:none!important}
}

/* ---------- the small example card (Home audit section, audit hero) ---------- */
.au-mini{padding:16px 22px 18px}
.au-mini-site{margin-top:10px;font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.012em;color:var(--text-1)}
.au-mini-m{margin-top:2px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-mini-l{margin-top:12px}
.au-mini-r{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.au-mini-r>.ic{margin-top:2px;color:var(--text-3)}
.au-mini-t{min-width:0}
.au-mini-t b{display:block;font-size:14px;line-height:20px;font-weight:500;color:var(--text-1)}
.au-mini-t span{display:block;font-size:13px;line-height:18px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-mini-n{font-size:15px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-1)}
.au-mini-a{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);width:100%;font-size:14px}

/* what the audit checks — the report's five areas: a plain icon list (no ring, so nothing reads as a chip or a filter) */
.au-checks{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px}
.au-checks li{display:inline-flex;align-items:center;gap:7px;font-size:13px;line-height:18px;color:var(--text-2)}
.au-checks .ic{width:14px;height:14px;color:var(--text-3)}

/* ---------- narrower: the tally becomes a strip above the stage card ---------- */
@media (max-width:1080px){
  .au-sc-bd{grid-template-columns:minmax(0,1fr)}
  .au-found{order:-1;padding:10px 12px}
  /* the strip keeps a one-line head: "Found so far" and the example's address, so it never reads as the visitor's own site */
  .au-found .au-fd-hd{padding:0 4px 6px;border-bottom:0}
  .au-found .au-fd-hd .au-hd-ic{display:none}
  .au-found .au-fd-hd .au-live-t{font-size:12px;line-height:16px;font-weight:500;color:var(--text-3)}
  .au-found .au-fd-site{font-size:12px;line-height:16px}
  .au-fd-l{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0}
  .au-fd-r{grid-template-columns:minmax(0,1fr);justify-items:center;gap:2px;padding:6px 4px;text-align:center}
  .au-fd-n{display:none}
  .au-fd-s{display:block;max-width:100%;font-size:12px;line-height:16px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .au-fd-c{order:0;font-size:17px;line-height:22px}
  .au-fd-r>.ic{order:-1}
  .au-fd-s{order:1}
  .au-fd-m{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 16px;margin-top:6px;padding:8px 4px 0;font-size:12px;line-height:16px}
  .au-fd-m>span{justify-content:center;gap:4px}
}
@media (max-width:1080px){
  .au-mx-l{display:block}                                /* narrower cells: the link icon stands in for " · link" (still read out) */
  .au-mx-lk{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:640px){
  .au-scan{padding-block:24px 32px}
  .au-sc-hd{flex-direction:column;align-items:stretch;gap:14px}
  .au-sc-h{font-size:24px;line-height:30px}
  .au-h-done .au-h-sep,.au-h-done .au-h-b{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .au-sc-note{font-size:13px;line-height:18px}
  .au-skip{width:100%}
  .au-scan.is-done .au-skip{visibility:visible}          /* on phones the head button becomes "See the report"; the done view's button hides */
  .au-see{display:none}
  .au-dn-a{margin:12px 4px 0}
  .au-rail{gap:4px;margin-top:18px}
  .au-rl-t{height:4px;border-radius:2px}
  .au-rl-n,.au-rl-s{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .au-rl-m{display:grid;grid-template-columns:150px minmax(0,1fr) 72px;column-gap:8px;margin-top:8px;font-size:13px;line-height:18px;color:var(--text-2)}
  .au-rl-m>*{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .au-rl-m b{font-weight:600;color:var(--text-1)}
  .au-rl-m [data-rl-ms]{text-align:right;color:var(--text-3)}
  .au-live{padding:14px 14px 16px}
  .au-live-hd{align-items:flex-start;padding:0 4px 10px}
  .au-live-s{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px}
  .au-live-bd{height:402px}
  .au-lv-r,.au-lv-r.is-g{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:0;min-height:46px;padding:5px 4px}
  .au-lv-r .au-lv-a{grid-column:1;grid-row:1}
  .au-lv-r .au-lv-b{grid-column:1;grid-row:2}
  .au-lv-r .au-lv-c{grid-column:2;grid-row:1/3}
  .au-lv-r.is-g .au-lv-c{justify-content:flex-end}
  .au-sub-h{padding:12px 4px 8px}
  .au-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 4px}
  .au-paths li{height:24px;padding:0 6px;font-size:11.5px}
  .au-walk-q{padding:2px 4px 0}
  .au-walk{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;padding:0 4px}
  .au-thumb{height:50px}
  .au-walk-n{margin-top:12px;padding:10px 4px 0}
  .au-mx th,.au-mx td{padding:6px 4px}
  .au-mx thead th:first-child{width:46%}
  .au-mx-k{display:none}
  .au-mx-hn,.au-mx-w{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .au-mx-h,.au-mx-c{gap:4px}
  .au-mx-key{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 4px 0;font-size:12px;line-height:16px;color:var(--text-3)}
  .au-mx-key>span{display:inline-flex;align-items:center;gap:5px}
  .au-q{grid-template-columns:minmax(0,1fr);padding:10px 4px 0}
  .au-q-t{font-size:14px;line-height:20px}
  .au-q-t .au-ai{margin-top:3px}
  .au-q .au-lbl{grid-row:3;justify-self:start}
  .au-dn-r{grid-template-columns:16px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:0;min-height:46px;padding:4px}
  .au-dn-r>.ic{grid-row:1/3}
  .au-dn-n{grid-column:2;grid-row:1}
  .au-dn-b{grid-column:2;grid-row:2;font-size:13px;line-height:18px;white-space:normal}
  .au-mini{padding:14px 14px 16px}
  .au-mini-t span{white-space:normal}
}

/* ---------- the waiting card (Oct 17): where the scan will play, until the emailed link is clicked (audit.js) ---------- */
.au-wait{padding-block:32px 40px;background:var(--bg-band);scroll-margin-top:84px}
.au-wait[hidden],.au-wait [hidden]{display:none!important}
.au-aw-card{display:flex;gap:16px;max-width:640px;margin-inline:auto;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--au-sh)}
.au-aw-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-12, 12px);background:var(--fill-2);color:var(--text-2)}
.au-aw-ic .ic{width:20px;height:20px}
.au-aw-tx{min-width:0;flex:1}
.au-aw-k{display:flex;align-items:center;gap:8px;font:500 13px/18px var(--font);color:var(--text-3)}
.au-aw-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-text)}
html.motion .au-aw-dot{animation:au-aw-pulse 1.6s ease-in-out infinite}
@keyframes au-aw-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){html.motion .au-aw-dot{animation:none}}
.au-aw-h{margin-top:6px;font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.02em}
.au-aw-h:focus{outline:none}
.au-aw-p{margin-top:6px;font-size:15px;line-height:22px;color:var(--text-2)}
.au-aw-p a{color:var(--accent-text)}
.au-aw-m{margin-top:12px;font-size:14px;line-height:20px;color:var(--text-3)}
.au-aw-m b{font-weight:600;color:var(--text-1);overflow-wrap:anywhere}
.au-aw-dev{margin-top:8px;font-size:12px;line-height:16px;color:var(--text-3)}
.au-aw-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px}
.au-aw-hint{font-size:13px;line-height:18px;color:var(--text-3)}
.au-aw-x{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:16px;font-size:14px;line-height:20px}
.au-aw-sep{color:var(--text-3)}
.au-wait .au-link{padding:0;border:0;background:none;font:inherit;font-weight:500;color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.au-wait .au-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px}
.au-wait .au-link:disabled{color:var(--text-3);text-decoration:none;cursor:default}
.au-aw-say{margin-top:8px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-aw-say:empty{display:none}
.au-start-err{margin-top:10px}
@media (max-width:640px){.au-wait{padding-block:20px 28px}.au-aw-card{flex-direction:column;gap:12px;padding:20px}.au-aw-h{font-size:20px;line-height:26px}}

/* Oct 17 (founder): waiting for the email confirmation — the example report stays hidden until the scan starts */
.au-waiting .au-rep{display:none!important}