/* /site/fanzone/ — the Fan Zone front door. Section overlay only: every colour
   comes through the tokens site.css already defines, and the heather section
   tone is set there beside the other fan wings. */

.fz-wrap { max-width: 52rem; }

.fz-cards {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  margin: 1.75rem 0 2rem;
}

.fz-card {
  display: block;
  padding: 1.05rem 1.15rem;
  border: 1px solid var(--hair-strong);
  border-top: 2px solid var(--tone-edge);
  border-radius: 8px;
  background: var(--tone-veil);
  text-decoration: none;
}
.fz-card:hover { border-color: var(--edge); }

.fz-card-name {
  display: block;
  color: var(--text-strong);
  font-size: 1.15rem;
  font-weight: 600;
}
.fz-card-works {
  display: block;
  color: var(--text-faint);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  margin-top: 0.2rem;
}
.fz-card-blurb {
  display: block;
  color: var(--text-dim);
  font-size: 0.92rem;
  margin-top: 0.55rem;
}

/* THE NOTICES ARE PART OF THE PAGE, NOT A FOOTNOTE. One per franchise, each
   naming its own rights holders — a single generic line would disclaim a
   connection nobody alleged while staying silent about the one that matters. */
.fz-notices {
  border-top: 1px solid var(--hair);
  padding-top: 1rem;
  margin-top: 2rem;
}
.fz-notice {
  color: var(--text-faint);
  font-size: 0.82rem;
  margin: 0 0 0.6rem;
}

@media (pointer: coarse) {
  .fz-card { min-height: 44px; }
}