@layer pages {
  .legal-header { padding-block: clamp(3rem, 8vw, 5rem) 2rem; background: var(--color-surface-soft); }
  .legal-header h1 { max-width: 14ch; margin-bottom: .8rem; font-size: clamp(2.3rem, 6vw, 4rem); }
  .legal-header p { color: var(--color-text-muted); }
  .legal-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 19rem); gap: clamp(2rem, 6vw, 5rem); padding-block: 3rem var(--space-section); }
  .legal-article { max-width: var(--text-width); }
  .legal-article h2 { margin-top: 2.8rem; scroll-margin-top: 2rem; }
  .legal-article h3 { margin-top: 1.8rem; }
  .legal-article li + li { margin-top: .6rem; }
  .legal-summary { align-self: start; padding: 1.2rem; border: 1px solid var(--color-border); border-radius: var(--radius-small); background: var(--color-surface-soft); }
  .legal-summary h2 { font-size: 1.1rem; }
  .legal-summary ul { margin-bottom: 0; padding-inline-start: 1.2rem; }
  .deletion-form { display: grid; gap: 1.25rem; margin-block: 2rem; }
  .form-field { min-width: 0; margin: 0; padding: 0; border: 0; }
  .form-field > label, .form-field > legend { display: block; margin-bottom: .55rem; font-weight: 700; }
  .form-field > label span { color: var(--color-text-muted); font-weight: 400; }
  .form-field input[type="email"], .form-field textarea { width: 100%; padding: .75rem .85rem; border: 1px solid var(--color-border); border-radius: var(--radius-small); background: var(--color-surface); color: inherit; font: inherit; }
  .form-field textarea { resize: vertical; }
  .form-field input:focus, .form-field textarea:focus { outline: 3px solid color-mix(in srgb, var(--color-brand) 35%, transparent); outline-offset: 2px; border-color: var(--color-brand); }
  .operation-options { display: grid; gap: .65rem; }
  .operation-options label { display: flex; gap: .6rem; align-items: flex-start; padding: .75rem .85rem; border: 1px solid var(--color-border); border-radius: var(--radius-small); cursor: pointer; }
  .operation-options input { margin-top: .25rem; accent-color: var(--color-brand); }
  .form-notice { padding: 1rem; border-radius: var(--radius-small); background: var(--color-surface-soft); }
  .form-notice p { margin: .35rem 0 0; color: var(--color-text-muted); }
  .form-submit { justify-self: start; padding: .8rem 1.1rem; border: 0; border-radius: var(--radius-small); background: var(--color-brand-strong); color: var(--color-surface); font: inherit; font-weight: 700; cursor: pointer; }
  .form-submit:hover { filter: brightness(.92); }
  .form-submit:focus-visible { outline: 3px solid color-mix(in srgb, var(--color-brand) 45%, transparent); outline-offset: 3px; }
  @media (max-width: 52rem) { .legal-content { grid-template-columns: 1fr; } .legal-summary { order: -1; } }
}