/* =========================================================================
   Page flourishes — Tabletop Augsburg (lead article)
   Loaded after styles.css. Only page-specific composition lives here.
   Signature: prominent answer banner, dropcap columns-2 intro,
   system clip grid, who-it's-for split, first-visit features, anfahrt.
   ========================================================================= */

/* ---- Lead article banner: answer is the hero ---- */
.article-lead { padding-bottom: clamp(2rem, 5vw, 3.4rem); }
.article-lead h1 { margin-top: .8rem; max-width: 16ch; }
.article-lead__answer {
  margin-top: 1.8rem;
  max-width: 52rem;
  border-left-width: 6px;
  box-shadow: 0 1px 0 var(--rule);
}

/* ---- Dropcap columns intro ---- */
.article-lead__h2 {
  font-size: var(--fs-h2);
  margin-top: .6rem;
  margin-bottom: 1.2rem;
}
.article-lead__intro { line-height: 1.6; }
.article-lead__intro p { margin-top: 0; }
.article-lead__intro p + p { margin-top: 1rem; }

/* ---- Systems clip grid: subtle accent on the lead Warhammer card ---- */
.sys-grid .clip:first-child { border-top-color: var(--accent); }
.sys-grid .clip .tags { margin-top: .4rem; }

/* ---- Who-it's-for split ---- */
.who-for { align-items: start; gap: clamp(1.6rem, 5vw, 3.5rem); }
.who-for__list li { line-height: 1.5; }

/* ---- First-visit features on the dark press band ---- */
.first-visit { max-width: 50rem; }
.first-visit p { color: #cbbfae; }

/* ---- Anfahrt ---- */
.anfahrt { align-items: start; }
.anfahrt__map { position: sticky; top: 8rem; }
.anfahrt__map figure { display: block; }
.anfahrt__map img { width: 100%; height: auto; border: 1px solid var(--rule-strong); }
.anfahrt__map a { display: block; }
@media (max-width: 52rem) {
  .anfahrt__map { position: static; }
}
.anfahrt__address {
  font-style: normal;
  font-family: var(--serif);
  font-size: var(--fs-lead);
  color: var(--ink);
  line-height: 1.4;
  margin-block: 1rem;
  padding-left: 1rem;
  border-left: 3px solid var(--accent);
}

/* ---- FAQ heading ---- */
.faq-head { font-size: var(--fs-h2); margin-top: .6rem; }
