/* Small pages: the lead-sent confirmation, the language choice (standalone,
   no header) and the partners placeholder. */
@layer page {
  /* Lead sent */
  .done { padding-block: var(--sp-5) var(--sp-7); display: grid; gap: var(--sp-4); }
  .done__card { padding: var(--sp-5); display: grid; gap: var(--sp-4); justify-items: start; }
  .done__card h1 { font-size: var(--fs-2xl); }
  .done__mark { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--ready-tint); color: var(--ready); }
  .done__mark--error { background: var(--danger-tint); color: var(--danger); }
  .done__next { width: 100%; padding: var(--sp-4); border-radius: var(--radius-l); background: var(--brand-tint); display: grid; gap: var(--sp-2); justify-items: start; }
  .done__next h2 { font-size: var(--fs-l); }
  .done__next .btn { margin-top: var(--sp-2); }
  .done__steps { list-style: none; padding: 0; display: grid; gap: var(--sp-3); font-size: var(--fs-s); color: var(--ink-2); width: 100%; }
  .done__steps li { display: flex; gap: var(--sp-3); align-items: flex-start; }
  .done__steps .num { flex: none; width: 1.75rem; height: 1.75rem; border-radius: 50%; border: 1px solid var(--line-2); display: inline-flex; align-items: center; justify-content: center; font-size: var(--fs-xs); font-weight: 650; color: var(--ink); }
  .done__errors { display: grid; gap: var(--sp-2); width: 100%; }
  .done__errors li { padding: var(--sp-3) var(--sp-4); border-radius: var(--radius); background: var(--danger-tint); color: var(--danger); font-size: var(--fs-s); }
  .done__talk { text-align: center; max-width: none; }
  .done__talk a { color: var(--ink); font-weight: 600; }
  @media (min-width: 48em) {
    .done__card { padding: var(--sp-6); }
  }

  /* Language choice: one card, centred, nothing else on the page. */
  .lang-choice { background: var(--stone); }
  .lang-choice__main { min-height: 100dvh; display: grid; place-content: center; justify-items: center; gap: var(--sp-4); padding: var(--sp-6) var(--gutter); }
  .lang-choice__card { width: min(100%, 26rem); background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-l); padding: var(--sp-5); display: grid; gap: var(--sp-3); }
  .lang-choice__brand { display: flex; align-items: center; gap: var(--sp-3); font-weight: 650; font-size: var(--fs-l); margin-bottom: var(--sp-2); }
  .lang-choice__brand img { width: 3rem; height: 3rem; border-radius: 50%; }
  .lang-choice__card h1 { font-size: var(--fs-xl); }
  .lang-choice__card p { font-size: var(--fs-s); }
  .lang-choice__list { display: grid; gap: var(--sp-2); margin-top: var(--sp-2); }
  .lang-choice__link { display: flex; align-items: center; gap: var(--sp-3); min-height: 3.25rem; padding: var(--sp-2) var(--sp-4); border: 1px solid var(--line-2); border-radius: var(--radius-l); text-decoration: none; color: var(--ink); font-weight: 600; font-size: var(--fs-m); }
  .lang-choice__link:hover { border-color: var(--ink); color: var(--ink); }
  .lang-choice__name { display: inline-block; }
  .lang-choice__name::first-letter { text-transform: uppercase; }
  .lang-choice__link .icon { margin-left: auto; color: var(--ink-3); }
  .lang-choice__link[aria-current] { border-color: var(--brand); background: var(--brand-tint); }
  .lang-choice__link[aria-current] .icon { color: var(--brand-ink); }
  .lang-choice__foot { text-align: center; max-width: none; }
  @media (min-width: 48em) {
    .lang-choice__card { padding: var(--sp-6); }
  }

  /* Partners placeholder */
  .partners { padding-block: var(--sp-5) var(--sp-8); display: grid; gap: var(--sp-5); }

  /* Newsletter unsubscribe */
  .unsub { padding-block: var(--sp-6) var(--sp-8); min-height: 70vh; display: grid; place-content: center; }
  .unsub__card { width: min(100%, 32rem); margin-inline: auto; }
  .unsub__card h1 { font-size: var(--fs-xl); margin-bottom: var(--sp-2); }
  .unsub__card p { font-size: var(--fs-s); }
  .unsub__form { display: grid; gap: var(--sp-4); margin-top: var(--sp-4); }

  /* Contract previews */
  .previews { padding-block: var(--sp-5) var(--sp-8); display: grid; gap: var(--sp-5); }
  .previews__head h1 { font-size: var(--fs-2xl); margin-bottom: var(--sp-2); }
  .previews__card { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-l); padding: var(--sp-4); }
}