/* ============ Current Events (extends styles.css — same variables, same voice) ============ */

.ce-last-reviewed {
  display: inline-block;
  margin-top: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--teal);
  font-weight: 700;
}

/* Topic filter pills — same shape/behavior as .biblio-jumpnav, but as toggleable buttons */
.ce-filter-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  max-width: 780px;
  margin: 20px auto 0;
}
.ce-filter-btn {
  font: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--navy);
  background: var(--blue-pale);
  border: 1px solid var(--blue-light);
  border-radius: 999px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.ce-filter-btn:hover { background: var(--teal); color: var(--white); }
.ce-filter-btn.is-active { background: var(--navy); color: var(--white); border-color: var(--navy); }

/* CURRENT — a restrained stacked list, not a news-card grid, per the spec's design rules */
.ce-current-list {
  max-width: 840px;
  margin: 32px auto 0;
}
.ce-entry {
  padding: 32px 0;
  border-top: 1px solid #dbe7f1;
}
.ce-entry:first-child { border-top: none; padding-top: 0; }
.ce-entry-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
.ce-date {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--ink-soft);
  letter-spacing: 0.02em;
}
.ce-label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  color: var(--navy);
  background: var(--blue-pale);
  border: 1px solid var(--blue-light);
}
.ce-label-policy-change { color: var(--white); background: var(--navy); border-color: var(--navy); }
.ce-label-evidence-update { color: var(--navy); background: var(--blue-light); border-color: var(--blue-light); }
.ce-label-development { color: var(--teal); background: var(--white); border-color: var(--teal); }
.ce-topic-tag {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: var(--teal);
}
.ce-entry h3 { margin-bottom: 10px; }
.ce-summary { font-size: 1rem; color: var(--ink-soft); }
.ce-why { margin: 18px 0; }
.ce-why-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: var(--teal);
  margin-bottom: 6px;
}
.ce-related, .ce-related-book {
  font-size: 0.85rem;
  color: var(--ink-soft);
  margin-bottom: 6px;
}
.ce-related a, .ce-related-book a { color: var(--blue); }
.ce-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 14px;
}
.ce-link {
  font-weight: 700;
  font-size: 0.88rem;
  color: var(--navy);
  text-decoration: none;
}
.ce-link:hover { text-decoration: underline; }
.ce-link-primary { color: var(--teal); }

/* RECENT / ARCHIVE — compact table, reusing .bp-table */
.ce-recent-table td:first-child { white-space: nowrap; font-weight: 600; color: var(--navy); }
.ce-recent-table td:last-child { text-align: left; white-space: nowrap; font-weight: 400; color: var(--blue); }
.ce-recent-related { font-size: 0.8rem; color: var(--ink-soft); }
.ce-recent-related a { color: var(--blue); }

@media (max-width: 640px) {
  .ce-recent-table { display: block; overflow-x: auto; }
}