/* Postern's public pages. SCAFFOLD placeholder values, in step with the app's placeholder DS.Colors
   (Postern/DesignSystem/Colors.swift); /design-system replaces both together. Text sizes follow
   Safari's text size. Prose wraps at spaces; only the mail address may break anywhere, so it stays
   on the plate at the largest text sizes. */
:root{
  color-scheme:light dark;
  --ground:#F7F5F2;   /* DS.Colors.ground (light) */
  --surface:#FFFFFF;  /* DS.Colors.surface (light) */
  --ink:#1B1A18;      /* DS.Colors.ink (light) */
  --ink2:#55524C;     /* DS.Colors.inkSecondary (light) */
  --accent:#2F5D8A;   /* DS.Colors.accent (light) */
  --hairline:#E4E0DA; /* DS.Colors.hairline (light) */
}
@media (prefers-color-scheme:dark){:root{
  --ground:#151412;--surface:#201F1C;--ink:#F1EEE9;--ink2:#B9B4AB;--accent:#8DB7E0;--hairline:#34322E}}
*{box-sizing:border-box}
html{background:var(--ground)}
body{margin:0;color:var(--ink);font:-apple-system-body;font-family:-apple-system,system-ui,"Helvetica Neue",Arial,sans-serif;line-height:1.55;-webkit-text-size-adjust:100%}
.wrap{max-width:640px;margin:48px auto 64px;padding:32px;background:var(--surface);border:1px solid var(--hairline);border-radius:16px;overflow-wrap:break-word}
@media (max-width:719px){.wrap{margin:24px 12px 48px;padding:24px}}
.kicker{margin:0 0 .5em;color:var(--ink2);font-size:.8em;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:1.9em;line-height:1.2;margin:.2em 0 .6em}
h2{font-size:1.2em;margin:1.6em 0 .4em}
p{margin:0 0 1em}
a{color:var(--accent)}
a[href^="mailto:"]{overflow-wrap:anywhere}
.note{color:var(--ink2);font-size:.9em}
nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:2em}
footer{margin-top:1.5em;color:var(--ink2);font-size:.85em}