/* Fonts (optional — keep if you use them) */
@font-face {
  font-family: 'Hershey-Noailles-Times-Triplex-Bold';
  src: url('assets/Hershey-Noailles-Times-Triplex-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Hershey-Noailles-OldFrench-Bold';
  src: url('assets/Hershey-Noailles-OldFrench-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Coconat';
  src: url('assets/Coconat-Regular.otf')   format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Coconat';
  src: url('assets/Coconat-Bold.otf')   format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* Minimal defaults */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.6;
  color: #111;
  background: #fff;
  font-size: 18px;
}

main { max-width: 1200px; margin: 24px auto; padding: 0 16px; }

/* One block per year (no horizontal rules) */
.year-line { padding: 10px 0 14px; }

/* Bigger year label */
.year-label {color:#d87093;
  font-family: 'Hershey-Noailles-OldFrench-Bold', serif;
  font-weight: bold;
  font-size: clamp(22px, 3.2vw, 30px);
  letter-spacing: 0.2px;
}

/* Names */
.year-line a, .year-line .name {
  font-family: 'Coconat', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}

a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 2px; }

/* Hide any hr if present */
hr { display: none; }

.error { color: #b00; font-weight: 700; }