/* venue-search.css — the researched venue answers, their sources note and the alias sentence that
   scripts/publish-venue-search.cjs writes onto venue pages. House tokens only (css/house-system.css);
   the fallbacks match those tokens. Selectors start with the block's own element and class so a
   page's hero, section and heading rules cannot restyle it. */

div.vds-qa, div.vds-alias, section.vds-section {
  --vs-ink: var(--house-ink, #362731);
  --vs-muted: var(--house-muted, #705866);
  --vs-rule: var(--house-rule, #eadfe6);
  --vs-mauve: var(--house-mauve, #75435f);
  font-family: var(--house-sans, 'Manrope', Arial, sans-serif);
  color: var(--vs-ink);
  text-align: left;
}
div.vds-qa * { box-sizing: border-box; }

/* ── Answers: one question heading and one paragraph each, ruled like the FAQ list above.
   Size, face and colour come from the page's own h3 and p rules, so the answers read as part of
   the section they extend; only the spacing and the rules between answers are set here. ── */
div.vds-qa { clear: both; margin: 28px 0 0; max-width: 760px; }
div.vds-qa h3.vds-q {
  margin: 0; padding: 20px 0 8px; border-top: 1px solid var(--vs-rule);
  text-transform: none; max-width: none; scroll-margin-top: 96px; overflow-wrap: anywhere;
}
div.vds-qa p.vds-a { margin: 0 0 18px; max-width: none; overflow-wrap: anywhere; }
div.vds-qa p.vds-src {
  margin: 4px 0 0; padding: 12px 0 0; border-top: 1px solid var(--vs-rule);
  font-size: 12.5px; line-height: 1.6; color: var(--vs-muted); max-width: none; overflow-wrap: anywhere;
}
div.vds-qa .vds-src-k { font-weight: 600; color: var(--vs-ink); }
div.vds-qa p.vds-src a {
  color: inherit; text-decoration: underline; text-decoration-color: var(--vs-mauve); text-underline-offset: 3px;
}
div.vds-qa p.vds-src a:hover { color: var(--vs-mauve); }

/* A page with no question section of its own gets this one. */
section.vds-section { margin: 48px auto; padding: 0 16px; max-width: 820px; }
section.vds-section h2.vds-h2 {
  margin: 0 0 8px; font-family: var(--house-serif, 'Cormorant Garamond', Georgia, serif);
  font-weight: 400; font-size: clamp(28px, 3vw, 40px); line-height: 1.15; color: var(--vs-ink);
}
section.vds-section div.vds-qa { margin-top: 12px; }

/* ── Alias sentence: body copy under the hero's answer, in the hero's own ink ── */
div.vds-alias { margin: 10px 0 12px; color: inherit; text-align: inherit; }
div.vds-alias p {
  margin: 0; font-size: 14.5px; line-height: 1.6; color: inherit; opacity: .86; max-width: 64ch;
  text-align: inherit; overflow-wrap: anywhere;
}
.hero div.vds-alias p, .lp-hero div.vds-alias p, .page-hero div.vds-alias p { margin-left: auto; margin-right: auto; }
.vr-hero div.vds-alias p { margin-left: 0; }

@media (max-width: 480px) {
  div.vds-qa h3.vds-q { padding-top: 16px; }
}