*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'DM Serif Display', serif;
  background-color: #f4f4f6;
  background-image: url('/assets/background.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #1a1a2e;
}
nav {
  background: #1a1a2e;
  height: 56px;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 0 2rem;
}
nav .brand {
  font-family: 'Foda Display', 'Times New Roman', serif;
  color: #fff;
  font-weight: 700;
  font-size: 1.615rem;
  letter-spacing: 0.04em;
  text-decoration: none;
  margin-right: auto;
  opacity: 0.85;
}
nav a {
  font-family: 'DM Serif Display', serif;
  color: #aab;
  text-decoration: none;
  font-size: 0.95rem;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
}
nav a:hover, nav a.active { color: #fff; border-bottom-color: #7c83fd; }
main { max-width: 1100px; margin: 3rem auto; padding: 0 1.5rem; }
h1, h2, h3, h4, h5, h6, .hero .site-title {
  font-family: 'Foda Display', 'Times New Roman', serif;
}
h1 { margin-bottom: 1.25rem; font-size: 1.6rem; }
.hero { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 2.5rem; margin-top: 2.5rem; }
.hero .site-title { font-size: 2.8rem; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 0.75rem; }
.hero p { color: #555; line-height: 1.65; }
ul { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }
ul li a {
  display: block;
  background: #fff;
  padding: 0.85rem 1.25rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  text-decoration: none;
  color: #1a1a2e;
  font-size: 0.95rem;
  transition: box-shadow 0.15s;
}
ul li a:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09); }
.issues-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}
.issues-table th, .issues-table td {
  padding: 0.8rem 0.9rem;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-size: 0.95rem;
}
.issues-table th {
  background: #f8f8fb;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #445;
}
.issues-table tr:last-child td { border-bottom: none; }
.issues-table a { color: #1a1a2e; text-decoration: none; font-weight: 600; }
.issues-table a:hover { text-decoration: underline; }
.credits-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1.25rem;
  margin-top: 1rem;
}
.credits-card img {
  width: 100%;
  max-width: 720px;
  height: auto;
  display: block;
  border-radius: 6px;
  margin-bottom: 1rem;
}
.credits-card p { color: #555; line-height: 1.65; }
.pdf-wrap { margin: 0 -10%; }
iframe { width: 100%; height: 80vh; border: none; border-radius: 6px; margin-top: 0.5rem; }
.donate {
  margin-left: 1rem;
  padding: 0.35rem 0.9rem;
  background: #f5c518;
  color: #1a1a2e !important;
  font-weight: 600;
  border-radius: 20px;
  font-size: 0.85rem;
  border-bottom: none !important;
  white-space: nowrap;
  transition: opacity 0.15s;
}
.donate:hover { opacity: 0.85; border-bottom: none !important; }