/* Thank-you / confirmation page — the redirect target for every form.
   Reuses site.css tokens; a single centred card. */

.thankyou {
  min-height: 72vh;
  display: flex;
  align-items: center;
}
.thankyou .wrap { width: 100%; }

.thankyou__card {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  padding: clamp(28px, 5vw, 56px) 0;
}

.thankyou__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin-bottom: 26px;
  color: #fff;
  background: #5fa472;                 /* the "free/success" green used elsewhere */
  box-shadow: 0 10px 30px rgba(95, 164, 114, 0.35);
}
.thankyou__badge .icon { width: 30px; height: 30px; stroke: #fff; }

.thankyou__eyebrow { justify-content: center; }

.thankyou__title { margin-top: 16px; }
.thankyou__lede  { margin: 16px auto 0; max-width: 52ch; }

.thankyou__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 34px;
}

.thankyou__contact {
  margin-top: 28px;
  font-size: 13.5px;
  color: var(--muted);
}
.thankyou__contact a {
  color: var(--ink);
  border-bottom: 1px solid var(--line-2);
  padding-bottom: 1px;
  white-space: nowrap;
}
.thankyou__contact a:hover { border-color: var(--accent); color: var(--accent); }

@media (max-width: 520px) {
  .thankyou__actions .btn { width: 100%; justify-content: center; }
}

[data-theme="dark"] .thankyou__contact a { color: #f4efe7; }