/* recreatieverhuur-vragen: block-port van ReactBitsPro Blocks/faq-3.
   Tailwind-klassen uit de bron vertaald naar gescopete CSS; kleuren via --m-*. */
.msm-recreatieverhuur-vragen {
  --rv-ink: var(--m-ink, #132328);
  --rv-muted: var(--m-muted, #56686c);
  --rv-primary: var(--m-primary, #1f5c69);
  --rv-surface: var(--m-surface, #ffffff);
  --rv-line: var(--m-line, #cfdcd8);
  display: flex;
  flex-direction: column;
  background: var(--m-surface, #ffffff);
  color: var(--rv-ink);
  font-family: var(--m-font-body, 'Karla', Arial, sans-serif);
  scroll-margin-top: 112px;
}
.msm-recreatieverhuur-vragen *,
.msm-recreatieverhuur-vragen *::before,
.msm-recreatieverhuur-vragen *::after { box-sizing: border-box; }

/* max-w-[1400px] mx-auto, px-4 sm:px-6 lg:px-8 */
.msm-recreatieverhuur-vragen .rv-wrap {
  width: 100%;
  max-width: calc(1400px + 64px);
  margin: 0 auto;
  padding: 0 16px;
}

/* bovenband: w-full py-12, gekleurd vlak (in de bron bg-purple-300) */
.msm-recreatieverhuur-vragen .rv-band {
  padding: 48px 0;
  background: color-mix(in srgb, var(--rv-primary) 24%, var(--m-bg, #eef3f0));
}
/* tracking-tight text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-medium mb-8 */
.msm-recreatieverhuur-vragen .rv-title {
  margin: 0 0 32px;
  font-family: var(--m-font-display, 'Bricolage Grotesque', 'Arial Narrow', Arial, sans-serif);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.025em;
  color: var(--rv-ink);
  text-wrap: balance;
}
.msm-recreatieverhuur-vragen .rv-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.msm-recreatieverhuur-vragen .rv-tabs[hidden] { display: none; }
/* px-6 sm:px-8 py-4 border border-black font-medium tracking-tight text-sm sm:text-base rounded-md */
.msm-recreatieverhuur-vragen .rv-tab {
  padding: 16px 24px;
  border: 1px solid var(--rv-ink);
  border-radius: 6px;
  background: transparent;
  color: var(--rv-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.025em;
  cursor: pointer;
  transition: rotate 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms;
}
.msm-recreatieverhuur-vragen .rv-tab:hover { background: color-mix(in srgb, var(--rv-surface) 35%, transparent); }
/* gekozen: rounded-full border-2 border-dashed rotate-12 */
.msm-recreatieverhuur-vragen .rv-tab[aria-selected="true"] {
  border: 2px dashed var(--rv-ink);
  border-radius: 999px;
  rotate: 12deg;
}

/* flex-1 py-12 sm:py-16 md:py-20 lg:py-24 */
.msm-recreatieverhuur-vragen .rv-body {
  flex: 1;
  padding: 48px 0;
  background: var(--rv-surface);
}
/* grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-12 lg:gap-16 xl:gap-20 */
.msm-recreatieverhuur-vragen .rv-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 48px;
}
.msm-recreatieverhuur-vragen .rv-panel + .rv-panel { margin-top: 64px; }
.msm-recreatieverhuur-vragen.is-ready .rv-panel + .rv-panel { margin-top: 0; }
.msm-recreatieverhuur-vragen .rv-panel[hidden] { display: none; }
.msm-recreatieverhuur-vragen .rv-side { align-self: start; }
/* text-3xl sm:text-4xl md:text-5xl font-medium */
.msm-recreatieverhuur-vragen .rv-cat {
  margin: 0;
  font-family: var(--m-font-display, 'Bricolage Grotesque', 'Arial Narrow', Arial, sans-serif);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--rv-ink);
}
.msm-recreatieverhuur-vragen .rv-intro {
  margin: 14px 0 0;
  max-width: 28rem;
  font-size: 16px;
  line-height: 1.55;
  color: var(--rv-muted);
}
.msm-recreatieverhuur-vragen .rv-list { display: flex; flex-direction: column; }
.msm-recreatieverhuur-vragen .rv-item { border-bottom: 1px solid var(--rv-line); }
.msm-recreatieverhuur-vragen .rv-qh { margin: 0; font: inherit; }
/* w-full py-6 sm:py-8 flex items-start justify-between gap-4 text-left group */
.msm-recreatieverhuur-vragen .rv-q {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 24px 0;
  border: 0;
  background: transparent;
  color: var(--rv-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.msm-recreatieverhuur-vragen .rv-qt {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  transition: color 0.2s;
}
.msm-recreatieverhuur-vragen .rv-q:hover .rv-qt { color: var(--rv-muted); }
/* shrink-0 w-6 h-6 sm:w-7 sm:h-7, icoon w-5 h-5 sm:w-6 sm:h-6 */
.msm-recreatieverhuur-vragen .rv-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 1px;
}
.msm-recreatieverhuur-vragen .rv-icon svg { width: 20px; height: 20px; }
.msm-recreatieverhuur-vragen .rv-minus { display: none; }
.msm-recreatieverhuur-vragen .rv-q[aria-expanded="true"] .rv-minus { display: block; }
.msm-recreatieverhuur-vragen .rv-q[aria-expanded="true"] .rv-plus { display: none; }
.msm-recreatieverhuur-vragen .rv-a { overflow: hidden; }
.msm-recreatieverhuur-vragen .rv-a[hidden] { display: none; }
/* pb-6 sm:pb-8 pr-8, text-sm sm:text-base leading-relaxed */
.msm-recreatieverhuur-vragen .rv-ai { padding: 0 32px 24px 0; }
.msm-recreatieverhuur-vragen .rv-ai p {
  margin: 0;
  max-width: 62ch;
  font-size: 14px;
  line-height: 1.625;
  color: var(--rv-muted);
}
.msm-recreatieverhuur-vragen .rv-tab:focus-visible,
.msm-recreatieverhuur-vragen .rv-q:focus-visible {
  outline: 2px solid var(--rv-primary);
  outline-offset: 3px;
}

@media (min-width: 640px) {
  .msm-recreatieverhuur-vragen .rv-wrap { padding: 0 24px; }
  .msm-recreatieverhuur-vragen .rv-title { font-size: 48px; }
  .msm-recreatieverhuur-vragen .rv-tab { padding: 16px 32px; font-size: 16px; }
  .msm-recreatieverhuur-vragen .rv-body { padding: 64px 0; }
  .msm-recreatieverhuur-vragen .rv-cat { font-size: 36px; }
  .msm-recreatieverhuur-vragen .rv-intro { font-size: 18px; }
  .msm-recreatieverhuur-vragen .rv-q { padding: 32px 0; }
  .msm-recreatieverhuur-vragen .rv-qt { font-size: 18px; }
  .msm-recreatieverhuur-vragen .rv-icon { width: 28px; height: 28px; }
  .msm-recreatieverhuur-vragen .rv-icon svg { width: 24px; height: 24px; }
  .msm-recreatieverhuur-vragen .rv-ai { padding-bottom: 32px; }
  .msm-recreatieverhuur-vragen .rv-ai p { font-size: 16px; }
}
@media (min-width: 768px) {
  .msm-recreatieverhuur-vragen .rv-title { font-size: 60px; }
  .msm-recreatieverhuur-vragen .rv-body { padding: 80px 0; }
  .msm-recreatieverhuur-vragen .rv-cat { font-size: 48px; }
}
@media (min-width: 1024px) {
  .msm-recreatieverhuur-vragen .rv-wrap { padding: 0 32px; }
  .msm-recreatieverhuur-vragen .rv-title { font-size: 72px; }
  .msm-recreatieverhuur-vragen .rv-body { padding: 96px 0; }
  .msm-recreatieverhuur-vragen .rv-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 64px; }
  /* lg:sticky lg:top-24 lg:self-start (hier onder de zwevende navigatie) */
  .msm-recreatieverhuur-vragen .rv-side { position: sticky; top: 112px; }
}
@media (min-width: 1280px) {
  .msm-recreatieverhuur-vragen .rv-panel { gap: 80px; }
}

@media (prefers-reduced-motion: reduce) {
  .msm-recreatieverhuur-vragen .rv-tab,
  .msm-recreatieverhuur-vragen .rv-qt { transition: none; }
}