/* HiCEP — shared stylesheet.
   Design rules (see CLAUDE.md): monochrome near-black on white, system font
   stack only, zero JavaScript, no external assets. Hierarchy from size,
   weight, and whitespace. */

*{box-sizing:border-box;margin:0}

body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  color:#1a1a1a;
  background:#fff;
  font-size:1.125rem;
  line-height:1.75;
  max-width:38rem;
  margin:0 auto;
  padding:0 1.5rem;
}

a{color:#1a1a1a}
a:focus-visible{outline:2px solid #1a1a1a;outline-offset:3px}

/* Masthead — pinned; wordmark doubles as the home link; subhead (h1)
   stacks directly beneath it, both pinned together */
header{
  position:sticky;
  top:0;
  z-index:10;
  background:#fff;
  padding:0.75rem 0 1rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0.25rem;
}
.wordmark{font-weight:300;font-size:3.5rem;text-decoration:none;letter-spacing:0.12em}
header h1{font-size:1.5rem;font-weight:600;padding:0}
nav a{
  font-size:0.9375rem;
  margin-left:1.5rem;
  text-decoration:none;
  border:1.5px solid #1a1a1a;
  font-weight:700;
  padding:0.375rem 1rem;
  transition:background 0.15s ease,color 0.15s ease;
}
nav a:hover{background:#1a1a1a;color:#fff}

/* Headings and body copy */
h1{font-size:1.5rem;font-weight:700;padding:1.25rem 0 0}
h2{font-size:1.125rem;font-weight:700;margin:3rem 0 0.75rem}
main p{margin:1.25rem 0}
.lede{margin-top:1.25rem;color:#454545}

/* Buttons */
.donate-link{
  display:inline-block;
  border:1.5px solid #1a1a1a;
  padding:0.75rem 1.75rem;
  text-decoration:none;
  font-weight:700;
  margin:1.5rem 0 0;
}
.donate-link:hover{background:#1a1a1a;color:#fff}
.tiers{display:flex;gap:0.875rem;flex-wrap:wrap;margin-top:0.75rem}

/* Video (home page) */
.video{aspect-ratio:16/9;margin:3.5rem 0}
.video iframe{width:100%;height:100%;border:0}
section{padding:1rem 0 2rem}

/* Small print */
blockquote{border-left:1.5px solid #1a1a1a;padding-left:1.25rem;margin:1.25rem 0;color:#3d3d3d}
.small{font-size:0.9375rem;color:#5c5c5c}
.spaced{margin-top:1.25rem}

footer{
  padding:1rem 0 1.25rem;
  font-size:0.9375rem;
  color:#5c5c5c;
  line-height:1.7;
  margin-top:2rem;
  text-align:center;
}
footer a{color:#5c5c5c}

/* Donate page adjustments (body.donate) */
.donate h1{padding:3rem 0 0}
.donate main p{margin:1rem 0}
.donate .donate-link{margin:0.5rem 0 0}
.donate footer{margin-top:3.5rem}