/* page.css — Layout der Inhaltsseiten (UI-Kampagne Paket 4). Nur Layout: Farben, Radien und Schriften
   kommen aus brand.css (Wächter test_layout_css_holds_layout_only). */
.page-wrap { min-height: 100vh; display: flex; flex-direction: column; }
.page-nav { box-sizing: border-box; max-width: 1320px; margin: 0 auto; padding: 12px 32px; display: flex; align-items: center; gap: 12px; }
.page-main { flex: 1; display: flex; justify-content: center; align-items: flex-start; padding: 48px 24px; }
.page-card { box-sizing: border-box; width: 100%; max-width: 720px; min-width: 0; padding: 40px 44px; }

.page-form { margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--hairline); }
.page-form form { display: flex; flex-direction: column; gap: 16px; }
.page-form .b-btn { align-self: flex-start; }
.page-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 599px) {
  .page-nav { padding: 10px 16px; }
  .page-main { padding: 16px; }
  .page-card { padding: 24px 20px; }
  .page-form .b-btn { align-self: stretch; }
}