/* ============================================================================
   Wedding venue budget article — page-specific rules only.
   Base layer (tokens, container, hero, .definition-grid, .pull-quote,
   .divider, .benchmark-bar, .site-footer, reveal/motion) is the shared
   ../../assets/css/style.css, loaded first and used verbatim — see DESIGN.md.
   ========================================================================== */

/* ---------- Benchmark strip: two Benchmark Bars (US/UK) side by side under
   the direct-answer intro. Reuses the exact .benchmark-bar grammar; this
   file only supplies the wrapper layout — no new bar visuals. ---------- */
.benchmark-strip {
  display: grid;
  gap: var(--s6);
  grid-template-columns: 1fr;
  margin: var(--s6) 0 0;
  padding: var(--s6);
  background: var(--linen);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
}
@media (min-width: 48rem) {
  .benchmark-strip { grid-template-columns: 1fr 1fr; gap: var(--s7); }
}