/* ==========================================================================
   auth.css — the sign-in funnel: /login, /register, /auth/reset,
   /auth/reset/confirm, /auth/verify, /auth/claim, /auth/relogin and
   /auth/goodbye, in the Wayfable Design System's idiom (goal 14;
   bmad-output/redesign-site/decisions.md §3, §10).

   Composes with ds.css, the shared grammar: every page is one ds-section →
   ds-inner--narrow (centred) → ds-label → ds-h1 → ds-lede → a ds-card--narrow
   holding a ds-form, or a ds-cta-row on the message states. This sheet
   carries only what that grammar lacks: the card's left alignment under a
   centred heading, the error notice's spacing inside a gapped form, the
   honeypot wrapper that replaced an inline style, the 44px hit areas on the
   consent checkbox and the small links, and the legal line.

   ⛔ EVERY SELECTOR THAT NAMES A CLASS NAMES AN au- ONE (design contract
   §4.6); it restyles nothing shared. ⛔ NO CUSTOM PROPERTIES (contract §1.6):
   literals only. Type: Inter, sizes from the scale only (11.5 12 13 14 15
   16 17 19 20 22 27 34 38 40 52). No shadows, no gradients; depth is ds.css's
   1px #E9E0CF hairline.
   ========================================================================== */

/* The heading block is centred (ds-inner--centred); the form inside the card
   reads left-aligned like every form. */
.au-card { text-align: left; }

/* Inside a ds-form the flex gap (18px) spaces the error notice from the
   first field; the notice's own bottom margin would double it. */
.au-notice { margin: 0; }

/* Anti-bot honeypot wrapper (register, claim): the inline
   position:absolute;left:-9999px it replaces, as a class — off-canvas, so
   nothing about the field's geometry or semantics changes. */
.au-honeypot { position: absolute; left: -9999px; }

/* The 18+ confirmation row. The label is the hit target: 11px of padding
   above and below lifts a one-line row past 44px, and the matching negative
   margin keeps the form's rhythm (the padding spills into the flex gap,
   never over a neighbour). The box takes the row's Inter 15px and the ink
   colour, so the control itself computes in the system's face and palette
   rather than the UA's control font and fieldtext black. */
.au-check { padding: 11px 0; margin: -11px 0; cursor: pointer; }
.au-check input { font-family: Inter, system-ui, sans-serif; font-size: 15px; color: #2C2418; }

/* The legal line under the submit button: centred under a block button. */
.au-legal { margin: 0; text-align: center; }
.au-legal a { text-decoration: underline; }

/* Small links under the card (forgot password, sign up, log in, back to
   dashboard). Each link is a 44px-tall target: 14px/1.55 text plus 12px of
   padding either side. Underlined, because colour alone does not separate a
   link from the muted sentence around it (axe link-in-text-block). */
.au-links { margin: 12px 0 0; }
.au-links + .au-links { margin-top: 0; }
.au-links a { display: inline-block; padding: 12px 2px; font-weight: 500; text-decoration: underline; }