/* flat/pages/register.css — Certant Flat: register page-only rules.
   Tokens only, no shadows, prefix .pg-register. Linked after flat/flat.css.
   .label, .offscreen and .status* moved to flat.css; markup uses those directly now.
   See .impeccable/plans/register.md §5 and .impeccable/consolidation-map.md. */

/* The third-party widget is the only square element left in a page of pills and 8px controls. */
.pg-register__turnstile iframe { border-radius: var(--r-control); }

/* The page's single section closes the document and there is no ink CTA; .section is
   padding-top only, so nothing separates it from the footer. */
.pg-register__hero { padding-bottom: var(--sp-9); }

/* Matches the .section--ink step at the same breakpoint (flat.css:786) so the closing
   rhythm stays consistent when the section-gap tightens on mobile. */
@media (max-width: 800px) {
  .pg-register__hero { padding-bottom: var(--sp-8); }
}

/* Two-word spec keys break mid-label because the description column takes the remaining width. */
.pg-register__hero .table__key { white-space: nowrap; }

/* Continue with Google / Microsoft: full-width outlined buttons above the form,
   official full-colour marks (brand rules forbid recolouring them). */
.pg-register__social { margin-bottom: var(--sp-5); }
.pg-register__social-btn { width: 100%; justify-content: center; gap: var(--sp-3); }
.pg-register__social-btn img { width: 18px; height: 18px; }
.pg-register__divider { display: flex; align-items: center; gap: var(--sp-3); color: var(--fg-2); font-size: var(--fs-sm); margin: 0; }
.pg-register__divider::before, .pg-register__divider::after { content: ""; flex: 1; border-top: 1px solid var(--line); }