/* Audit page body before a run (owner pick: L1-L4 mixed). Linked on /tool/website-audit only while no audit is shown. */
.au-intro .mm-eyebrow { max-width: none; margin: 0 0 6px; color: var(--mm-ink-3); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.au-intro .mm-h2 { margin: 0 0 10px; }
.au-intro section + section { padding-top: 0; }
.au-stats { position: relative; z-index: 2; margin-top: -76px; padding-top: 0; }
.au-stats ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.au-stats li { padding: 18px; border: 1px solid var(--mm-line); border-radius: 18px; background: #FFFFFF; text-align: center; box-shadow: 0 14px 30px rgba(35, 28, 90, .07); }
.au-stats b { display: block; font: 600 30px/1.2 var(--mm-font-display); } .au-stats span { color: var(--mm-muted); font-size: 13px; font-weight: 700; }
.au-find { display: grid; gap: 24px; align-items: center; }
.au-find-t p:last-child { color: var(--mm-muted); }
.au-find-l { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.au-find-l li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 14px 16px; border: 1px solid var(--mm-line); border-radius: 16px; background: #FFFFFF; box-shadow: 0 10px 26px rgba(35, 28, 90, .06); }
.au-find-l p { margin: 0; font-size: var(--mm-fs-sm); } .au-find-l p span { color: var(--mm-muted); }
.au-areas, .au-vs-t, .au-faq { text-align: center; }
.au-areas ul { display: grid; gap: 12px; margin: var(--mm-sp-3) 0 0; padding: 0; list-style: none; text-align: left; }
.au-areas li { padding: 18px; border: 1px solid var(--mm-line); border-radius: 18px; background: #FFFFFF; transition: transform .2s var(--mm-eo), box-shadow .2s; }
.au-areas li:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(35, 28, 90, .08); }
.au-areas-ic { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--mm-lilac); color: var(--mm-ink-3); }
.au-areas h3 { margin: 10px 0 4px; font: 800 15px var(--mm-font-body); } .au-areas p { margin: 0; color: var(--mm-muted); font-size: 13.5px; }
.au-sub { max-width: 36rem; margin: 0 auto var(--mm-sp-3); color: var(--mm-muted); }
.au-table { overflow-x: auto; border: 1px solid var(--mm-line); border-radius: 20px; text-align: left; }
.au-table table { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; }
.au-table thead th:first-child { width: 46%; }
.au-table th, .au-table td { padding: 10px 8px; border-bottom: 1px solid var(--mm-line); font-size: 13px; overflow-wrap: anywhere; }
.au-table thead th { background: var(--mm-ink); color: #FFFFFF; font-weight: 800; } .au-table thead .au-us { background: var(--mm-gold); color: var(--mm-ink); }
.au-table tbody th { font-weight: 700; } .au-table td { text-align: center; font-weight: 800; } .au-table tr:last-child > * { border-bottom: 0; }
.au-yes { color: #12A57A; } .au-no { color: #B9B3DA; }
.au-how ol { display: grid; gap: 12px; margin: 0 0 var(--mm-sp-3); padding: 0; list-style: none; }
.au-how li { padding: 20px; border-radius: 18px; background: var(--mm-surface); }
.au-how li > b { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--mm-ink); color: var(--mm-gold); font-family: var(--mm-font-display); }
.au-how h3 { margin: 10px 0 4px; font: 800 15px var(--mm-font-body); } .au-how p { margin: 0; color: var(--mm-muted); font-size: 13.5px; }
.au-band { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 26px; border-radius: 24px; background: var(--mm-ink); color: #FFFFFF; }
.au-band div { flex: 1 1 280px; } .au-band h2 { margin: 0; color: #FFFFFF; font: 600 21px var(--mm-font-display); } .au-band p { margin: 4px 0 0; color: var(--mm-on-ink); }
.au-band .mm-btn { margin: 0; }
.au-faq details { max-width: 46rem; margin: 0 auto 8px; padding: 14px 18px; border: 1px solid var(--mm-line); border-radius: 14px; background: #FFFFFF; text-align: left; }
.au-faq summary { cursor: pointer; font-weight: 800; } .au-faq details p { margin: 8px 0 0; color: var(--mm-muted); }
@media (min-width: 768px) {
    .au-table th, .au-table td { padding: 12px 16px; font-size: 14.5px; }
    .au-stats ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .au-stats { margin-top: -96px; }
    .au-areas ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .au-how ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .au-find { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; }
    .au-areas ul { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
    .au-areas li { transition: none; }
}