/* Film page: FAQ accordion + transcript (Medical Aid Films) */
.maf-film-content { margin: 2rem 0; }
.maf-film-content h2 { margin: 2rem 0 1rem; }

/* Shared accordion look */
.maf-faq,
.maf-transcript {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin: 0 0 .6rem;
  background: #fff;
}
.maf-faq summary,
.maf-transcript summary {
  display: flex;
  align-items: center;
  gap: .75rem;
  cursor: pointer;
  padding: .9rem 1.1rem;
  list-style: none;
}
.maf-faq summary::-webkit-details-marker,
.maf-transcript summary::-webkit-details-marker { display: none; }

/* Chevron on the right, rotates when open */
.maf-faq summary::after,
.maf-transcript summary::after {
  content: "";
  margin-left: auto;
  flex: 0 0 auto;
  width: .55rem;
  height: .55rem;
  border-right: 2px solid #c82127;
  border-bottom: 2px solid #c82127;
  transform: rotate(45deg);
  transition: transform .2s ease;
}
.maf-faq[open] summary::after,
.maf-transcript[open] summary::after { transform: rotate(-135deg); }

.maf-faq summary:hover,
.maf-transcript summary:hover { background: #f7f7f7; }
.maf-faq summary:focus-visible,
.maf-transcript summary:focus-visible { outline: 2px solid #c82127; outline-offset: 2px; }

/* FAQ questions: bold */
.maf-faq summary h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}
.maf-faq p,
.maf-transcript p { margin: 0 1.1rem 1rem; }

/* Transcript bar: bold label + hint */
.maf-transcript { margin-top: 1.5rem; }
.maf-transcript summary span { font-weight: 700; font-size: 18px; }
.maf-transcript summary small { color: #666; font-size: 14px; }
.maf-transcript[open] summary small { display: none; }
.maf-transcript[open] summary { border-bottom: 1px solid #eee; margin-bottom: 1rem; }