.audit-sample-page { min-height: 100vh; }
.audit-sample-header { border-bottom: 1px solid var(--cw-border); background: var(--surface); }
.audit-sample-header__inner { display: flex; align-items: center; gap: 22px; width: min(100%, 1272px); margin: 0 auto; padding: 14px 26px; }
.audit-sample-header .brand-lockup { flex: none; }
.audit-sample-header__label { padding: 5px 8px; border: 1px solid var(--cw-border); border-radius: 4px; color: var(--cw-muted); font-size: var(--text-sm); font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.audit-sample-header__actions { display: flex; align-items: center; gap: 18px; margin-left: auto; }
.audit-sample-header__login { color: var(--cw-text-soft); font-size: var(--text-lg); font-weight: 700; text-decoration: none; }
.audit-sample-header__login:hover, .audit-sample-header__login:focus-visible { color: var(--cw-text); }
.audit-sample-main { width: min(100%, 1272px); margin: 0 auto; padding: 34px 26px 78px; }
.audit-sample-hero { margin-bottom: 20px; }
.audit-sample-hero .eyebrow { color: var(--cw-green); }
.audit-sample-page .native-audit { width: 100%; }
.audit-sample-outro { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 25px 27px; border: 1px solid var(--cw-border); border-radius: 8px; background: var(--surface-soft); }
.audit-sample-outro .eyebrow { margin: 0 0 7px; }
.audit-sample-outro h2 { margin: 0 0 7px; color: var(--cw-text); font-size: var(--text-4xl); }
.audit-sample-outro p:last-child { max-width: 620px; margin: 0; color: var(--cw-muted); font-size: var(--text-lg); line-height: 1.55; }
.audit-sample-outro__actions { display: flex; flex: none; align-items: center; gap: 17px; }
.audit-sample-outro__actions .text-link { font-size: var(--text-lg); }
@media (max-width: 900px) {
  .audit-sample-outro { align-items: start; flex-direction: column; }
}
@media (max-width: 650px) {
  .audit-sample-header__inner { flex-wrap: wrap; gap: 8px 12px; padding: 12px; }
  .audit-sample-header .brand-lockup { margin-right: auto; }
  .audit-sample-header__label { order: 3; }
  .audit-sample-header__actions { gap: 10px; margin-left: 0; }
  .audit-sample-header__actions .button { min-height: 35px; padding: 8px 10px; font-size: var(--text-sm); }
  .audit-sample-main { padding: 24px 12px 52px; }
  .audit-sample-hero { margin-bottom: 17px; }
  .audit-sample-outro { margin-top: 19px; padding: 19px 16px; }
  .audit-sample-outro__actions { width: 100%; justify-content: space-between; }
}