/* MFTD 2027 - public "about the event" page. Loaded on top of base.css (Edition::index()). */

.edition-intro {
  max-width: var(--container-narrow);
  padding-block: var(--section-y);
  text-align: center;
}
.edition-intro p {
  font-size: var(--fs-lead);
  color: var(--c-muted);
}
.edition-intro p:last-child { margin-bottom: 0; }

.audience-band {
  background: var(--c-surface);
}

.audience {
  padding-block: var(--section-y);
}

.audience__intro {
  max-width: var(--container-narrow);
  margin: 0 auto var(--s-7);
  text-align: center;
  color: var(--c-muted);
}

.audience-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-4) var(--s-6);
  max-width: var(--container-narrow);
  margin-inline: auto;
}
@media (max-width: 900px) { .audience-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .audience-grid { grid-template-columns: 1fr; } }

.audience-grid li {
  position: relative;
  padding-left: var(--s-6);
  color: var(--c-ink);
}
.audience-grid li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--c-accent-text);
  font-weight: var(--fw-semibold);
}