/* /sample-audit only. Uses the site variables from style.css. */
.sa{max-width:1040px}
.sa-notice{margin:-40px auto 0;position:relative;z-index:2;border:1px solid #8ab4ff55;background:linear-gradient(160deg,#0b1220,#05070c);padding:22px 26px;font-size:17px;color:var(--soft)}
.sa-notice p{margin:0}.sa-notice b{color:var(--fg)}
.sa-meta{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--mut);margin-top:10px!important;text-transform:uppercase}
.sa-sec{border-top:1px solid var(--line);padding:clamp(56px,8vh,96px) 0}
.sa-notice+.sa-sec{border-top:0}
.sa-sec h2{font-size:clamp(26px,3.4vw,40px);line-height:1.1;margin:12px 0 22px}
.sa-lede{color:var(--soft);max-width:70ch;margin:0 0 30px}
.sa-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.sa-stat{background:#05070c;padding:18px 18px 16px;min-width:0}
.sa-stat b{display:block;font-size:clamp(22px,2.4vw,30px);line-height:1.15;overflow-wrap:anywhere}
.sa-stat span{display:block;font-size:14px;color:var(--mut);line-height:1.35;margin-top:4px}
.sa-stat i{display:block;font-style:normal;font-family:var(--mono);font-size:10px;color:var(--blue);letter-spacing:.1em;margin-top:8px;text-transform:uppercase}
.sa-small{font-size:14px;color:var(--mut);margin:16px 0 0;max-width:80ch}
.sa-f{display:grid;grid-template-columns:64px 1fr;gap:4px 18px;padding:28px 0;border-top:1px solid var(--line)}
.sa-f:first-of-type{border-top:0;padding-top:6px}
.sa-num{font-family:var(--mono);color:var(--blue);font-size:22px;padding-top:2px}
.sa-tag{font-family:var(--mono);font-size:11px;color:var(--blue);letter-spacing:.16em;text-transform:uppercase}
.sa-tag.mut{color:var(--mut)}
.sa-f h3{font-size:19px;line-height:1.3;margin:6px 0 10px;letter-spacing:.06em}
.sa-f p{margin:0 0 10px;color:var(--soft);font-size:17px}
.sa-f .sa-why{color:var(--fg);border-left:2px solid var(--blue);padding-left:14px}
.sa-f .sa-src{font-family:var(--mono);font-size:12px;color:var(--mut);letter-spacing:.03em;margin:0}
.sa-wins{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sa-win{border:1px solid var(--line);background:linear-gradient(#0b1220,#05070c);padding:22px}
.sa-k{font-family:var(--mono);color:var(--ok);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.sa-win h3,.sa-s h3{font-size:16px;line-height:1.3;margin:8px 0}
.sa-win p,.sa-s p{margin:0 0 10px;font-size:16px;color:var(--soft)}
.sa-staff{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sa-s{border:1px solid var(--line);padding:22px}
.sa-unv{margin:0;padding-left:20px;color:var(--soft);font-size:17px}
.sa-unv li{margin-bottom:10px}
@media (max-width:900px){.sa-stats{grid-template-columns:1fr 1fr}.sa-wins{grid-template-columns:1fr}}
@media (max-width:600px){.sa-staff{grid-template-columns:1fr}.sa-f{grid-template-columns:1fr}.sa-num{font-size:16px}.sa-notice{margin-top:-24px;padding:18px}.sa-stat{padding:14px}}