#audit-main { max-width: 1120px; margin-inline: auto; padding-inline: 24px; }
#audit-main h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); }
.audit-intro, #audit-main .commerce-note { max-width: 70ch; margin-inline: 0; }
.audit-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
#audit-fields legend { margin-bottom: 20px; font-size: 1.15rem; font-weight: 700; }
.audit-results-heading { margin-top: 40px; }
.audit-row { padding-block: 24px; border-bottom: 1px solid #799f90; overflow-wrap: anywhere; }
.audit-row h3 { font-size: 1.15rem; color: #214742; margin-bottom: 12px; }
.audit-row time, .audit-meta, #audit-page { color: #496960; font-variant-numeric: tabular-nums; }
.audit-row p { margin-block: 10px; }
.audit-row summary { cursor: pointer; min-height: 44px; padding-block: 10px; text-decoration: underline; text-underline-offset: .2em; }
.audit-row dl { display: grid; grid-template-columns: minmax(90px, 1fr) minmax(0, 3fr); gap: 12px 20px; max-width: 70ch; margin-block: 12px; }
.audit-row dt { color: #496960; }
.audit-row dd { margin: 0; }
@media(max-width:800px) { .audit-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:520px) { #audit-main { padding-inline: 16px; } .audit-filters { grid-template-columns: minmax(0, 1fr); } .audit-row dl { grid-template-columns: minmax(0, 1fr); gap: 6px; } .audit-row dd { margin-bottom: 10px; } }