/* Dottpace landing — the audit REPORT (/audit/ #ar) and its close: the funnel's three panels (A only your website, B your deep audit, C your plan + the CTA). The scan, the Home card and the "what it checks"
   list are audit-scan.css; the agent walk reuses the scan's own markup and wireframes from there.
   A page of the product, measured in the app (Oct 15): the flat canvas band, white or #161617 panels with a 1px hairline and an 18px radius,
   card heads with a 28px icon tile, 14px rows, 22px capsule labels. No score, no gradient, no grain. Impact is neutral (three bars and a word);
   colour is only a check's state: red needs a fix, green OK, gray your choice or not checked, blue Dottpace can apply it.
   Everything is open at rest and readable without JS. Light and dark come from tokens.css; dark only drops the panel shadow.
   Every rule is scoped to the report (.au-rep), so it can't reach the scan, and the scan's unscoped rules can't reach it
   (home.css also keeps old, unused .au-lbl/.au-bots/.au-cwv rules — the names here avoid or override them). */

: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}

/* ---------- the band (the scan and the report sit on the app's canvas) ---------- */
.au-band{background:var(--bg-band);border-top:1px solid var(--line)}
.au-rep{padding-block:32px 96px;scroll-margin-top:84px}
.au-rep[hidden]{display:none}
.au-rep.is-waiting{opacity:.4;transition:opacity var(--dur-3) var(--ease-out)}

/* ---------- panels (one level: rows inside are hairline-separated) ---------- */
.au-rep .au-sec,.au-rep .au-kps{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--au-sh)}
.au-rep .au-sec{margin-top:16px;padding:16px 22px 18px;scroll-margin-top:84px}
.au-rep .au-sec-hd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;padding:0 8px 10px;border-bottom:1px solid var(--line)}
.au-rep .au-hd-ic{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--r-8);background:var(--fill-2);color:var(--text-3)}
.au-rep .au-hd-ic .ic{width:16px;height:16px}
.au-rep .au-sec-hd h3{font-size:16px;font-weight:600;line-height:22px;letter-spacing:-.01em;color:var(--text-1)}
.au-rep .au-sec-m{flex:1 1 300px;min-width:0;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-sec-a{display:inline-flex;align-items:center;gap:2px;margin-left:auto;font-size:13px;line-height:18px;color:var(--text-2);white-space:nowrap;transition:color var(--dur-1) var(--ease-out)}
.au-rep .au-sec-a:hover{color:var(--text-1)}
.au-rep .au-sec-a .ic{width:14px;height:14px}
.au-rep .au-mod-h{padding:18px 8px 6px;font-size:12px;font-weight:500;line-height:16px;color:var(--text-3)}
.au-rep .au-note{padding:8px 8px 0;font-size:13px;line-height:18px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-note b{font-weight:500;color:var(--text-2)}
.au-rep .au-note-l{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.au-rep .au-claim code,.au-rep .au-tbl td code{font:500 12.5px/18px var(--mono);color:var(--text-2);overflow-wrap:anywhere}

/* ---------- labels and impact (the app's .lbl.tint and .lbl.imp) ---------- */
.au-rep .au-lbl{display:inline-flex;align-items:center;gap:6px;flex:none;height:22px;margin:0;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-rep .au-lbl .ic{width:13px;height:13px}
.au-rep .au-lbl.is-red{background:var(--neg-bg);color:var(--neg)}
.au-rep .au-lbl.is-green{background:var(--pos-bg);color:var(--pos)}
.au-rep .au-lbl.is-blue{background:var(--info-bg);color:var(--info)}
.au-rep .au-imp{display:inline-flex;align-items:center;gap:5px;font:500 12px/16px var(--font);color:var(--text-2);white-space:nowrap}
.au-rep .au-bars{display:inline-flex;align-items:flex-end;gap:1.5px;height:10px}
.au-rep .au-bars i{display:block;width:3px;border-radius:1px;background:var(--fill-2)}
.au-rep .au-bars i:nth-child(1){height:4px}.au-rep .au-bars i:nth-child(2){height:7px}.au-rep .au-bars i:nth-child(3){height:10px}
.au-rep .au-bars i.on{background:var(--text-2)}

/* ---------- head (the app's page head) ---------- */
.au-rep .au-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 40px;padding:0 0 20px}
.au-rep .au-ex{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-ex b{font-weight:600;color:var(--text-1);overflow-wrap:anywhere}
.au-rep .au-site{margin-top:12px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.025em;color:var(--text-1);overflow-wrap:anywhere}
.au-rep .au-site:focus{outline:none}
.au-rep .au-site:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:6px}
.au-rep .au-head-m{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:14px;line-height:20px;color:var(--text-3)}
.au-rep .au-head-m span{display:inline-flex;align-items:center;gap:6px}
.au-rep .au-head-m .ic{width:14px;height:14px}
.au-rep .au-head-n{margin-top:16px;font-size:15px;line-height:22px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-head-n b{font-weight:600;color:var(--text-1)}
.au-rep .au-head-t{margin-top:10px;max-width:46em;font-size:13px;line-height:18px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-wkl a,.au-rep .au-tbl-a{color:var(--text-1);text-decoration:underline;text-decoration-color:var(--line-ctl);text-underline-offset:3px;text-decoration-thickness:1px}
.au-rep .au-wkl a{text-decoration-color:transparent}   /* 24 plan items: no underline at rest (four columns of rules), it shows on hover */
.au-rep .au-wkl a:hover,.au-rep .au-tbl-a:hover{text-decoration-color:currentColor}
.au-rep .au-head-r{display:grid;justify-items:end;gap:8px;text-align:right}
.au-rep .au-head-r p{max-width:24em;font-size:13px;line-height:18px;color:var(--text-3)}

/* ---------- the area strip (the app's kp-strip) and the Google mini strip ---------- */
.au-rep .au-kps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px}
.au-rep .au-kp{position:relative;display:flex;flex-direction:column;min-width:0;padding:12px 16px 13px;border-radius:var(--r-8)}
.au-rep .au-kp+.au-kp::before{content:"";position:absolute;left:-.5px;top:12px;bottom:12px;width:1px;background:var(--line)}
.au-rep a.au-kp{transition:background-color var(--dur-1) var(--ease-out)}
.au-rep a.au-kp:hover{background:var(--hover)}
.au-rep a.au-kp:hover::before,.au-rep a.au-kp:hover+.au-kp::before{opacity:0}
.au-rep .au-kp-l{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--text-2)}
.au-rep .au-kp-l .ic{width:14px;height:14px;color:var(--text-3)}
.au-rep .au-kp-v{margin-top:6px;font-size:24px;font-weight:600;line-height:30px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-1)}
.au-rep .au-kp-v small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--text-3)}
.au-rep .au-kp-s{margin-top:2px;font-size:13px;line-height:18px;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.au-rep .au-kps.is-mini{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:8px;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.au-rep .au-kps.is-mini .au-kp{padding:10px 8px 12px}
.au-rep .au-kps.is-mini .au-kp+.au-kp{padding-left:16px}
.au-rep .au-kps.is-mini .au-kp-v{margin-top:4px;font-size:20px;line-height:26px}
.au-rep .au-top+.au-kps{margin-top:16px}

/* ---------- the top: the 3 issues to fix first, in plain words (the full cards stay in the areas below). Three columns split by hairlines,
   as Your first 30 days; a quiet number, the title, Evidence and What you can do now, and a link down to the full card ---------- */
.au-rep .au-top-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:6px}
.au-rep .au-top-i{display:flex;flex-direction:column;min-width:0;padding:14px 20px 2px}
.au-rep .au-top-i:first-child{padding-left:8px}
.au-rep .au-top-i:last-child{padding-right:8px}
.au-rep .au-top-i+.au-top-i{border-left:1px solid var(--line)}
.au-rep .au-top-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-ctl);font-size:12px;font-weight:600;line-height:16px;font-variant-numeric:tabular-nums;color:var(--text-1)}
.au-rep .au-top-t{margin-top:10px;font-size:16px;font-weight:600;line-height:22px;letter-spacing:-.01em;color:var(--text-1);text-wrap:balance}
.au-rep .au-top-d{display:grid;gap:10px;margin-top:10px}
.au-rep .au-top-d dt{font-size:12px;font-weight:500;line-height:16px;color:var(--text-3)}
.au-rep .au-top-d dd{margin-top:2px;font-size:14px;line-height:20px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-top-d div+div dd{color:var(--text-1)}
.au-rep .au-top-d code{font:500 12.5px/20px var(--mono);color:var(--text-1);overflow-wrap:anywhere}
.au-rep .au-top-a{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:auto;padding-top:12px;font-size:13px;font-weight:500;line-height:18px;color:var(--text-2);transition:color var(--dur-1) var(--ease-out)}
.au-rep .au-top-a:hover{color:var(--text-1)}
.au-rep .au-top-a .ic{width:14px;height:14px}

/* ---------- the five areas fold: a native <details>, open at rest, so it works without JS. The summary is the area's scannable row —
   icon, name, its one-line headline, its issue count and its highest impact, a chevron; what was read and the demo link open the body ---------- */
.au-rep .au-sec.au-area{padding:0}
.au-rep .au-fold>summary{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto 16px;align-items:center;gap:4px 12px;padding:16px 30px 12px;border-radius:calc(var(--r-card) - 1px) calc(var(--r-card) - 1px) 0 0;list-style:none;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}
.au-rep .au-fold>summary::-webkit-details-marker{display:none}
.au-rep .au-fold>summary:hover{background:var(--hover)}
.au-rep .au-fold>summary:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
.au-rep .au-fold[open]>summary::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:1px;background:var(--line)}
.au-rep .au-fold:not([open])>summary{padding-bottom:16px;border-radius:calc(var(--r-card) - 1px)}
.au-rep .au-fold-tx{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}
.au-rep .au-fold-tx h3{font-size:16px;font-weight:600;line-height:22px;letter-spacing:-.01em;color:var(--text-1)}
.au-rep .au-fold-hl{min-width:0;font-size:13px;line-height:18px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-fold-st{display:grid;grid-template-columns:72px 76px;align-items:center;column-gap:12px}
.au-rep .au-fold-n{font-size:13px;font-weight:500;line-height:18px;color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.au-rep .au-fold-c{width:16px;height:16px;color:var(--text-3)}
.au-rep .au-fold[open] .au-fold-c{rotate:180deg}
.au-rep .au-fold>summary:hover .au-fold-c{color:var(--text-1)}
.motion .au-rep .au-fold-c{transition:rotate var(--dur-2) var(--ease-out),color var(--dur-1) var(--ease-out)}   /* html.motion is off with reduced motion */
.au-rep .au-fold>.au-sec-bd{padding:0 22px 18px}
.au-rep .au-fold-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:12px 8px 0;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-fold-m>span{flex:1 1 300px;min-width:0}
.au-rep .au-fold-m .au-sec-a{margin-left:auto}

/* ---------- readiness rows (Reach / Read / Use / Buy) and the funnel rows ---------- */
.au-rep .au-rd-l{padding-top:4px}
.au-rep .au-mod-h+.au-rd-l{padding-top:0}
.au-rep .au-rd{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:12px;padding:10px 8px}
.au-rep .au-rd+.au-rd{border-top:1px solid var(--line)}
.au-rep .au-rd-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-8);background:var(--fill-1);color:var(--text-3)}
.au-rep .au-rd-ic .ic{width:16px;height:16px}
.au-rep .au-rd-t{font-size:14px;font-weight:500;line-height:20px;color:var(--text-1)}
.au-rep .au-rd-d{font-size:14px;line-height:20px;color:var(--text-2);text-wrap:pretty}

/* ---------- tables (bots, page types, speed) ---------- */
.au-rep .au-tbl{width:100%;border-collapse:collapse}
.au-rep .au-tbl th,.au-rep .au-tbl td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px;line-height:20px;color:var(--text-2)}
.au-rep .au-tbl thead th{padding:8px;font-size:12px;font-weight:500;line-height:16px;color:var(--text-3);white-space:nowrap}
.au-rep .au-tbl tbody th{font-weight:500;color:var(--text-1)}
.au-rep .au-tbl th code{font:500 13px/20px var(--mono);color:var(--text-1)}
.au-rep .au-bot-n{font:500 14px/20px var(--font);color:var(--text-1)}   /* a bot's name is a name, as in the app's Access check; paths and robots.txt lines stay mono */
.au-rep .au-tbl small{display:block;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-rule.is-fix{font-weight:500;color:var(--text-1)}
.au-rep .au-bot-t td:nth-child(2){width:14%}
.au-rep .au-bot-t td:nth-child(3){width:30%}
.au-rep .au-bot-t td:last-child,.au-rep .au-type-t td:last-child{width:1%;white-space:nowrap}
.au-rep .au-type-t tbody th{width:28%}
.au-rep .au-type-t td:nth-child(3){width:34%}
.au-rep .au-tbl-a{display:block;margin-top:4px;font-size:13px;line-height:18px}
.au-rep .au-cwv-t td b{font-size:15px;font-weight:600;color:var(--text-1);font-variant-numeric:tabular-nums}
.au-rep .au-cwv-t td.is-ni{font-weight:600;color:var(--text-1)}
.au-rep .au-cwv-t td:last-child{color:var(--text-3)}

/* ---------- the agent walk: the scan's step strip and wireframes (audit-scan.css), at rest ---------- */
.au-rep .au-wh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:2px 8px 0}
.au-rep .au-wh-t{font-size:14px;font-weight:500;line-height:20px;color:var(--text-1)}
.au-rep .au-walk-r{margin-top:12px}
.au-rep .au-walk-r .au-step{gap:4px}
.au-rep .au-walk-r .au-thumb{margin-bottom:2px}
.au-rep .au-walk-r .au-step-s.is-skip,.au-rep .au-walk-r .au-step-s.is-end{color:var(--text-3)}
.au-rep .au-walk-r .au-step.is-skip .au-step-t{color:var(--text-2)}
.au-rep .au-walk-r .au-step-n{font-size:12px;line-height:16px;color:var(--text-2)}

/* ---------- What AI says: the answers grid and the claim ---------- */
.au-rep .au-grid{width:100%;border-collapse:collapse;table-layout:fixed}
.au-rep .au-grid th,.au-rep .au-grid td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.au-rep .au-grid thead th{font-size:12px;font-weight:500;line-height:16px;color:var(--text-2)}
.au-rep .au-grid thead th:first-child{width:36%;color:var(--text-3)}
.au-rep .au-grid tbody th{font-weight:500}
.au-rep .au-grid-q{display:block;font-size:14px;line-height:20px;color:var(--text-1);text-wrap:pretty}
.au-rep .au-grid tbody th small{display:block;margin-top:2px;font-size:12px;font-weight:400;line-height:16px;color:var(--text-3)}
.au-rep .au-asst{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.au-rep .au-asst-i{flex:none;width:14px;height:14px}
.au-rep .au-cell{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--text-1)}
.au-rep .au-pt{flex:none;width:8px;height:8px;border-radius:50%;background:var(--text-1)}
.au-rep .au-cell.is-named .au-pt{background:var(--text-3)}
.au-rep .au-cell.is-none{color:var(--text-3)}
.au-rep .au-cell.is-none .au-pt{background:none;box-shadow:inset 0 0 0 1.5px var(--line-ctl)}
.au-rep .au-cell>.ic{width:12px;height:12px;color:var(--text-3)}
.au-rep .au-cx{display:inline-flex;color:var(--neg)}
.au-rep .au-cx .ic{width:13px;height:13px}
.au-rep .au-cell-ai{display:none}
.au-rep .au-claim{padding:2px 8px 4px}
.au-rep .au-claim-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px}
.au-rep .au-claim-t{flex:1 1 320px;font-size:15px;font-weight:500;line-height:22px;color:var(--text-1);text-wrap:pretty}
.au-rep .au-claim-by{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-claim-by .au-asst{color:var(--text-2)}
.au-rep .au-claim-w{margin-top:10px;padding:6px 10px;border-left:2px solid var(--line-strong)}
.au-rep .au-claim-w>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 12px;padding:3px 0}
.au-rep .au-claim-w dt{font-size:12px;font-weight:500;line-height:20px;color:var(--text-3)}
.au-rep .au-claim-w dd{font-size:14px;line-height:20px;color:var(--text-2)}
.au-rep .au-claim .au-note{padding-left:0}

/* ---------- Site facts ---------- */
.au-rep .au-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:0 8px}
.au-rep .au-facts li{display:grid;grid-template-columns:16px auto minmax(0,1fr);align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:20px}
.au-rep .au-facts .ic{align-self:center;width:16px;height:16px}
.au-rep .au-facts .is-ok .ic{color:var(--pos)}
.au-rep .au-facts .is-bad .ic{color:var(--neg)}
.au-rep .au-facts b{font-weight:500;color:var(--text-1)}
.au-rep .au-facts span{color:var(--text-3)}

/* ---------- issue rows (the app's "What needs you" anatomy + the study's five lines) ---------- */
.au-rep .au-is{border-top:1px solid var(--line)}
.au-rep .au-i{display:grid;grid-template-columns:96px minmax(0,1fr) 196px;gap:16px;padding:14px 8px;border-radius:var(--r-8);scroll-margin-top:96px;transition:background-color var(--dur-3) var(--ease-out)}
.au-rep .au-i+.au-i{border-top:1px solid var(--line);border-radius:0}
.au-rep .au-i:target{background:var(--hover);border-radius:var(--r-8)}
.au-rep .au-i-imp{padding-top:3px}
.au-rep .au-i-main{min-width:0}
.au-rep .au-i-t{margin:0;font-size:15px;font-weight:500;line-height:22px;letter-spacing:-.005em;color:var(--text-1);text-wrap:pretty}
.au-rep .au-i-pg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-stg{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--line-strong);font-size:12px;font-weight:500;line-height:16px;color:var(--text-2);white-space:nowrap}
.au-rep .au-i-note{margin-top:4px;font-size:13px;line-height:18px;color:var(--text-3)}
/* evidence: prose in Geist (as the app sets quotes and evidence), only code and paths in mono (build.py _ev_line wraps them in <code>) */
.au-rep .au-ev{margin:10px 0 0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-8);background:var(--surface-2);font:400 13px/1.6 var(--font);color:var(--text-1);white-space:pre-wrap;overflow-wrap:anywhere}
.au-rep .au-ev code{font-family:var(--mono);font-size:12.5px;color:inherit}
.au-rep .au-ev-at{color:var(--text-3)}
.au-rep .au-wf{display:grid;gap:4px;margin-top:10px}
.au-rep .au-wf>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px}
.au-rep .au-wf dt{font-size:14px;font-weight:600;line-height:20px;color:var(--text-1)}
.au-rep .au-wf dd{font-size:14px;line-height:20px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-i-who{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:1px}
.au-rep .au-i-who small{font-size:12px;line-height:16px;color:var(--text-3)}

/* ---------- Your first 30 days ---------- */
.au-rep .au-wks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:6px}
.au-rep .au-wk{display:flex;flex-direction:column;min-width:0;padding:12px 16px 14px}
.au-rep .au-wk+.au-wk{border-left:1px solid var(--line)}
.au-rep .au-wk:first-child{padding-left:8px}
.au-rep .au-wk-n{font-size:12px;font-weight:500;line-height:16px;color:var(--text-3);font-variant-numeric:tabular-nums}
.au-rep .au-wk-t{margin-top:4px;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.005em;color:var(--text-1);text-wrap:balance}
.au-rep .au-wk-d{margin-top:4px;font-size:13px;line-height:18px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-wkl{flex:1;margin-top:10px}
.au-rep .au-wkl li{position:relative;padding:5px 0 5px 14px;font-size:14px;line-height:20px;color:var(--text-2)}
.au-rep .au-wkl li::before{content:"";position:absolute;left:2px;top:13px;width:4px;height:4px;border-radius:50%;background:var(--text-3)}
.au-rep .au-wkl small{font-size:12px;color:var(--text-3);white-space:nowrap}
.au-rep .au-wkl li.is-also::before{background:none;box-shadow:inset 0 0 0 1px var(--text-3)}   /* a step, not an issue: no link, a hollow dot */
.au-rep .au-wk-x{margin-top:8px;font-size:12px;line-height:16px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-wk-who{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;line-height:16px;color:var(--text-3)}

/* ---------- the funnel's end (Oct 15, funnel-study SPEC §4): A only your public website · B your deep audit · C your plan continues + the CTA.
   The same flat panels, hairlines and tokens; wells are --surface-2 at 12px; a selected chip uses the app's --selected, never a capsule toggle. ---------- */
.au-rep [hidden]{display:none!important}
.jf-unwired .au-rep .jf-off[hidden]{display:flex!important}
.au-rep .au-head-cta{display:grid;justify-items:end;align-items:center;min-height:40px}   /* the button and the Saved label share one cell: the swap moves nothing */
.au-rep .au-head-cta>*{grid-area:1/1}
.au-rep .au-sec-lbl{margin-left:auto}

/* shared: the radio chips (B's kind of site, the receipt's kind of site, Agent readiness' "See this for") and the provider names */
.au-rep .au-chips{display:flex;flex-wrap:wrap;gap:6px}
.au-rep .au-chip{position:relative;display:inline-flex;flex:none}
.au-rep .au-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.au-rep .au-chip span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:var(--r-8);box-shadow:inset 0 0 0 1px var(--line-ctl);font-size:13px;font-weight:500;line-height:18px;color:var(--text-2);white-space:nowrap;transition:background-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}
.au-rep .au-chip:hover span{box-shadow:inset 0 0 0 1px var(--line-ctl-h);color:var(--text-1)}
.au-rep .au-chip input:checked+span{background:var(--selected);box-shadow:inset 0 0 0 1px var(--line-ctl-h);color:var(--text-1)}
.au-rep .au-chip input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}
.au-rep .au-chip.is-s span{height:28px;padding:0 10px;font-size:12px;line-height:16px}
.au-rep .au-needs{font-size:12px;line-height:18px;color:var(--text-3)}
.au-rep .au-need{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;vertical-align:top;color:var(--text-2)}
.au-rep .au-need .bl,.au-rep .au-need .ic{width:14px;height:14px;flex:none}
.au-rep .au-need .ic{color:var(--text-3)}

/* Agent readiness: the example's quiet "See this for" switcher (it needs JS, so it's hidden without it and the detected type's words stand alone) */
.au-rep .au-sw{min-width:0;margin:14px 8px 4px;padding:0;border:0}
html:not(.js) .au-rep .au-sw{display:none}
.au-rep .au-sw-k{float:left;margin:5px 10px 0 0;padding:0;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-sw-c{display:flex;flex-wrap:wrap;gap:6px}
.au-rep .au-sw-n{clear:both;padding-top:6px;font-size:12px;line-height:16px;color:var(--text-3)}

/* A · everything above came from your public website — the report's largest type after the site name */
.au-rep .au-only{padding:28px 28px 26px}
.au-rep .au-only-e{font-size:13px;font-weight:500;line-height:18px;color:var(--text-3)}
.au-rep .au-only-h{margin-top:8px;max-width:24em;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.025em;color:var(--text-1);text-wrap:balance}
.au-rep .au-dim{display:block;color:var(--text-dim)}
.au-rep .au-only-p{margin-top:10px;max-width:64ch;font-size:17px;line-height:26px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-only-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.au-rep .au-only-w{padding:14px 16px 16px;border-radius:var(--r-12);background:var(--surface-2)}
.au-rep .au-only-k{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:18px;color:var(--text-3)}
.au-rep .au-only-k .ic{width:14px;height:14px}
.au-rep .au-only-l{display:grid;gap:8px;margin-top:10px}
.au-rep .au-only-l li{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:10px;font-size:15px;line-height:22px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-only-l .ic{width:16px;height:16px;margin-top:3px}
.au-rep .au-only-l.is-seen .ic{color:var(--pos)}
.au-rep .au-only-l.is-not li{color:var(--text-1)}
.au-rep .au-only-l.is-not .ic{color:var(--text-3)}
.au-rep .au-only-a{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:15px;font-weight:500;line-height:22px;color:var(--accent-text)}
.au-rep .au-only-a .ic{width:15px;height:15px}
.au-rep .au-only-a:hover{text-decoration:underline;text-underline-offset:3px}

/* B · your deep audit: the 3 connections, From your URL vs After you connect, the sample cards, all 35 checks, day 1 */
.au-rep .au-conn-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;padding:2px 8px 0}
.au-rep .au-conn-t{min-width:0;margin:0;padding:0;border:0}
.au-rep .au-conn-t legend{float:left;width:100%;margin-bottom:8px;padding:0;font-size:14px;font-weight:500;line-height:20px;color:var(--text-1)}
.au-rep .au-conn-t .au-chips{clear:both}
.au-rep .au-conn-sum{display:grid;gap:2px;text-align:right}
.au-rep .au-conn-sum b{font-size:17px;font-weight:600;line-height:22px;color:var(--text-1);font-variant-numeric:tabular-nums}
.au-rep .au-conn-sum span{font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-conn{padding:14px 8px 0}
.au-rep .au-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.au-rep .au-tile{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 14px 14px;border-radius:var(--r-12);background:var(--surface-2)}
.au-rep .au-tile-h{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px}
.au-rep .au-tile-h b{font-weight:600;color:var(--text-1)}
.au-rep .au-tile-h span{font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums}
.au-rep .au-tile-o{margin-top:-6px;font-size:12px;line-height:16px;color:var(--text-3)}
.au-rep .au-tile-d{display:grid;gap:6px}
.au-rep .au-tile-d>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px}
.au-rep .au-tile-d dt{font-size:12px;font-weight:500;line-height:18px;color:var(--text-3)}
.au-rep .au-tile-d dd{font-size:13px;line-height:18px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-tile-c{margin-top:auto;padding-top:8px;border-top:1px solid var(--line);font-size:12px;line-height:16px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-conn-then{margin-top:10px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-cmp thead th .ic{width:13px;height:13px}
.au-rep .au-th-i{display:inline-flex;align-items:center;gap:6px}
.au-rep .au-cmp tbody th{width:16%}
.au-rep .au-cmp td:nth-child(2){width:24%}
.au-rep .au-cmp td:nth-child(3){color:var(--text-1)}
.au-rep .au-cmp td:last-child{width:22%}
.au-rep .au-dp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 8px}
.au-rep .au-dp-c{display:flex;flex-direction:column;min-width:0;padding:14px 16px;border-radius:var(--r-12);background:var(--surface-2)}
.au-rep .au-dp-s{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12px;line-height:16px;color:var(--text-3)}
.au-rep .au-dp-h{margin-top:10px;font-size:15px;font-weight:600;line-height:22px;color:var(--text-1)}
.au-rep .au-dp-n{margin-top:2px;font-size:12px;line-height:18px;color:var(--text-3)}
.au-rep .au-dp-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;border-top:1px solid var(--line)}
.au-rep .au-dp-k p{display:grid;align-content:start;min-width:0;padding:10px 12px 10px 0}
.au-rep .au-dp-k p+p{padding-left:12px;border-left:1px solid var(--line)}
.au-rep .au-dp-k b{font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.01em;color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap}
.au-rep .au-dp-k span{font-size:12px;line-height:16px;color:var(--text-3)}
.au-rep .au-dp-l{margin-top:8px}
.au-rep .au-dp-r{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 16px;padding:10px 0;border-top:1px solid var(--line)}
.au-rep .au-dp-t{font-size:14px;font-weight:500;line-height:20px;color:var(--text-1);text-wrap:pretty}
.au-rep .au-dp-b{margin-top:2px;font-size:13px;line-height:18px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-dp-v{font-size:15px;font-weight:600;line-height:20px;color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.au-rep .au-dp-f{padding-top:8px;border-top:1px solid var(--line);font-size:12px;line-height:16px;color:var(--text-3)}
.au-rep .au-dp-a{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:auto;padding-top:12px;font-size:13px;font-weight:500;line-height:18px;color:var(--text-2);transition:color var(--dur-1) var(--ease-out)}
.au-rep .au-dp-a:hover{color:var(--text-1)}
.au-rep .au-dp-a .ic{width:14px;height:14px}
.au-rep .au-dp-all{margin:16px 8px 0;border-top:1px solid var(--line)}
.au-rep .au-dp-all summary{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:12px 0 4px;font-size:14px;font-weight:500;line-height:20px;color:var(--text-1);cursor:pointer;list-style:none}
.au-rep .au-dp-all summary::-webkit-details-marker{display:none}
.au-rep .au-dp-all summary .ic{width:15px;height:15px;color:var(--text-3)}
.au-rep .au-dp-all[open] summary .ic{rotate:90deg}
.motion .au-rep .au-dp-all summary .ic{transition:rotate var(--dur-2) var(--ease-out)}   /* html.motion is off with reduced motion */
.au-rep .au-dp-all summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}
.au-rep .au-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding:12px 0 4px}
.au-rep .au-part-h{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:20px;color:var(--text-1)}
.au-rep .au-part-h .ic{width:15px;height:15px;color:var(--text-3)}
.au-rep .au-part-h span{margin-left:2px;font-weight:400;color:var(--text-3);font-variant-numeric:tabular-nums}
.au-rep .au-part-n{margin-top:2px;font-size:12px;line-height:18px;color:var(--text-3)}
.au-rep .au-part-l{margin-top:6px}
.au-rep .au-part-l li{position:relative;padding:3px 0 3px 14px;font-size:14px;line-height:20px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-part-l li::before{content:"";position:absolute;left:2px;top:11px;width:4px;height:4px;border-radius:50%;background:var(--text-3)}
.au-rep .au-deep-n{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}

/* C · your 30-day plan continues inside Dottpace (the app's clock) + the CTA and the founding offer */
.au-rep .au-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;padding:24px 28px 28px}
.au-rep .au-next-h{font-size:24px;font-weight:600;line-height:30px;letter-spacing:-.02em;color:var(--text-1);text-wrap:balance}
.au-rep .au-next-p{margin-top:8px;max-width:36em;font-size:15px;line-height:22px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-clock{margin-top:20px}
.au-rep .au-ck{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;padding-bottom:18px}
.au-rep .au-ck:last-child{padding-bottom:0}
.au-rep .au-ck:not(:last-child)::before{content:"";position:absolute;left:11.5px;top:28px;bottom:4px;width:1px;background:var(--line-strong)}
.au-rep .au-ck-n{grid-row:span 3;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-ctl);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-1)}
.au-rep .au-ck:first-child .au-ck-n{background:var(--inv);color:var(--inv-fg);box-shadow:none}
.au-rep .au-ck-w{padding-top:4px;font-size:12px;font-weight:500;line-height:16px;color:var(--text-3)}
.au-rep .au-ck-t{font-size:15px;font-weight:600;line-height:22px;color:var(--text-1)}
.au-rep .au-ck-d{font-size:14px;line-height:20px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-loop{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:20px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-loop-l{display:inline-flex;flex-wrap:wrap;gap:6px}
.au-rep .au-next-demo{margin-top:16px;font-size:14px}
.au-rep .au-cta{align-self:start;padding:20px;border:1px solid var(--line);border-radius:var(--r-12);background:var(--surface-2)}
.au-rep .au-cta-h{font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.015em;color:var(--text-1);text-wrap:balance}
.au-rep .au-cta-h:focus{outline:none}
.au-rep .au-cta-p{margin-top:6px;font-size:15px;line-height:22px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-cta-p b{font-weight:600;color:var(--text-1);overflow-wrap:anywhere}
.au-rep .au-cta-lb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px}
.au-rep .au-cta-dev{font-size:12px;line-height:16px;color:var(--text-3)}
.au-rep .au-cta-l{display:grid;gap:6px;margin-top:14px}
.au-rep .au-cta-l li{position:relative;padding-left:14px;font-size:14px;line-height:20px;color:var(--text-2)}
.au-rep .au-cta-l li::before{content:"";position:absolute;left:2px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--text-3)}
.au-rep .au-cta-l b{font-weight:600;color:var(--text-1)}
.au-rep .au-mine{min-width:0;margin:16px 0 0;padding:14px 0 0;border:0;border-top:1px solid var(--line)}
.au-rep .au-mine legend{float:left;width:100%;margin-bottom:8px;padding:0;font-size:14px;font-weight:500;line-height:20px;color:var(--text-1);overflow-wrap:anywhere}
.au-rep .au-mine .au-chips{clear:both}
.au-rep .au-opt{margin-left:4px;font-size:13px;font-weight:400;color:var(--text-3)}
.au-rep .au-cta-m{font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-cta-m:not(:empty){margin-top:8px}
.au-rep .au-cta-x{margin-top:14px;font-size:13px;line-height:18px;color:var(--text-3)}
.au-rep .au-cta-x a{color:var(--text-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.au-rep .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-rep .au-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px}
.au-rep .au-jf-box{margin-top:16px}
.au-rep .au-jf .jf-off{margin:0 0 14px}
.au-rep .au-jf-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.au-rep .au-jf-go{width:100%;height:44px;margin-top:14px}
.au-rep .au-cta-steps{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:13px;line-height:18px;color:var(--text-2)}
.au-rep .au-cta-steps li{display:inline-flex;align-items:center;gap:6px}
.au-rep .au-cta-steps span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-ctl);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.au-rep .au-cta-a{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px}
.au-rep .au-slack{margin-top:16px;padding:14px;border-radius:var(--r-8);background:var(--surface)}   /* the receipt's next step: the founders' Slack */
.au-rep .au-slack-k{display:flex;align-items:flex-start;gap:8px;font-size:15px;font-weight:600;line-height:22px;color:var(--text-1)}
.au-rep .au-slack-k .ic{flex:none;width:16px;height:16px;margin-top:3px;color:var(--text-2)}
.au-rep .au-slack-p{margin-top:4px;font-size:14px;line-height:20px;color:var(--text-2);text-wrap:pretty}
.au-rep .au-slack-l{display:grid;gap:4px;margin-top:10px}
.au-rep .au-slack-l li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px;color:var(--text-2)}
.au-rep .au-slack-l .ic{flex:none;width:14px;height:14px;margin-top:3px;color:var(--pos)}
.au-rep .au-slack-go{margin-top:14px}
.au-rep .au-slack-none{margin-top:10px;font-size:14px;line-height:20px;color:var(--text-2)}
.au-rep .au-slack-x{margin-top:10px;font-size:13px;line-height:18px;color:var(--text-3);text-wrap:pretty}
.au-rep .au-slack-x b{font-weight:600;color:var(--text-2);overflow-wrap:anywhere}
.au-rep .au-head-saved{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
.au-rep .au-offer{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.au-rep .au-offer-h{font-size:15px;font-weight:600;line-height:22px;color:var(--text-1)}
.au-rep .au-offer-p{margin-top:2px;font-size:13px;line-height:18px;color:var(--text-3);text-wrap:pretty}

/* ---------- smaller screens ---------- */
@media (max-width:1080px){
  .au-rep .au-wks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .au-rep .au-wk:nth-child(3){border-left:0;padding-left:8px}
  .au-rep .au-wk:nth-child(n+3){border-top:1px solid var(--line)}
  .au-rep .au-walk-r{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
}
@media (max-width:900px){
  .au-rep .au-head{grid-template-columns:minmax(0,1fr)}
  .au-rep .au-head-r{justify-items:start;text-align:left}
  .au-rep .au-head-saved{justify-content:flex-start}
  .au-rep .au-kps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .au-rep .au-kp:nth-child(4)::before{display:none}
  .au-rep .au-kps.is-mini .au-kp:nth-child(4){padding-left:8px}
  .au-rep .au-i{grid-template-columns:84px minmax(0,1fr)}
  .au-rep .au-i-who{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}
  .au-rep .au-next{grid-template-columns:minmax(0,1fr);gap:28px}
  .au-rep .au-head-cta{justify-items:start}
  .au-rep .au-tiles,.au-rep .au-dp{grid-template-columns:minmax(0,1fr)}
  /* the 3 to fix first become rows: the number beside the title, the two lines under it */
  .au-rep .au-top-l{grid-template-columns:minmax(0,1fr)}
  .au-rep .au-top-i,.au-rep .au-top-i:first-child,.au-rep .au-top-i:last-child{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;padding:14px 8px}
  .au-rep .au-top-i+.au-top-i{border-left:0;border-top:1px solid var(--line)}
  .au-rep .au-top-i>*{grid-column:2}
  .au-rep .au-top-n{grid-column:1;grid-row:1}
  .au-rep .au-top-t{margin-top:1px}
  .au-rep .au-top-a{margin-top:0;padding-top:10px}
}
@media (max-width:640px){
  .au-rep{padding-block:24px 64px}
  .au-rep .au-sec{padding:14px 14px 16px}
  .au-rep .au-sec-hd{padding:0 2px 10px}
  .au-rep .au-sec-m{flex-basis:100%;order:3}
  .au-rep .au-sec-a{order:4;margin-left:0}
  .au-rep .au-top-i,.au-rep .au-top-i:first-child,.au-rep .au-top-i:last-child{column-gap:12px;padding:14px 2px}
  /* an area's summary: the name and its headline beside the icon, then the count and the highest impact; the chevron stays top right */
  .au-rep .au-fold>summary{grid-template-columns:28px minmax(0,1fr) 16px;align-items:start;row-gap:6px;padding:14px 16px 12px}
  .au-rep .au-fold:not([open])>summary{padding-bottom:14px}
  .au-rep .au-fold[open]>summary::after{left:14px;right:14px}
  .au-rep .au-fold-tx{display:grid;gap:2px;padding-top:3px}
  .au-rep .au-fold-st{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:4px 14px}
  .au-rep .au-fold-n{text-align:left}
  .au-rep .au-fold-c{grid-column:3;grid-row:1;margin-top:6px}
  .au-rep .au-fold>.au-sec-bd{padding:0 14px 16px}
  .au-rep .au-fold-m{padding:10px 2px 0}
  .au-rep .au-fold-m .au-sec-a{margin-left:0}
  .au-rep .au-mod-h,.au-rep .au-note{padding-left:2px;padding-right:2px}
  .au-rep .au-site{font-size:26px;line-height:32px}
  .au-rep .au-head-m{gap:2px 14px;font-size:13px;line-height:18px}
  .au-rep .au-head-r .btn{width:100%}
  /* the area strip becomes a list */
  .au-rep .au-kps:not(.is-mini){grid-template-columns:minmax(0,1fr);padding:4px 14px}
  .au-rep .au-kps:not(.is-mini) .au-kp{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px 2px;border-radius:0}
  .au-rep .au-kps:not(.is-mini) .au-kp+.au-kp{border-top:1px solid var(--line)}
  .au-rep .au-kps:not(.is-mini) .au-kp::before{display:none}
  .au-rep .au-kps:not(.is-mini) .au-kp-l{grid-column:1;grid-row:1;font-size:14px;font-weight:500;line-height:20px;color:var(--text-1)}
  .au-rep .au-kps:not(.is-mini) .au-kp-v{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;font-size:17px;line-height:22px}
  .au-rep .au-kps:not(.is-mini) .au-kp-v small{display:none}
  .au-rep .au-kps:not(.is-mini) .au-kp-s{grid-column:1;grid-row:2;padding-left:20px}
  .au-rep a.au-kp:hover{background:none}
  .au-rep .au-kps.is-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .au-rep .au-kps.is-mini .au-kp,.au-rep .au-kps.is-mini .au-kp+.au-kp{padding:10px 2px 12px}
  .au-rep .au-kps.is-mini .au-kp::before{display:none}
  .au-rep .au-kps.is-mini .au-kp:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}
  .au-rep .au-kps.is-mini .au-kp:nth-child(n+3){border-top:1px solid var(--line)}
  .au-rep .au-kps.is-mini .au-kp:last-child:nth-child(odd){grid-column:1 / -1;border-left:0;padding-left:2px}
  .au-rep .au-rd{grid-template-columns:28px minmax(0,1fr);gap:4px 12px;padding:10px 2px}
  .au-rep .au-rd>.au-lbl{grid-column:2;justify-self:start}
  /* tables become rows of cards */
  .au-rep .au-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .au-rep .au-tbl,.au-rep .au-tbl tbody,.au-rep .au-tbl tr,.au-rep .au-tbl th,.au-rep .au-tbl td{display:block;width:auto!important}
  .au-rep .au-tbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2px 12px;padding:10px 2px;border-bottom:1px solid var(--line)}
  .au-rep .au-tbl tbody th,.au-rep .au-tbl td{padding:0;border:0}
  .au-rep .au-tbl td[data-k]{grid-column:1/-1;font-size:13px;line-height:18px;color:var(--text-3)}
  .au-rep .au-tbl td[data-k]::before{content:attr(data-k) " · "}
  .au-rep .au-tbl td:not([data-k]){grid-column:2;grid-row:1;white-space:nowrap}
  .au-rep .au-tbl td small{display:inline;margin-left:4px}
  .au-rep .au-tbl td small::before{content:"· "}
  /* bots: the user agent and its state, then "purpose · rule" on one line, the rule's lines under it */
  .au-rep .au-bot-t tr{grid-template-columns:auto minmax(0,1fr) auto}
  .au-rep .au-bot-t tbody th{grid-column:1 / 3;grid-row:1}
  .au-rep .au-bot-t td:not([data-k]){grid-column:3;grid-row:1}
  .au-rep .au-bot-t td[data-k]{grid-row:2;color:var(--text-2)}
  .au-rep .au-bot-t td[data-k]::before{content:none}
  .au-rep .au-bot-t td[data-k="Purpose"]{grid-column:1}
  .au-rep .au-bot-t td[data-k="Purpose"]::after{content:"\00a0·\00a0";color:var(--text-3)}
  .au-rep .au-bot-t td[data-k="robots.txt"]{grid-column:2 / 4}
  .au-rep .au-bot-t td[data-k="robots.txt"] small{display:block;margin:0}
  .au-rep .au-bot-t td[data-k="robots.txt"] small::before{content:none}
  .au-rep .au-cwv-t tr{grid-template-columns:minmax(0,1fr)}
  .au-rep .au-type-t td:not([data-k]){grid-column:1/-1;grid-row:auto;margin-top:6px;white-space:normal}
  .au-rep .au-type-t td:not([data-k]) .au-tbl-a{display:inline;margin-left:8px}
  /* the answers grid: each question a block, its 4 answers in a 2 × 2 grid */
  .au-rep .au-grid thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .au-rep .au-grid,.au-rep .au-grid tbody,.au-rep .au-grid th,.au-rep .au-grid td{display:block}
  .au-rep .au-grid tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:12px 2px;border-bottom:1px solid var(--line)}
  .au-rep .au-grid tbody th{grid-column:1/-1;padding:0 0 2px;border:0}
  .au-rep .au-grid td{padding:0;border:0}
  .au-rep .au-cell{display:grid;grid-template-columns:8px auto auto auto;justify-content:start;align-items:center;gap:2px 6px}
  .au-rep .au-cell-ai{display:inline-flex;grid-column:1/-1;font-size:12px;font-weight:500;line-height:16px;color:var(--text-2)}
  .au-rep .au-claim{padding-left:2px;padding-right:2px}
  .au-rep .au-claim-w>div{grid-template-columns:minmax(0,1fr);gap:0}
  .au-rep .au-facts{grid-template-columns:minmax(0,1fr);padding-left:2px;padding-right:2px}
  .au-rep .au-wh{padding-left:2px;padding-right:2px}
  .au-rep .au-walk-r{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 2px}
  /* issues: impact and who on the first line, then the card */
  .au-rep .au-i{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"imp who" "main main";gap:8px 12px;padding:14px 2px}
  .au-rep .au-i-imp{grid-area:imp;padding-top:3px}
  .au-rep .au-i-who{grid-area:who;grid-column:auto;flex-direction:column;align-items:flex-end;gap:2px}
  .au-rep .au-i-who small{text-align:right}
  .au-rep .au-i-main{grid-area:main}
  .au-rep .au-wf>div{grid-template-columns:72px minmax(0,1fr)}
  .au-rep .au-wks{grid-template-columns:minmax(0,1fr)}
  .au-rep .au-wk,.au-rep .au-wk:first-child,.au-rep .au-wk:nth-child(3){padding:12px 2px 14px;border-left:0}
  .au-rep .au-wk+.au-wk{border-top:1px solid var(--line);border-left:0}
  .au-rep .au-next{padding:18px 14px 16px}
  /* the funnel's end on a phone: A's statement at 26/32, the wells and tiles stacked, the chip rows scroll inside their own box */
  .au-rep .au-head-cta{justify-items:stretch}
  .au-rep .au-only{padding:18px 16px 20px}
  .au-rep .au-only-h{font-size:26px;line-height:32px}
  .au-rep .au-only-p{font-size:16px;line-height:24px}
  .au-rep .au-only-g{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}
  .au-rep .au-sw{margin-left:2px;margin-right:2px}
  .au-rep .au-sw-k{float:none;display:block;margin:0 0 6px}
  .au-rep .au-chips,.au-rep .au-sw-c{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-3px;padding:3px}
  .au-rep .au-chips::-webkit-scrollbar,.au-rep .au-sw-c::-webkit-scrollbar{display:none}
  .au-rep .au-conn-top{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:2px 2px 0}
  .au-rep .au-conn-sum{text-align:left}
  .au-rep .au-conn,.au-rep .au-dp{padding-left:2px;padding-right:2px}
  .au-rep .au-cmp tr{grid-template-columns:minmax(0,1fr)}
  .au-rep .au-cmp tbody th{width:auto}
  .au-rep .au-cmp td[data-k]{margin-top:4px;color:var(--text-2)}
  .au-rep .au-cmp td[data-k]::before{content:attr(data-k) ": ";font-weight:500;color:var(--text-3)}
  .au-rep .au-cmp td[data-k="After you connect"]{color:var(--text-1)}
  .au-rep .au-dp-k b{font-size:15px;line-height:20px;white-space:normal}
  .au-rep .au-dp-r{gap:4px 12px}
  .au-rep .au-dp-v{max-width:8.5em;white-space:normal}
  .au-rep .au-dp-all{margin-left:2px;margin-right:2px}
  .au-rep .au-parts{grid-template-columns:minmax(0,1fr)}
  .au-rep .au-cta{padding:16px}
  .au-rep .au-jf-g{grid-template-columns:minmax(0,1fr)}
}