:root {
  --bg: #ffffff; --text: #1d2125; --primary: #2f5d73; --secondary: #5e6f7a; --accent: #8a6a12; --warning: #b3261e;
  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 1.0625rem/1.55 var(--font-body); }
.wrap { max-width: 640px; margin: 0 auto; padding: 2rem 1rem 3rem; min-height: 100vh; }
h1 { font-family: var(--font-heading); font-size: 1.75rem; line-height: 1.2; margin: 1rem 0 .75rem; }
a { color: var(--primary); }
.logo { max-height: 56px; max-width: 70%; object-fit: contain; }
.lead { font-size: 1.1rem; }
.small { font-size: .95rem; }
.credit { margin-top: 3rem; font-size: .8rem; opacity: .8; }
.loading { opacity: .7; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }