/* The one-card pages (confirm.html, unsubscribe.html). Colours and type follow index.html. */
@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Source+Serif+4:opsz,wght@8..60,500&display=swap");

:root {
  --paper: #faf8f6;
  --paper-deep: #f5f1ed;
  --line-strong: #d5cdc3;
  --ink: #2c2721;
  --blue: #1b5a8f;
  color: var(--ink);
  font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
}
* { box-sizing: border-box; }
body { align-items: center; background: var(--paper-deep); display: flex; margin: 0; min-height: 100vh; padding: 24px 16px; }
[hidden] { display: none !important; }
.card { background: var(--paper); border: 1px solid var(--line-strong); border-radius: 12px; box-shadow: 0 15px 30px rgba(44,39,33,.07); margin: 0 auto; max-width: 480px; padding: clamp(25px, 6vw, 42px); width: 100%; }
.logo { display: block; height: auto; margin-bottom: 28px; width: 160px; }
h1 { font-family: "Source Serif 4", Georgia, serif; font-size: 1.6rem; font-weight: 500; letter-spacing: -.01em; line-height: 1.2; margin: 0 0 12px; }
p { color: #5f5549; margin: 0 0 22px; }
.button { background: var(--blue); border: 0; border-radius: 6px; color: white; cursor: pointer; font: inherit; font-weight: 700; min-height: 45px; padding: 10px 17px; width: 100%; }
.button:hover { background: #144970; }
.button[disabled] { cursor: progress; opacity: .7; }

/* privacy.html: the same card, widened for reading. */
.prose { max-width: 680px; }
.prose h2 { font-family: "Source Serif 4", Georgia, serif; font-size: 1.15rem; font-weight: 500; margin: 30px 0 8px; }
.prose p, .prose li { color: #5f5549; }
.prose p { margin: 0 0 14px; }
.prose ul { margin: 0 0 14px; padding-left: 1.2em; }
.prose li { margin-bottom: 4px; }
.prose a { color: var(--blue); }
.prose strong { color: var(--ink); }
.prose .updated { color: #988977; font-size: .85rem; }
.prose .back { margin-top: 32px; }