.sample-audit-narrow{max-width:920px}
.sample-audit-hero .lead{max-width:720px}
.sample-audit-boundary{margin-top:24px;padding:18px 20px;border:1.5px solid var(--ink);border-radius:16px;background:var(--canvas-soft);box-shadow:5px 5px 0 var(--canvas-deep)}
.sample-audit-boundary strong,.sample-audit-label,.sample-audit-record-heading span{font-family:var(--sign);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}
.sample-audit-boundary p{margin:7px 0 0;color:var(--ink-muted);line-height:1.6}
.sample-audit-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:26px}
.sample-audit-link{font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.sample-audit-intro{max-width:790px}
.sample-audit-record{margin-top:28px;border:1.5px solid var(--ink);border-radius:20px;background:var(--canvas-soft);box-shadow:8px 8px 0 var(--ink);overflow:hidden}
.sample-audit-record-heading{display:flex;gap:14px;align-items:baseline;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--ink-soft,#d2ccbf);background:var(--primary-tint)}
.sample-audit-record-heading p{margin:0;color:var(--ink-muted);font-size:.92rem}
.sample-audit-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.sample-audit-record dl>div{padding:18px 20px;border-bottom:1px solid var(--ink-soft,#d2ccbf)}
.sample-audit-record dl>div:nth-child(odd){border-right:1px solid var(--ink-soft,#d2ccbf)}
.sample-audit-record dt{font-family:var(--sign);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.sample-audit-record dd{margin:7px 0 0;font-weight:700;line-height:1.45}
.sample-audit-record-example{display:grid;grid-template-columns:1.3fr 1fr;border-bottom:1px solid var(--ink-soft,#d2ccbf);background:color-mix(in srgb,var(--primary-tint) 35%,var(--canvas-soft))}
.sample-audit-record-example>div{padding:18px 20px}
.sample-audit-record-example>div+div{border-left:1px solid var(--ink-soft,#d2ccbf)}
.sample-audit-record-example p{margin:8px 0 0;line-height:1.58}
.sample-audit-record-example ul{margin:8px 0 0;padding-left:20px;line-height:1.58}
.sample-audit-record-note{padding:18px 20px;margin:0;color:var(--ink-muted);line-height:1.6}
.sample-audit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.sample-audit-metric{border:1.5px solid var(--ink);border-radius:16px;padding:22px;background:var(--canvas-soft);box-shadow:5px 5px 0 var(--ink)}
.sample-audit-metric h3{font-size:1.1rem;margin:11px 0 10px}
.sample-audit-metric strong{font-family:var(--mono);display:block;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1;color:var(--primary)}
.sample-audit-metric p{margin:14px 0 0;color:var(--ink-muted);line-height:1.58}
.sample-audit-ink{background:var(--ink);color:var(--on-primary)}
.sample-audit-ink .eyebrow,.sample-audit-ink .lead{color:var(--on-primary)}
.sample-audit-table-wrap{overflow-x:auto;border:1.5px solid var(--on-primary);border-radius:16px;background:var(--canvas-soft);margin-top:28px}
.sample-audit-table-wrap:focus-visible{outline:3px solid var(--butter);outline-offset:4px}
.sample-audit-table{width:100%;border-collapse:collapse;color:var(--ink);text-align:left;line-height:1.55}
.sample-audit-table th,.sample-audit-table td{padding:17px 18px;vertical-align:top;border-bottom:1px solid var(--ink-soft,#d2ccbf)}
.sample-audit-table thead{background:var(--primary);color:var(--on-primary)}
.sample-audit-table tbody th{font-family:var(--serif);min-width:180px;width:24%;font-size:1.05rem}
.sample-audit-table tbody tr:last-child>*{border-bottom:0}
.sample-audit-table tr[data-evidence-kind="Derived metric"] th,.sample-audit-table tr[data-evidence-kind="Abgeleitete Kennzahl"] th{color:var(--primary)}
.sample-audit-table tr[data-evidence-kind="Recommendation"] th,.sample-audit-table tr[data-evidence-kind="Empfehlung"] th{color:var(--primary-deep)}
.sample-audit-table tr[data-evidence-kind="Limitation"] th,.sample-audit-table tr[data-evidence-kind="Grenze"] th{color:var(--ink-muted)}
.sample-audit-limits{list-style:none;padding:0;display:grid;gap:12px;margin:28px 0 0}
.sample-audit-limits li{position:relative;padding:16px 18px 16px 49px;border:1px solid var(--ink-soft,#d2ccbf);border-radius:12px;background:var(--canvas-soft);line-height:1.58}
.sample-audit-limits li::before{content:"?";position:absolute;top:15px;left:16px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--canvas-soft);font-weight:800}
.sample-audit-proof{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);gap:38px;align-items:center;border:1.5px solid var(--ink);border-radius:22px;padding:36px;background:var(--canvas-soft);box-shadow:8px 8px 0 var(--canvas-deep)}
.sample-audit-proof h2{font-size:clamp(1.75rem,3.2vw,2.6rem);margin:11px 0 15px}
.sample-audit-proof .lead{margin:0}
.sample-audit-proof-actions{display:grid;gap:17px;justify-items:start}
.sample-audit-proof .btn-secondary{background:var(--primary-tint);border-color:var(--primary);color:var(--primary-deep)}
@media(max-width:850px){.sample-audit-metrics{grid-template-columns:1fr}
.sample-audit-proof{grid-template-columns:1fr;gap:24px}
.sample-audit-record dl,.sample-audit-record-example{grid-template-columns:1fr}
.sample-audit-record dl>div:nth-child(odd),.sample-audit-record-example>div+div{border-left:0;border-right:0}
.sample-audit-record-example>div+div{border-top:1px solid var(--ink-soft,#d2ccbf)}
}
@media(max-width:650px){.sample-audit-record-heading{display:block}
.sample-audit-record-heading p{margin-top:7px}
.sample-audit-table-wrap{overflow:visible;border:0}
.sample-audit-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sample-audit-table tbody,.sample-audit-table tr,.sample-audit-table th,.sample-audit-table td{display:block;width:auto;min-width:0}
.sample-audit-table tbody tr{border:1.5px solid var(--on-primary);border-radius:14px;margin-bottom:16px;overflow:hidden}
.sample-audit-table tbody th{padding:14px 16px;background:var(--primary);color:var(--on-primary)!important;border:0}
.sample-audit-table td{padding:11px 16px;border:0}
.sample-audit-table td::before{content:attr(data-label);display:block;font-family:var(--sign);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:5px}
.sample-audit-actions{align-items:flex-start;flex-direction:column;gap:14px}
}
