/* Landing page. Extracted from an inline <style> so the site can carry a
   real Content-Security-Policy without 'unsafe-inline'. */

:root { --accent: #9C5B21; }
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 40px 24px 80px;
  font: 16px/1.6 "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  color: #22201d;
  background: #faf6f0;
}
.wrap { max-width: 1080px; margin: 0 auto; }
.eyebrow {
  text-transform: uppercase; letter-spacing: .08em;
  font-size: 12px; font-weight: 600; color: #7a736a;
}
h1 { font-size: 32px; margin: 4px 0 8px; letter-spacing: -.02em; }
.runline { color: #7a736a; margin: 0 0 32px; }
.cards { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.card {
  display: block; padding: 20px 22px; border: 1px solid #e4dcd0; border-radius: 10px;
  background: #fff; text-decoration: none; color: inherit; transition: border-color .15s, transform .15s;
}
.card:hover, .card:focus-visible { border-color: var(--accent); transform: translateY(-1px); }
.card h2 { margin: 0 0 6px; font-size: 18px; }
.card p { margin: 0; color: #7a736a; font-size: 14px; }
.card.pending { opacity: .55; pointer-events: none; }
.badge {
  display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 99px;
  font-size: 11px; font-weight: 600; background: #f0e7da; color: #7a736a; vertical-align: middle;
}
footer { margin-top: 48px; padding-top: 20px; border-top: 1px solid #e4dcd0; color: #7a736a; font-size: 14px; }
footer a { color: var(--accent); }
@media (prefers-reduced-motion: reduce) { .card { transition: none; } }