:root {
    --paper: #FBF2E1;
    --ink: #21301F;
    --green: #1E5A32;
    --green-soft: #366B43;
    --denim: #3D5A75;
    --line: #DDE2CE;
    --card: #FFFFFF;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.55;
    -webkit-text-size-adjust: 100%;
  }
  .wrap { max-width: 40rem; margin: 0 auto; padding: 2.5rem 1rem 4rem; }

  header { text-align: center; }
  header img { width: min(260px, 70vw); height: auto; }
  h1 {
    position: absolute; width: 1px; height: 1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  .tagline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: .8rem; text-transform: uppercase; letter-spacing: .16em;
    color: var(--green-soft); margin: .25rem 0 0;
  }

  .shot {
    display: block; width: 100%; height: auto;
    border-radius: 8px; border: 1px solid var(--line);
    margin: 1.4rem 0;
  }

  .lede { font-size: 1.22rem; margin: 2rem 0 0; }
  .lede strong { color: var(--green); font-weight: normal; }

  .status {
    background: var(--card); border: 1px solid var(--line);
    border-left: 4px solid var(--denim);
    border-radius: 6px; padding: 1rem 1.15rem; margin: 2rem 0;
  }
  .status p { margin: 0; }
  .status p + p { margin-top: .5rem; }

  h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: .8rem; text-transform: uppercase; letter-spacing: .12em;
    color: var(--green); margin: 2.5rem 0 .6rem;
  }
  p { margin: .7rem 0; }
  ul { padding-left: 1.2rem; margin: .6rem 0; }
  li { margin: .4rem 0; }
  li strong { color: var(--green); }

  .contact {
    margin-top: 2.5rem; padding-top: 1.5rem; border-top: 3px double var(--green);
    text-align: center;
  }
  .cta {
    display: inline-block;
    background: var(--green); color: var(--paper);
    font-size: 1.05rem; text-decoration: none;
    padding: .85rem 1.5rem; border-radius: 8px;
    min-height: 44px; max-width: 100%;
    transition: background-color .2s ease, transform .2s ease;
  }
  .cta:hover { background: #17492a; }
  .cta:active { transform: translateY(1px); }
  .cta:focus-visible { outline: 3px solid var(--denim); outline-offset: 3px; }
  .status a { color: var(--denim); text-decoration-thickness: 1px; text-underline-offset: 2px; }
  .status a:focus-visible { outline: 2px solid var(--denim); outline-offset: 2px; }
  .contact .note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: .85rem;
    color: var(--green-soft); margin-top: .6rem;
  }

  @media (prefers-reduced-motion: reduce) {
    .cta { transition: none; }
    .cta:active { transform: none; }
  }

  footer {
    margin-top: 3rem; text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: .8rem; color: var(--green-soft);
  }

/* ---- prose pages (privacy) ---- */
.prose h1 {
  /* The home page hides h1 because the logo badge is the heading. A prose page
     needs a real visible one, so undo every part of that rule. */
  position: static; width: auto; height: auto;
  overflow: visible; clip-path: none; white-space: normal;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 2rem; color: var(--green); margin: 0 0 .25rem;
}
.prose .updated {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: .8rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--green-soft); margin: 0 0 2rem;
}
.prose h2 { margin: 2rem 0 .4rem; }
.prose a { color: var(--denim); }
.prose .back { display: inline-block; margin-top: 2.5rem; }

.sources {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: .78rem; line-height: 1.45; color: var(--green-soft);
  margin: .6rem 0 0;
}