/* The existing guide typography and navy/violet palette remain the shell. */
.complaint-page { padding-top: 56px; }
.complaint-page h1 { font-size: clamp(36px, 5vw, 60px); line-height: 1.06; }
.feature-fit { max-width: 65ch; color: var(--ink); margin-top: 16px; }
.feature-proof { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); gap: 40px; align-items: center; padding: 32px 0; border-block: 1px solid var(--line); margin: 32px 0; }
.feature-proof h2 { font-size: clamp(24px, 3vw, 34px); line-height: 1.2; letter-spacing: -.035em; }
.feature-proof figure { margin: 0; min-width: 0; }
.feature-proof img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 20px; }
.feature-proof figcaption { margin-top: 12px; font-size: 12px; line-height: 1.6; color: var(--muted); }
.feature-proof a:focus-visible { outline: 3px solid var(--violet-light); outline-offset: 5px; }
@media (max-width: 580px) {
  .complaint-page { padding-top: 32px; }
  .feature-proof { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .feature-proof figure { max-width: 300px; justify-self: center; }
}