/* Free website audit (owner, 2026-10-09: hero C, body A, tabs "name %"). Linked on /tool/website-audit only. */
.au ul, .au ol { max-width: none; } /* the theme caps lists at reading width */
.au .mm-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.au .mm-phero-in { padding-bottom: 112px; }
.au .mm-phero-h span { color: var(--mm-gold); }
.au-form { max-width: 40rem; margin-top: var(--mm-sp-4); }
.au-form-row { display: flex; gap: 8px; padding: 8px; border-radius: var(--mm-r-in); background: #FFFFFF; box-shadow: 0 18px 40px rgba(10, 6, 40, .25); }
.au-form-row input { flex: 1 1 auto; min-width: 0; margin: 0; border: 0; box-shadow: none; font-weight: 600; }
.au-form-row .mm-btn { flex: none; margin: 0; }
.au-regen { flex: none; display: grid; place-items: center; width: 48px; min-height: 48px; margin: 0; padding: 0; border: 1px solid var(--mm-line); border-radius: var(--mm-r-in); background: var(--mm-surface); color: var(--mm-ink); box-shadow: none; }
.au-regen:hover { background: var(--mm-ink); color: #FFFFFF; transform: none; } .au-regen:hover svg { transform: rotate(180deg); } .au-regen svg { transition: transform .4s var(--mm-eo); }
.au-rival { width: 100%; max-width: none; margin: 10px 0 0; border-color: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .1); color: #FFFFFF; }
.au-rival::placeholder { color: var(--mm-on-ink); }
.au-rival:disabled { opacity: .6; cursor: not-allowed; }
.au-rival-note { margin: 6px 0 0; color: var(--mm-on-ink); font-size: 13px; } .au-rival-note a { color: var(--mm-gold); font-weight: 700; }
.au-captcha { margin-top: 10px; min-height: 65px; } /* the widget's height, kept so the form doesn't jump when it renders */
.au-err { margin: 10px 0 0; color: #FFD3D3; font-weight: 700; font-size: var(--mm-fs-sm); }
.au .tp-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none; }
.au .tp-badges li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: rgba(255, 255, 255, .08); color: #FFFFFF; font-size: 13px; font-weight: 600; }
.au .tp-badges li:first-child { border-color: rgba(242, 185, 44, .45); color: var(--mm-gold); font-weight: 800; } /* the page's label (owner: with the points, as on other tool pages) */
.au .tp-badges li:not(:first-child)::before { content: ""; width: 14px; height: 14px; background: var(--mm-gold); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.au-hero-card { margin-top: var(--mm-sp-4); max-width: 440px; }

.au .mm-phero-art { display: none; } /* its tip showed behind the card like an arrow (owner pick C: a badge instead) */
.au-badge { position: absolute; top: -15px; right: 22px; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 99px; background: var(--mm-gold); color: var(--mm-ink); font-size: 12.5px; font-weight: 800; box-shadow: 0 10px 24px rgba(10, 6, 40, .25); }
.au-badge i { width: 8px; height: 8px; border-radius: 50%; background: #12A57A; box-shadow: 0 0 0 4px rgba(18, 165, 122, .25); animation: au-dot 1.6s ease-in-out infinite; }
@keyframes au-dot { 50% { box-shadow: 0 0 0 7px rgba(18, 165, 122, .08); } }
.au-mini { position: relative; padding: 18px; border-radius: 24px; background: #FFFFFF; color: var(--mm-ink); box-shadow: 0 30px 70px rgba(10, 6, 40, .3); }
.au-mini-h { display: flex; gap: 14px; align-items: center; }
.au-mini-h p { margin: 0; } .au-mini-h small { display: block; color: var(--mm-muted); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.au-mini-h b { display: block; } .au-mini-h span { color: var(--mm-muted); font-size: 13px; font-weight: 600; }
.au-mini-ring { position: relative; flex: none; width: 68px; height: 68px; }
.au-mini-ring svg { width: 100%; height: 100%; } .au-mini-ring b { position: absolute; inset: 0; display: grid; place-items: center; font: 600 20px var(--mm-font-display); }
.au-mini-g { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin: 14px 0 12px; padding: 0; list-style: none; }
.au-mini-g li { padding: 7px 2px; border-radius: 10px; background: var(--mm-surface); text-align: center; }
.au-mini-g b { display: block; font: 600 15px var(--mm-font-display); } .au-mini-g span { font-size: 10px; font-weight: 700; color: var(--mm-muted); }
.au-mini-fix { margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; background: #F9F8FE; font-size: 13px; } .au-mini-fix b { display: block; }
.au-mini .mm-btn { width: 100%; margin: 0; }
.au-mini-pop { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: center; margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; background: var(--mm-surface); }
.au-mini-pop p { margin: 0; } .au-mini-pop small { display: block; color: var(--mm-muted); font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.au-mini-pop b { display: block; font: 600 15px var(--mm-font-display); } .au-mini-pop span { font-size: 11.5px; font-weight: 800; }
.au-mini-pop svg { width: 100%; height: 38px; color: var(--mm-ink-3); }

.au-ring-bg { fill: none; stroke: #EEEAF8; stroke-width: 12; }
.au-ring { fill: none; stroke: var(--au-c, #E8A317); stroke-width: 12; stroke-linecap: round; transform: rotate(-90deg); transform-origin: center; transition: stroke-dashoffset .8s var(--mm-eo); }
.au-score--good { --au-c: #12A57A; } .au-score--ok { --au-c: #E8A317; } .au-score--bad { --au-c: #E5484D; } .au-score--na { --au-c: #CFC9EE; }
.au-t--good { color: #0B7352; } .au-t--ok { color: #8A5F00; } .au-t--bad { color: #B42318; } .au-t--na { color: var(--mm-muted); }

/* Live progress (P1-P4 mixed): dark box with a scanner over the site, the % ring and steps; findings and tiles below. */
.au-run { padding-block: 0 var(--mm-sp-4); }
.au-run-box { position: relative; z-index: 2; margin-top: -76px; display: grid; gap: 24px; padding: 22px; border-radius: 28px; background: var(--mm-ink-deep); color: #FFFFFF; box-shadow: 0 30px 70px rgba(28, 22, 74, .3); }
.au-scan { position: relative; overflow: hidden; min-height: 260px; border-radius: 16px; background: #FFFFFF; }
.au-scan-bar { display: flex; align-items: center; gap: 6px; margin: 0; padding: 10px 12px; background: #EEEAF8; }
.au-scan-bar i { width: 10px; height: 10px; border-radius: 50%; background: #CFC9EE; }
.au-scan-bar span { margin-left: 8px; padding: 2px 12px; border-radius: 99px; background: #FFFFFF; color: var(--mm-muted); font-size: 12px; font-weight: 700; }
.au-scan-page { padding: 16px; } .au-scan-page b { display: block; height: 14px; margin-bottom: 10px; border-radius: 8px; background: #F1EFFA; }
.au-scan-page .au-scan-hero { height: 90px; } .au-scan-page span { display: flex; gap: 10px; } .au-scan-page span b { flex: 1; height: 60px; }
.au-laser { position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--mm-gold); box-shadow: 0 0 22px 6px rgba(242, 185, 44, .55); animation: au-laser 2.6s ease-in-out infinite alternate; }
.au-laser::before { content: ""; position: absolute; left: 0; right: 0; bottom: 3px; height: 90px; background: linear-gradient(transparent, rgba(242, 185, 44, .16)); }
@keyframes au-laser { from { top: 42px; } to { top: calc(100% - 4px); } }
.au-pin { position: absolute; z-index: 1; max-width: 70%; padding: 4px 10px; border-radius: 8px; background: #E5484D; color: #FFFFFF; font-size: 11.5px; font-weight: 800; box-shadow: 0 6px 16px rgba(0, 0, 0, .2); animation: au-pop .4s var(--mm-eo) both; }
.au-pin.au-f--warn { background: #B07A00; } .au-pin--0 { top: 70px; left: 18px; } .au-pin--1 { top: 128px; right: 18px; } .au-pin--2 { top: 196px; left: 36px; }
@keyframes au-pop { from { opacity: 0; transform: scale(.7); } }
.au-run-top { display: flex; align-items: center; gap: 18px; }
.au-run-ring { position: relative; flex: none; width: 128px; height: 128px; }
.au-run-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.au-run-ring-bg { fill: none; stroke: rgba(255, 255, 255, .12); stroke-width: 11; }
.au-run-ring-fg { fill: none; stroke: var(--mm-gold); stroke-width: 11; stroke-linecap: round; transition: stroke-dashoffset .2s linear; }
.au-run-ring > b { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 600 34px/1 var(--mm-font-display); color: var(--mm-gold); } .au-run-ring sup { font-size: 15px; }
.au-run-now p { margin: 0; } .au-run-host { color: var(--mm-on-ink); font-size: 13px; font-weight: 700; } .au-run-host b { color: #FFFFFF; }
.au-run-step { margin: 4px 0 !important; font: 600 17px var(--mm-font-display); }
.au-run-meta { display: flex; align-items: center; gap: 6px; color: var(--mm-on-ink); font-size: 13px; font-weight: 700; }
.au-run-steps { display: grid; gap: 6px; margin: 18px 0 0; padding: 0; list-style: none; }
.au-run-steps li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 12px; background: rgba(255, 255, 255, .06); font-weight: 700; font-size: 14px; transition: background .3s; }
.au-run-ic { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, .1); }
.au-run-steps .is-wait { color: #8E87C4; } .au-run-steps .is-done .au-run-ic { background: #12A57A; color: #FFFFFF; }
.au-run-steps .is-now { background: rgba(242, 185, 44, .14); box-shadow: inset 0 0 0 1.5px var(--mm-gold); }
.au-run-steps .is-now .au-run-ic { background: var(--mm-gold); color: var(--mm-ink); animation: au-beat 1.1s ease-in-out infinite; }
@keyframes au-beat { 50% { transform: scale(1.12); } }
.au-run-steps em { font: 600 15px var(--mm-font-display); font-style: normal; } .au-run-steps em.au-t--good { color: #3FD6A5; } .au-run-steps em.au-t--ok { color: var(--mm-gold); } .au-run-steps em.au-t--bad { color: #FF8A8E; }
.au-run-low { display: grid; gap: 24px; margin-top: 24px; } .au-run-low h3 { margin: 0 0 10px; font: 800 16px var(--mm-font-body); }
.au-run-feed { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.au-run-feed li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--mm-line); border-radius: 12px; background: #FFFFFF; font-size: 14px; }
.au-run-feed li p { margin: 0; } .au-run-feed li span { color: var(--mm-muted); } .au-run-feed .is-new { animation: au-in .5s var(--mm-eo) both; border-color: var(--mm-gold); }
.au-run-feed .au-run-empty { color: var(--mm-muted); border-style: dashed; }
@keyframes au-in { from { opacity: 0; transform: translateY(-8px); } }
.au-f--pass > svg { color: #12A57A; } .au-f--warn > svg { color: #B07A00; } .au-f--fail > svg { color: #D93A3F; } .au-run-feed svg { flex: none; margin-top: 2px; }
.au-run-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.au-run-tiles li { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 10px; padding: 10px 12px; border-radius: 14px; background: var(--mm-surface); }
.au-run-tiles svg { grid-row: span 2; color: var(--mm-ink-3); } .au-run-tiles b { font: 600 20px/1.1 var(--mm-font-display); } .au-run-tiles span { font-size: 12px; font-weight: 700; color: var(--mm-muted); }
.au-sh { width: 2.2em; border-radius: 6px; color: transparent; background: linear-gradient(90deg, #ECE8FF 25%, #DCD6F7 50%, #ECE8FF 75%) 0 0 / 200% 100%; animation: au-sh 1.3s linear infinite; }
@keyframes au-sh { to { background-position: -200% 0; } }
.au-failed p { margin: 0; padding: 16px 20px; border-radius: var(--mm-r-in); background: #FDECEC; color: #8A1F22; }

.au-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: var(--mm-sp-2); }
.au-for { margin: 0; color: var(--mm-muted); font-size: var(--mm-fs-sm); } .au-for b { color: var(--mm-ink); }
.au-pdf { min-height: 44px; }
.au-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mm-sp-3); }
.au-score, .au-bars, .au-card, .au-gaps { border: 1px solid var(--mm-line); border-radius: var(--mm-r-card); background: #FFFFFF; }
.au-score { position: relative; padding: 24px; text-align: center; }
.au-score svg { width: 170px; height: 170px; }
.au-score-n { position: absolute; top: 24px; left: 0; right: 0; height: 170px; margin: 0; display: flex; flex-direction: column; justify-content: center; }
.au-score-n b { font: 600 46px/1 var(--mm-font-display); } .au-score-n span { color: var(--mm-muted); font-size: 13px; font-weight: 700; }
.au-score-t { margin: 8px 0 0; font-weight: 800; } .au-score-f { margin: 6px 0 0; color: var(--mm-muted); font-size: var(--mm-fs-sm); }
.au-vs { display: flex; justify-content: center; gap: 22px; margin: 10px 0 0; font-size: 13px; color: var(--mm-muted); font-weight: 700; }
.au-vs b { display: block; font: 600 22px var(--mm-font-display); color: var(--mm-ink); }
.au-bars { display: grid; gap: 12px; align-content: center; padding: 22px 24px; }
.au-legend { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; font-weight: 700; color: var(--mm-muted); }
.au-k { width: 10px; height: 10px; border-radius: 50%; } .au-k--you { background: #E8A317; } .au-k--rival { margin-left: 10px; background: #B9B2E8; }
.au-bar { display: grid; grid-template-columns: 130px minmax(0, 1fr) 34px auto; gap: 10px; align-items: center; font-size: var(--mm-fs-sm); }
.au-bar-l { font-weight: 700; } .au-bar b { font: 600 14px var(--mm-font-display); text-align: right; } .au-bar-r { color: var(--mm-muted); font-weight: 700; min-width: 24px; text-align: right; }
.au-bar-t { display: grid; gap: 4px; }
.au-fill { display: block; height: 8px; border-radius: 9px; background: #E8A317; }
.au-bar-t::before { content: ""; grid-area: 1 / 1; height: 8px; border-radius: 9px; background: #EEEAF8; }
.au-bar-t > .au-fill:first-child { grid-area: 1 / 1; }
.au-fill--good { background: #12A57A; } .au-fill--ok { background: #E8A317; } .au-fill--bad { background: #E5484D; } .au-fill--rival { background: #B9B2E8; }

.au-tabs { position: sticky; top: 0; z-index: 5; margin: var(--mm-sp-4) calc(var(--mm-sp-2) * -1) var(--mm-sp-2); padding: 10px var(--mm-sp-2); border-bottom: 1px solid var(--mm-line); background: var(--mm-surface); }
.au-tabs-in { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.au-tabs-in::-webkit-scrollbar { display: none; }
.au-tab { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px 0 14px; border: 1px solid var(--mm-line); border-radius: 999px; background: #FFFFFF; color: var(--mm-ink); font-size: var(--mm-fs-sm); font-weight: 800; text-decoration: none; }
.au-tab:hover, .au-tab[aria-current] { border-color: var(--mm-ink); background: var(--mm-ink); color: #FFFFFF; }
[class*="au-tag--"] { padding: 3px 8px; border-radius: 999px; color: #FFFFFF; font: 600 12px var(--mm-font-display); font-style: normal; }
.au-tag--good { background: #12A57A; } .au-tag--ok { background: #E8A317; } .au-tag--bad { background: #E5484D; } .au-tag--na { background: #B9B2E8; }

.au-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mm-sp-2); align-items: start; }
/* Masonry (audit.js sets each card's row span from its height): cards keep their own height, no white space. */
.au-cards.is-masonry { grid-auto-rows: 4px; row-gap: 0; }
.au-cards.is-masonry > .au-card { margin-bottom: var(--mm-sp-2); }
.au-cards.is-masonry > .au-card--fill { align-self: stretch; }
.au-card--cta { align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: 10px; border-color: var(--mm-ink); background: var(--mm-ink); color: #FFFFFF; text-align: center; align-items: center; }
.au-card--cta h3 { margin: 0; color: #FFFFFF; font: 600 18px var(--mm-font-display); } .au-card--cta p { margin: 0; color: var(--mm-on-ink); font-size: 14px; } .au-card--cta .mm-btn { margin: 4px 0 0; }
.au-card--cta[hidden] { display: none; }
.au-cta-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, .1); color: var(--mm-gold); }
.au-card { padding: 22px; scroll-margin-top: 80px; }
.au-card-h { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.au-card-h h3 { margin: 0; font: 800 17px var(--mm-font-body); letter-spacing: 0; }
.au-note { margin: 8px 0 0; color: var(--mm-muted); font-size: 13px; }
.au-checks { display: grid; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.au-check { display: grid; grid-template-columns: 12px minmax(0, 1fr); column-gap: 10px; padding: 8px 0; border-bottom: 1px dashed var(--mm-line); font-size: var(--mm-fs-sm); font-weight: 700; }
.au-check::before { content: ""; width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: #B9B2E8; }
.au-check small { grid-column: 2; color: var(--mm-muted); font-weight: 500; }
.au-check--pass::before { background: #12A57A; } .au-check--warn::before { background: #E8A317; } .au-check--fail::before { background: #E5484D; }
.au-speed { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: start; }
.au-phone { width: 112px; border-width: 5px !important; border-radius: 18px !important; height: auto; border: 7px solid var(--mm-ink); border-radius: 22px; }
.au-cwv, .au-facts { display: grid; gap: 8px; flex: 1 1 220px; margin: 0; }
.au-cwv div, .au-facts div { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 12px; background: #F9F8FE; font-size: var(--mm-fs-sm); }
.au-cwv dt, .au-facts dt { font-weight: 700; } .au-cwv dd, .au-facts dd { margin: 0; font-weight: 800; }
.au-ai p { margin: 0 0 8px; font-size: var(--mm-fs-sm); }
.au-ai-r { padding: 10px 12px; border-radius: 12px; font-weight: 800; } .au-ai-r--yes { background: #E8F7F1; color: #0E6E50; } .au-ai-r--no { background: #FDECEC; color: #A2282C; }
.au-share { overflow: hidden; border: 1px solid var(--mm-line); border-radius: 14px; }
.au-share img, .au-share-x { display: grid; place-items: center; width: 100%; height: 110px; object-fit: cover; background: repeating-linear-gradient(45deg, #ECE8FF 0 10px, #F6F4FD 10px 20px); color: var(--mm-muted); font-size: 12px; font-weight: 700; }
.au-share-x { display: flex !important; flex-direction: column; justify-content: center; align-items: center; gap: 6px; } .au-share-x svg { color: var(--mm-ink-3); opacity: .7; }
.au-share p { margin: 0; padding: 10px 12px; font-size: 13px; } .au-share p b, .au-share p span { display: block; } .au-share p span { color: var(--mm-muted); }
.au-built { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 12px 0 0; font-size: 13px; }
.au-built span { padding: 4px 10px; border: 1px solid var(--mm-line); border-radius: 999px; background: var(--mm-surface); font-weight: 700; }

.au-gaps { margin-top: var(--mm-sp-3); padding: 20px 22px; border-color: #F5E2A6; background: var(--mm-cream); }
.au-gaps h3 { margin: 0 0 8px; font: 800 17px var(--mm-font-body); } .au-gaps ul { margin: 0; padding-left: 1.2em; }
.au-fixes { position: relative; margin-top: var(--mm-sp-6); }
.au-fix-list { display: grid; gap: 10px; margin-top: var(--mm-sp-2); }
.au-fix { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 16px; border: 1px solid var(--mm-line); border-radius: 14px; background: #FFFFFF; }
.au-fix p { margin: 0; font-size: var(--mm-fs-sm); } .au-fix p span { color: var(--mm-muted); }
.au-fix--lock { filter: blur(4px); user-select: none; }
.au-chip { padding: 4px 9px; border-radius: 999px; background: #EEEAF8; color: var(--mm-muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.au-chip--fail { background: #FDECEC; color: #C9302C; } .au-chip--warn { background: #FFF5DB; color: #8A5F00; }
.au-gate { max-width: 34rem; margin: -180px auto 0; position: relative; padding: 26px; border-radius: 22px; background: var(--mm-ink); color: #FFFFFF; box-shadow: 0 24px 60px rgba(35, 28, 90, .3); }
.au-gate--plain { margin-top: var(--mm-sp-3); }
.au-gate h3 { margin: 0; color: #FFFFFF; font: 600 21px var(--mm-font-display); }
.au-gate > p { margin: 6px 0 14px; color: var(--mm-on-ink); font-size: var(--mm-fs-sm); }
.au-google { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 50px; margin: 0; border: 1px solid #DADCE0; border-radius: 12px; background: #FFFFFF; color: #1F1F1F; font-weight: 700; }
.au-google:hover { background: #F6F6F6; color: #1F1F1F; transform: none; }
.au-gbtn { display: flex; justify-content: center; min-height: 44px; }
.au-or { display: flex; align-items: center; gap: 10px; margin: 12px 0 !important; color: var(--mm-on-ink); font-size: 12px; font-weight: 700; }
.au-or::before, .au-or::after { content: ""; flex: 1; height: 1px; background: rgba(255, 255, 255, .2); }
.au-mail { display: flex; gap: 8px; margin: 0; } .au-mail input { flex: 1 1 auto; min-width: 0; margin: 0; } .au-mail .mm-btn { flex: none; margin: 0; }
.au-msg { min-height: 1.4em; margin: 10px 0 0; color: var(--mm-on-ink); font-size: 13px; } .au-msg:empty { min-height: 0; }
.au-small { margin: 10px 0 0; color: var(--mm-on-ink); font-size: 12.5px; } .au-small a { color: #FFFFFF; }
.au-link { min-height: 0; margin: 0 6px 0 0; padding: 0; border: 0; background: none; box-shadow: none; color: var(--mm-gold); font-size: inherit; font-weight: 700; text-decoration: underline; }
.au-link:hover { background: none; color: #FFFFFF; transform: none; }

@media (min-width: 768px) {
    .au-run-tiles { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .au-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .au .mm-phero-in { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); column-gap: 48px; align-items: start; }
    .au .mm-phero-in > * { grid-column: 1; }
    .au .mm-phero-in > .au-hero-card { grid-column: 2; grid-row: 1 / span 7; align-self: center; justify-self: end; width: 100%; margin-top: 0; }
    .au-top { grid-template-columns: 300px minmax(0, 1fr); }
    .au-run-box { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); padding: 30px; gap: 32px; align-items: center; }
    .au-run-box { margin-top: -96px; }
    .au-scan { min-height: 100%; }
    .au-run-low { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
    .au-run-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .au-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .au-scan { order: 2; min-height: 200px; }
    .au .mm-phero-in { padding-bottom: 88px; }
    .au-form-row { flex-direction: column; }
    .au-bar { grid-template-columns: minmax(0, 1fr) 30px auto; }
    .au-bar-t { grid-column: 1 / -1; grid-row: 2; }
    .au-gate { margin-top: 12px; }
    .au-fix--lock:nth-child(n+3) { display: none; }
    .au-mail { flex-direction: column; }
    .au-regen { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .au-badge i,
    .au-laser, .au-sh, .au-run-steps .is-now .au-run-ic { animation: none; }
    .au-ring { transition: none; }
}

/* Report deep dive: icons, phone + computer dials, page weight, savings, Google preview, outline, action plan. */
.au-tab svg, .au-card-ic svg { vertical-align: -3px; margin-right: 6px; }
.au-card-ic { color: var(--mm-ink-3); }
.au-dials { display: flex; gap: 10px; margin-bottom: 12px; }
.au-dial { position: relative; width: 76px; text-align: center; } .au-dial svg { width: 76px; height: 76px; }
.au-dial b { position: absolute; top: 0; left: 0; right: 0; height: 76px; display: grid; place-items: center; font: 600 19px var(--mm-font-display); }
.au-dial span { font-size: 12px; font-weight: 800; color: var(--mm-muted); }
.au-mini-h3 { margin: 16px 0 8px; font-weight: 800; font-size: 14px; } .au-mini-h3 b { font-family: var(--mm-font-display); font-weight: 600; }
.au-wbar { display: flex; height: 12px; margin: 0; overflow: hidden; border-radius: 99px; background: var(--mm-lilac); }
.au-w--image { background: #7C6CF0; } .au-w--script { background: #F2B92C; } .au-w--stylesheet { background: #12A57A; } .au-w--font { background: #E5484D; }
.au-wkey { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 8px 0 0; padding: 0; list-style: none; font-size: 12.5px; font-weight: 700; color: var(--mm-muted); }
.au-wkey i { display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 3px; }
.au-save ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 13.5px; }
.au-save em { display: inline-block; min-width: 82px; margin-right: 8px; padding: 2px 8px; border-radius: 99px; background: #E3F6EF; color: #0E8A63; font-style: normal; font-weight: 800; font-size: 12px; }
.au-serp-box { padding: 14px 16px; border: 1px solid var(--mm-line); border-radius: 14px; font-family: Arial, sans-serif; }
.au-serp-u { display: block; color: #4D5156; font-size: 12.5px; } .au-serp-t { display: block; margin: 3px 0; color: #1A0DAB; font-size: 18px; font-weight: 400; line-height: 1.3; }
.au-serp-d { display: block; color: #4D5156; font-size: 13.5px; line-height: 1.5; }
.au-read { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin: 14px 0 0; font-size: 13.5px; font-weight: 700; }
.au-read s { height: 8px; border-radius: 99px; background: var(--mm-lilac); overflow: hidden; } .au-read s i { display: block; height: 100%; border-radius: 99px; }
.au-outline { margin-top: 12px; font-size: 13.5px; } .au-outline summary { cursor: pointer; font-weight: 800; }
.au-outline ol { margin: 8px 0 0; padding: 0; list-style: none; max-height: 260px; overflow: auto; }
.au-outline li { padding: 3px 0 3px calc(var(--l) * 16px); } .au-outline em { margin-right: 8px; color: var(--mm-ink-3); font-style: normal; font-weight: 800; font-size: 11px; }
.au-plan { display: grid; gap: 14px; } .au-plan h3 { margin: 0; }
.au-plan-k { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.au-plan-k li { display: grid; grid-template-columns: auto 1fr; gap: 0 10px; align-items: center; padding: 14px 16px; border-radius: 16px; background: var(--mm-surface); }
.au-plan-k svg { grid-row: span 2; color: var(--mm-ink-3); } .au-plan-k b { font: 600 20px var(--mm-font-display); } .au-plan-k span { font-size: 12.5px; font-weight: 700; color: var(--mm-muted); }
.au-plan-f { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.au-plan-f button { min-height: 40px; margin: 0; padding: 0 16px; border: 1px solid var(--mm-line); border-radius: 99px; background: #FFFFFF; color: var(--mm-ink); font-weight: 800; box-shadow: none; }
.au-plan-f button[aria-pressed="true"] { border-color: var(--mm-ink); background: var(--mm-ink); color: #FFFFFF; }
.au-fix { grid-template-columns: auto minmax(0, 1fr) auto; }
.au-top3 { margin-right: 6px; padding: 2px 8px; border-radius: 99px; background: var(--mm-gold); color: var(--mm-ink); font-style: normal; font-size: 11px; font-weight: 800; }
.au-eff { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; color: var(--mm-muted); font-size: 12px; font-weight: 700; }
.au-eff--quick { color: #0E8A63; } .au-eff--big { color: #A33A3E; }
.au-gain { align-self: center; padding: 6px 10px; border-radius: 12px; background: #E3F6EF; color: #0E8A63; font: 600 15px var(--mm-font-display); font-style: normal; }
.au-chip--pass { background: #E3F6EF; color: #0B7352; }

/* Score summary on the hero's curve: overall ring + the four weakest areas, each a link to its card. */
.au-report { padding-top: 0; }
.au-kpis { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: -76px 0 var(--mm-sp-4); padding: 0; list-style: none; }
.au-kpi { border: 1px solid var(--mm-line); border-radius: 18px; background: #FFFFFF; box-shadow: 0 18px 40px rgba(35, 28, 90, .12); }
.au-kpi a, .au-kpi--main { display: grid; gap: 2px; height: 100%; padding: 14px 16px; color: var(--mm-ink); text-decoration: none; }
.au-kpi a:hover { color: var(--mm-ink); } .au-kpi:hover { border-color: var(--mm-ink-3); }
.au-kpi-ic { color: var(--mm-ink-3); } .au-kpi b { font: 600 24px/1.2 var(--mm-font-display); } .au-kpi span { font-size: 12.5px; font-weight: 700; color: var(--mm-muted); }
.au-kpi-bar { display: block; height: 6px; margin-top: 6px; overflow: hidden; border-radius: 99px; background: var(--mm-lilac); } .au-kpi-bar i { display: block; height: 100%; border-radius: 99px; }
.au-kpi--main { grid-column: 1 / -1; grid-template-columns: auto 1fr; align-items: center; gap: 14px; background: var(--mm-ink); border-color: var(--mm-ink); }
.au-kpi--main > span:last-child { color: #FFFFFF; font: 600 16px var(--mm-font-display); } .au-kpi--main small { display: block; color: var(--mm-on-ink); font: 700 12px var(--mm-font-body); }
.au-kpi-ring { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: radial-gradient(closest-side, var(--mm-ink) 76%, transparent 78%), conic-gradient(var(--au-c) calc(var(--p) * 1%), rgba(255, 255, 255, .15) 0); }
.au-kpi-ring b { color: #FFFFFF; font-size: 22px; }
@media (min-width: 1024px) {
    .au-kpis { grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr)); margin-top: -96px; }
    .au-kpi--main { grid-column: auto; }
}

/* Cards are one width (owner, 2026-10-09: keep the tab order); the speed card fits a narrow column. */
/* Tab arrows (desktop): shown only while there is more to scroll that way. */
.au-tabs { display: flex; align-items: center; gap: 6px; }
.au-tabs-in { flex: 1 1 auto; min-width: 0; scroll-behavior: smooth; }
.au-tabs-arrow { display: none; flex: none; place-items: center; width: 38px; height: 38px; min-height: 0; margin: 0; padding: 0; border: 1px solid var(--mm-line); border-radius: 50%; background: #FFFFFF; color: var(--mm-ink); box-shadow: 0 4px 12px rgba(35, 28, 90, .1); }
.au-tabs-arrow:hover { background: var(--mm-ink); color: #FFFFFF; transform: none; }
@media (min-width: 1024px) { .au-tabs-arrow:not([hidden]) { display: grid; } }

/* Popularity (Tranco rank) in the off-page card. */
.au-pop { margin-bottom: 12px; } .au-pop .au-mini-h3 { margin-top: 0; }
.au-pop-n { margin: 0; } .au-pop-n b { font: 600 22px var(--mm-font-display); } .au-pop-n span { margin-left: 6px; color: var(--mm-muted); font-size: 13px; font-weight: 700; }
.au-pop-spark { display: block; width: 100%; height: 84px; margin-top: 10px; color: var(--mm-ink-3); }
.au-pop-axis { display: flex; justify-content: space-between; margin: 2px 0 0; color: var(--mm-muted); font-size: 11px; font-weight: 700; } .au-pop-t { margin: 4px 0 0; font-size: 13px; font-weight: 800; }