/* Appalachia’s Phenological Clock — v2 instrument build */
:root{
  --paper:#efe6d4;
  --paper2:#e9dfca;
  --ink:#2a2620;
  --muted:#6a6258;
  --rule:rgba(60,52,44,.25);
}

*{ box-sizing:border-box; }

html,body{ height:100%; }

body{
  margin:0;
  color:var(--ink);
  font-family: Georgia, "Times New Roman", Times, serif;
  background:
    radial-gradient(1100px 700px at 50% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.03) 0px, rgba(0,0,0,.03) 1px, rgba(0,0,0,0) 6px, rgba(0,0,0,0) 14px),
    linear-gradient(180deg, var(--paper), var(--paper2));
}

.top{padding:10px 16px 0; text-align:center;}


h1{
  margin:0 0 12px;
  font-weight:500;
  letter-spacing:.3px;
  font-size:clamp(38px, 4.8vw, 68px);
  line-height:1.05;
}

.nav{
  display:flex;
  gap:18px;
  justify-content:center;
  align-items:center;
  font-size:clamp(16px, 1.6vw, 20px);
}

.pill{
  color:var(--muted);
  text-decoration:none;
  padding:7px 14px;
  border-radius:999px;
  transition:background .15s ease, color .15s ease;
}

.pill:hover{
  background:rgba(255,255,255,.35);
  color:var(--ink);
}

.pill.active{
  background:rgba(255,255,255,.35);
  color:var(--ink);
}