/* ==========================================================================
   Hero + “event strip” (homepage)
   ========================================================================== */

.darqa-hero {
  border-bottom: var(--darqa-border-width) solid var(--darqa-border);
  padding-bottom: 16px;
  margin-bottom: 24px;
}

.darqa-hero .darqa-hero-title {
  margin-top: 0;
}

.darqa-event-strip {
  padding: 12px 16px;
  border: var(--darqa-border-width) solid var(--darqa-border);
  background: var(--darqa-surface-muted);
}

.darqa-event-strip h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: var(--darqa-font-size-md);
  color: var(--darqa-brand-deep-blue);
}

.darqa-event-strip ul {
  margin: 0;
  padding-left: 1.25em;
}

.darqa-event-strip li {
  margin: 6px 0;
}

.darqa-event-strip a {
  color: var(--darqa-link);
}

.darqa-event-strip a:hover,
.darqa-event-strip a:focus {
  color: var(--darqa-link-hover);
}