/* Compacte, toegankelijke examenuitleg naast de bestaande keuze. */
.tl-examen-accordion {
  margin: 14px 0 8px;
  border: 1px solid #eecfbb;
  border-radius: 19px;
  overflow: hidden;
  background: #fff8f0;
  color: #263b33;
  box-shadow: 0 2px 10px rgba(44, 32, 21, .025);
}
.tl-examen-accordion > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 50px;
  padding: 11px 14px 11px 16px;
  font-size: clamp(.88rem, 1.2vw, .96rem);
  line-height: 1.35;
  font-weight: 650;
  color: #263b33;
  -webkit-tap-highlight-color: transparent;
}
.tl-examen-accordion > summary::-webkit-details-marker { display: none; }
.tl-examen-accordion > summary::marker { content: ""; }
.tl-examen-accordion > summary:focus-visible {
  outline: 3px solid #f08b4a;
  outline-offset: -3px;
  border-radius: 17px;
}
.tl-examen-accordion-title { min-width: 0; }
.tl-examen-accordion-arrow {
  flex: none;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #e97131;
  background: #fff0e5;
  border: 1px solid #f2d2ba;
}
.tl-examen-accordion-arrow svg {
  width: 15px;
  height: 15px;
  transition: transform .22s ease;
}
.tl-examen-accordion[open] .tl-examen-accordion-arrow svg {
  transform: rotate(180deg);
}
.tl-examen-accordion[open] > summary { border-bottom: 1px solid #f1ddcf; }
.tl-examen-accordion-content {
  padding: 15px 17px 17px;
  animation: tl-examen-accordion-reveal .24s ease-out both;
}
.tl-examen-accordion-reason + .tl-examen-accordion-reason { margin-top: 16px; }
.tl-examen-accordion .tl-examen-accordion-reason h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 5px;
  font-size: .96rem;
  line-height: 1.3;
  font-weight: 750;
  color: #263b33;
}
.tl-examen-accordion .tl-examen-accordion-reason h3 span { font-size: 1rem; }
.tl-examen-accordion .tl-examen-accordion-reason p {
  margin: 0;
  font-size: .86rem;
  line-height: 1.57;
  font-weight: 400;
  color: #526158;
}
.tl-examen-accordion .tl-examen-accordion-conditions {
  margin: 16px 0 0;
  padding-top: 12px;
  border-top: 1px solid #f0dfd3;
  font-size: .75rem;
  line-height: 1.55;
  color: #69766f;
}
@keyframes tl-examen-accordion-reveal {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 640px) {
  .tl-examen-accordion { margin-top: 11px; border-radius: 17px; }
  .tl-examen-accordion > summary { padding: 11px 12px 11px 13px; min-height: 48px; }
  .tl-examen-accordion-content { padding: 13px 14px 16px; }
  .tl-examen-accordion .tl-examen-accordion-reason h3 { font-size: .92rem; }
  .tl-examen-accordion .tl-examen-accordion-reason p { font-size: .84rem; }
}
@media (prefers-reduced-motion: reduce) {
  .tl-examen-accordion-arrow svg { transition: none; }
  .tl-examen-accordion-content { animation: none; }
}
/* Houd deze nieuwe disclosure los van de bestaande FAQ-animaties. */
.tl-examen-accordion > summary > .tl-examen-accordion-title {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  transform: none;
  transition: none;
}
.tl-examen-accordion[open] > summary > .tl-examen-accordion-title {
  transform: none;
}
.tl-examen-accordion > summary > .tl-examen-accordion-arrow {
  transform: none;
  transition: none;
}
.tl-examen-accordion[open] > summary > .tl-examen-accordion-arrow {
  transform: none;
}