/* Shared ASH base: values sampled from the landing page screenshot (base/landing.png).
   Fonts are a best match by eye, not confirmed: Newsreader for the serif headline, Inter for UI. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap');

:root {
  --cream: #f3f4f1;        /* page background */
  --paper: #fdfdfd;        /* header bar, cards */
  --ink: #21211f;          /* text, dark pill button */
  --muted: #7b7c79;        /* secondary text */
  --line: #e6e6e2;         /* hairlines */
  --serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* tile colours of the landing page, for illustration accents */
  --navy: #1f2547; --mustard: #efc15c; --plum: #3f1d3a; --pink: #f582a7;
  --tomato: #e8553f; --teal: #0f4c5c; --yolk: #f6c945; --blue: #3d6fb6;
}

* { box-sizing: border-box; }
html, body { margin: 0; background: var(--cream); color: var(--ink); }
body { font-family: var(--sans); -webkit-font-smoothing: antialiased; line-height: 1.5; }

/* header: identical on every ASH page, do not restyle */
.ash-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 50px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 28px 0 22px; background: var(--paper); border-bottom: 1px solid var(--line);
  font-size: 14px;
}
.ash-nav .logo { font-weight: 600; font-size: 17px; letter-spacing: .01em; color: var(--ink); text-decoration: none; }
.ash-nav nav { display: flex; align-items: center; gap: 24px; }
.ash-nav nav a { color: var(--ink); text-decoration: none; }
.ash-nav nav a.pill { background: var(--ink); color: #fff; padding: 8px 16px; border-radius: 999px; font-weight: 500; }
@media (max-width: 600px) {
  .ash-nav { padding: 0 14px; }
  .ash-nav nav { gap: 14px; }
}

.serif { font-family: var(--serif); font-weight: 500; letter-spacing: -.015em; }