/* Küberaudit: hero work-paper, example finding and the numbered fact list. Everything else uses site.css components. */
.audit-hero-grid { display: grid; gap: clamp(2rem, 1.5rem + 2vw, 3rem); align-items: center; }
@media (min-width: 900px) { .audit-hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(19rem, .85fr); gap: 4rem; } }

.audit-brief { background: var(--paper); border-radius: var(--radius-l); box-shadow: var(--shadow-sheet); overflow: hidden; }
.audit-brief-title { padding: 1rem 1.4rem; border-bottom: 1px solid var(--line); font-family: var(--font-display); font-weight: 650; font-size: 1.125rem; letter-spacing: -.015em; color: var(--ink); }
.audit-brief dl { margin: 0; padding: .25rem 1.4rem; }
.audit-brief dl > div { display: grid; grid-template-columns: 7.5rem 1fr; gap: .75rem; padding: .9rem 0; border-bottom: 1px solid var(--line); }
.audit-brief dl > div:last-child { border-bottom: 0; }
.audit-brief dt { color: var(--muted); font-size: .9rem; padding-top: .1em; }
.audit-brief dd { margin: 0; color: var(--ink); font-weight: 500; }

.audit-finding { margin: 1.5rem 0 0; background: var(--mist); border-radius: var(--radius-l); overflow: hidden; }
.audit-finding figcaption { padding: .9rem 1.25rem; background: var(--blue-soft); color: var(--blue-ink); font-weight: 600; }
.audit-finding dl { margin: 0; padding: .5rem 1.25rem; }
.audit-finding dl > div { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.audit-finding dl > div:last-child { border: 0; }
.audit-finding dt { font-weight: 600; color: var(--ink); }
.audit-finding dd { margin: 0; color: var(--text); }

.audit-list { list-style: none; border-top: 1px solid var(--line); }
.audit-list li { padding-block: 1rem; border-bottom: 1px solid var(--line); }

@media (max-width: 520px) {
  .audit-brief dl > div, .audit-finding dl > div { grid-template-columns: 1fr; gap: .2rem; }
}