/*
 * PubQuizion Veilige Vormgeving 0.5.16
 * Uitsluitend presentatie. Geen database-, quiz-, lidmaatschaps- of authenticatielogica.
 */
:root{
  --pqvs-red:#b7191f;
  --pqvs-red-dark:#8f1116;
  --pqvs-brown:#542305;
  --pqvs-brown-dark:#321208;
  --pqvs-gold:#ffcc00;
  --pqvs-orange:#f58200;
  --pqvs-cream:#fff8ed;
  --pqvs-white:#fff;
  --pqvs-line:#ead8c9;
  --pqvs-shadow:0 14px 38px rgba(59,23,16,.13);
}

/* ================================================================
 * 0.5.16 - compacte, volledig responsieve spelersranglijst
 * ================================================================ */
.pq-ranking,
.pq-ranking *,
.pq-ranking *::before,
.pq-ranking *::after {
  box-sizing: border-box !important;
}

.pq-ranking,
.pq-ranking > *,
.pq-ranking .pq-ranking-split,
.pq-ranking .pq-ranking-edition,
.pq-ranking .pq-ranking-edition-heading,
.pq-ranking .pq-table-wrap {
  min-width: 0 !important;
  max-width: 100% !important;
}

.pq-ranking .pq-ranking-split {
  grid-template-columns: minmax(0, 1fr) !important;
}

.pq-ranking h2,
.pq-ranking h3,
.pq-ranking p,
.pq-ranking strong,
.pq-ranking td,
.pq-ranking th {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 640px) {
  .pq-ranking {
    width: 100% !important;
    padding: 14px 10px !important;
    overflow: hidden !important;
  }

  .pq-ranking .pq-section-heading,
  .pq-ranking .pq-ranking-edition-heading {
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .pq-ranking .pq-table-wrap {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  .pq-ranking .pq-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    font-size: .78rem !important;
  }

  .pq-ranking .pq-table th,
  .pq-ranking .pq-table td {
    min-width: 0 !important;
    padding: .62rem .3rem !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  .pq-ranking .pq-table th:nth-child(1),
  .pq-ranking .pq-table td:nth-child(1) { width: 18% !important; }
  .pq-ranking .pq-table th:nth-child(2),
  .pq-ranking .pq-table td:nth-child(2) { width: 38% !important; }
  .pq-ranking .pq-table th:nth-child(3),
  .pq-ranking .pq-table td:nth-child(3) { width: 26% !important; }
  .pq-ranking .pq-table th:nth-child(4),
  .pq-ranking .pq-table td:nth-child(4) { width: 18% !important; }

  .pq-ranking .pq-rank-number,
  .pq-ranking .pq-score-pill {
    max-width: 100% !important;
    white-space: normal !important;
  }
}

.pq-shell,.pq-quiz-shell,.pq-ranking,.pq-team-panel,.pq-badges-panel{color:var(--pqvs-brown-dark)}

/* Exact aangeleverd logo, vrijstaand in een wit kader; nooit croppen of uitrekken. */
.pq-quiz-brandmark,.pq-dashboard-brand{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--pqvs-line)!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(59,23,16,.14)!important;
  transform:none!important;
}
.pq-quiz-brandmark{
  width:min(330px,100%)!important;
  height:auto!important;
  min-height:150px!important;
  padding:18px 22px!important;
}
.pq-dashboard-brand{
  width:min(330px,78vw)!important;
  min-height:120px!important;
  margin:0 0 18px!important;
  padding:16px 20px!important;
}
.pq-quiz-brandmark img,.pq-dashboard-brand img,.pq-visual-safe-logo{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:120px!important;
  margin:auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.pq-dashboard-brand img{max-height:92px!important}

/* Altijd zichtbare noodweergave wanneer een logo-afbeelding niet geladen kan worden. */
.pq-quiz-brandmark .pqvs-logo-text-fallback{
  display:none;
  color:var(--pqvs-red)!important;
  font-size:clamp(1.75rem,4vw,2.5rem)!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
}
.pq-quiz-brandmark.pqvs-logo-load-failed>img{display:none!important}
.pq-quiz-brandmark.pqvs-logo-load-failed>.pqvs-logo-text-fallback{display:block!important}

/* Quizopeners */
.pq-quiz-edition-panel{
  overflow:hidden!important;
  border:1px solid var(--pqvs-line)!important;
  border-radius:29px!important;
  background:#fff!important;
  box-shadow:var(--pqvs-shadow)!important;
}
.pq-quiz-hero{
  border-top:8px solid var(--pqvs-red)!important;
  background:linear-gradient(135deg,#fff 0%,#fff9ef 62%,#ffe7a1 100%)!important;
}
.pq-quiz-edition-premium .pq-quiz-hero{
  background:linear-gradient(135deg,#fff 0%,#fff5e5 58%,#ffd36a 100%)!important;
}
.pq-quiz-hero .pq-kicker{color:var(--pqvs-red)!important;font-weight:900!important}
.pq-quiz-title,.pq-quiz-hero h2,.pq-quiz-hero h3{color:var(--pqvs-brown-dark)!important}
.pq-quiz-description,.pq-quiz-hero p{color:#69402d!important}
.pq-quiz-edition{background:var(--pqvs-gold)!important;color:var(--pqvs-brown-dark)!important}

/* Premium staat vanuit Core 1.2.8 standaard open; verberg alleen de overbodige actiehint. */
.pq-quiz-edition-premium .pq-summary-action{display:none!important}
.pq-quiz-edition-premium .pq-category-showcase{display:grid!important}

.pq-quiz-choice-separator{gap:26px!important;margin:14px 8px!important}
.pq-quiz-choice-separator:before,.pq-quiz-choice-separator:after{
  height:5px!important;
  background:linear-gradient(90deg,var(--pqvs-red),var(--pqvs-gold))!important;
  border-radius:999px!important;
}
.pq-quiz-choice-separator span{
  min-width:160px!important;
  min-height:78px!important;
  border:5px solid var(--pqvs-gold)!important;
  background:#fff!important;
  color:var(--pqvs-red)!important;
  font-size:2.2rem!important;
  font-weight:950!important;
  box-shadow:0 12px 28px rgba(59,23,16,.15)!important;
}
.pq-category-tile,.pq-category-card{
  border:1px solid var(--pqvs-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(59,23,16,.08)!important;
}
.pq-category-tile img,.pq-category-card img{
  background:linear-gradient(145deg,var(--pqvs-red),var(--pqvs-brown))!important;
}

/* Dashboard */
.pq-dashboard .pq-hero{
  padding:32px!important;
  border-radius:30px!important;
  background:linear-gradient(130deg,var(--pqvs-brown-dark),var(--pqvs-red-dark) 72%,var(--pqvs-red))!important;
  box-shadow:var(--pqvs-shadow)!important;
}
.pq-dashboard .pq-eyebrow{color:var(--pqvs-gold)!important}
.pq-dashboard .pq-hero h2{color:#fff!important}
.pq-dashboard .pq-hero p{color:#f8e9df!important}
.pq-dashboard .pq-hero .pq-play-button{
  min-width:320px!important;
  min-height:102px!important;
  padding:1.35rem 2rem!important;
  border:5px solid #fff!important;
  border-radius:24px!important;
  background:var(--pqvs-gold)!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:1.38rem!important;
  box-shadow:0 18px 38px rgba(0,0,0,.24)!important;
}
.pq-dashboard .pq-card,.pq-dashboard .pq-panel{
  border-color:var(--pqvs-line)!important;
  box-shadow:0 10px 30px rgba(59,23,16,.09)!important;
}
.pq-dashboard .pq-stat-card{
  border-top:7px solid var(--pqvs-red)!important;
  background:linear-gradient(160deg,#fff,#fff9ef)!important;
}
.pq-dashboard .pq-side-card{
  min-height:210px!important;
  border-top:8px solid var(--pqvs-red)!important;
  background:linear-gradient(145deg,#fff,#fff2dd)!important;
}
.pq-dashboard .pq-side-card .pq-icon-wrap{background:var(--pqvs-red)!important;color:#fff!important}
.pq-dashboard .pq-side-card .pq-kicker{color:var(--pqvs-red)!important}
.pq-dashboard .pq-side-card h3{color:var(--pqvs-brown-dark)!important}

/* Ranking, teams en badges */
.pq-ranking,.pq-team-panel,.pq-badges-panel{
  padding:24px!important;
  border:1px solid var(--pqvs-line)!important;
  border-top:9px solid var(--pqvs-red)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff,#fffaf4)!important;
  box-shadow:var(--pqvs-shadow)!important;
}
.pq-ranking .pq-section-heading,.pq-team-panel .pq-section-heading,.pq-badges-panel .pq-section-heading{
  padding:20px 22px!important;
  border-radius:20px!important;
  background:linear-gradient(125deg,var(--pqvs-brown-dark),var(--pqvs-red-dark))!important;
  color:#fff!important;
}
.pq-ranking .pq-section-heading h2,.pq-team-panel .pq-section-heading h2,.pq-badges-panel .pq-section-heading h2{color:#fff!important}
.pq-ranking .pq-kicker,.pq-team-panel .pq-kicker,.pq-badges-panel .pq-kicker{color:var(--pqvs-gold)!important}
.pq-table thead th{background:#fff0dc!important;color:var(--pqvs-brown-dark)!important}
.pq-rank-number{background:#f5e1d5!important;color:var(--pqvs-brown-dark)!important}
.pq-top-three .pq-rank-number{background:var(--pqvs-gold)!important;color:var(--pqvs-brown-dark)!important}
.pq-score-pill{background:#ffebe5!important;color:var(--pqvs-red-dark)!important}

@media(max-width:900px){
  .pq-dashboard .pq-hero{padding:24px!important}
  .pq-dashboard .pq-hero .pq-play-button{width:100%!important;min-width:0!important}
}
@media(max-width:650px){
  .pq-quiz-brandmark{width:100%!important;min-height:125px!important;padding:14px 16px!important}
  .pq-quiz-brandmark img,.pq-visual-safe-logo{max-height:96px!important}
  .pq-dashboard-brand{min-height:100px!important}
  .pq-dashboard-brand img{max-height:76px!important}
  .pq-quiz-choice-separator{gap:12px!important}
  .pq-quiz-choice-separator span{min-width:116px!important;min-height:62px!important;font-size:1.55rem!important}
  .pq-ranking,.pq-team-panel,.pq-badges-panel{padding:14px!important}
}

/* Gratis opener: actie en plus bewust donkerbruin voor betere leesbaarheid. */
.pq-quiz-edition-free .pq-summary-action,
.pq-quiz-edition-free .pq-summary-plus,
.pq-quiz-edition-free .pq-summary-text{
  color:var(--pqvs-brown-dark)!important;
}
.pq-quiz-edition-free .pq-summary-plus{
  border-color:var(--pqvs-brown-dark)!important;
}


/* Premium abonnementskader: uitsluitend visuele verbetering. */
.pq-quiz-locked.pq-premium-offer{
  position:relative!important;
  overflow:hidden!important;
  margin:24px!important;
  padding:30px clamp(20px,4vw,40px)!important;
  border:2px solid var(--pqvs-gold)!important;
  border-left:10px solid var(--pqvs-red)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff 0%,#fff8ea 62%,#ffe19a 100%)!important;
  box-shadow:0 16px 38px rgba(59,23,16,.14)!important;
  color:var(--pqvs-brown-dark)!important;
  text-align:center!important;
}
.pq-quiz-locked.pq-premium-offer:before{
  content:'PREMIUM';
  display:inline-flex;
  margin-bottom:12px;
  padding:7px 13px;
  border-radius:999px;
  background:var(--pqvs-red);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
}
.pq-quiz-locked.pq-premium-offer strong{
  display:block!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:clamp(1.3rem,2.4vw,1.85rem)!important;
  line-height:1.2!important;
}
.pq-quiz-locked.pq-premium-offer p{margin:16px 0 0!important;color:#69402d!important;font-size:1.08rem!important}
.pq-inline-upgrade-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:104px!important;
  min-height:48px!important;
  margin:0 7px!important;
  padding:10px 22px!important;
  border:3px solid var(--pqvs-brown-dark)!important;
  border-radius:999px!important;
  background:var(--pqvs-gold)!important;
  color:var(--pqvs-brown-dark)!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(59,23,16,.18)!important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease!important;
  -webkit-tap-highlight-color:transparent;
}
.pq-inline-upgrade-link:hover,.pq-inline-upgrade-link:focus-visible{
  transform:translateY(-3px) scale(1.04)!important;
  background:#ffe45b!important;
  box-shadow:0 14px 25px rgba(59,23,16,.26)!important;
  outline:3px solid rgba(183,25,31,.22)!important;
  outline-offset:3px!important;
}
.pq-inline-upgrade-link:active{transform:translateY(1px) scale(.98)!important;background:var(--pqvs-orange)!important;color:#fff!important}

/* Gescheiden resultatenblokken voor gratis en Premium. */
.pq-result-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin-top:18px!important}
.pq-result-column{overflow:hidden!important;border:1px solid var(--pqvs-line)!important;border-radius:20px!important;background:#fff!important}
.pq-result-column.is-free{border-top:7px solid var(--pqvs-gold)!important}
.pq-result-column.is-premium{border-top:7px solid var(--pqvs-red)!important}
.pq-result-column-heading{display:flex!important;align-items:center!important;gap:10px!important;padding:16px 18px 8px!important}
.pq-result-column-heading h4{margin:0!important;color:var(--pqvs-brown-dark)!important}
.pq-result-column .pq-empty-state{margin:10px 16px 18px!important;padding:18px!important}
.pq-result-table th,.pq-result-table td{white-space:nowrap!important}

@media(max-width:760px){
  .pq-result-columns{grid-template-columns:1fr!important}
  .pq-quiz-locked.pq-premium-offer{margin:16px!important;padding:24px 18px!important}
  .pq-inline-upgrade-link{margin:8px 4px!important}
}

/* 0.1.4 - gecentreerd Premium-abonnementskader, compacte CTA en zichtbare datumkolommen. */
.pq-quiz-locked.pq-premium-offer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.pq-quiz-locked.pq-premium-offer:before{
  align-items:center!important;
  justify-content:center!important;
  min-width:92px!important;
  margin:0 auto 14px!important;
  padding:.55rem .85rem!important;
  border-radius:999px!important;
  background:var(--pqvs-gold)!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:.77rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
.pq-quiz-locked.pq-premium-offer strong,
.pq-quiz-locked.pq-premium-offer p{
  width:100%!important;
  max-width:760px!important;
  text-align:center!important;
}
.pq-quiz-locked.pq-premium-offer p{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.pq-inline-upgrade-link{
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0 2px!important;
  padding:8px 16px!important;
  flex:0 0 auto!important;
}
.pq-result-table th:last-child,
.pq-result-table td:last-child{
  display:table-cell!important;
  visibility:visible!important;
  white-space:nowrap!important;
  text-align:left!important;
}
@media(max-width:760px){
  .pq-quiz-locked.pq-premium-offer p{gap:6px!important}
  .pq-inline-upgrade-link{min-height:40px!important;padding:7px 14px!important}
  .pq-result-table{min-width:420px!important}
  .pq-result-column{overflow-x:auto!important}
}


/* 0.1.5 - veilige resultaatacties en subtiele Premium-doorstroom na de gratis quiz. */
.pq-quiz-result .pq-result-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:680px!important;
  margin:22px auto 0!important;
}
.pq-quiz-result .pq-result-actions .pq-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px 18px!important;
  border-radius:16px!important;
  text-align:center!important;
  line-height:1.25!important;
}
.pq-quiz-result .pq-results-button{
  border-color:var(--pqvs-brown-dark)!important;
  background:var(--pqvs-brown-dark)!important;
  color:#fff!important;
}
.pq-quiz-result .pq-results-button:hover,
.pq-quiz-result .pq-results-button:focus-visible{
  background:var(--pqvs-red)!important;
  border-color:var(--pqvs-red)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
.pq-free-result-premium-cta{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
  max-width:760px!important;
  margin:28px auto 0!important;
  padding:24px clamp(18px,4vw,34px)!important;
  border:2px solid var(--pqvs-gold)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff 0%,#fff8e8 65%,#ffe49c 100%)!important;
  box-shadow:0 12px 30px rgba(59,23,16,.12)!important;
  text-align:center!important;
}
.pq-free-result-premium-cta>strong{
  margin-top:12px!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:clamp(1.2rem,2.4vw,1.65rem)!important;
}
.pq-free-result-premium-cta p{
  max-width:620px!important;
  margin:10px auto 18px!important;
  color:#69402d!important;
}
.pq-premium-cta-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 20px!important;
  border:3px solid var(--pqvs-brown-dark)!important;
  border-radius:999px!important;
  background:var(--pqvs-gold)!important;
  color:var(--pqvs-brown-dark)!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(59,23,16,.16)!important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease!important;
  -webkit-tap-highlight-color:transparent;
}
.pq-premium-cta-button:hover,
.pq-premium-cta-button:focus-visible{
  transform:translateY(-3px)!important;
  background:#ffe45b!important;
  box-shadow:0 14px 25px rgba(59,23,16,.24)!important;
  outline:3px solid rgba(183,25,31,.22)!important;
  outline-offset:3px!important;
}
.pq-premium-cta-button:active{
  transform:translateY(1px) scale(.98)!important;
  background:var(--pqvs-orange)!important;
  color:#fff!important;
}
#pq-results{scroll-margin-top:110px!important}
@media(max-width:650px){
  .pq-quiz-result .pq-result-actions{grid-template-columns:1fr!important;gap:10px!important}
  .pq-free-result-premium-cta{padding:22px 16px!important}
  .pq-premium-cta-button{width:100%!important}
}


/* 0.1.6 - datumweergave en 40-vrageneditie; uitsluitend presentatie. */
.pq-quiz-result .pq-result-date{
  margin:.35rem 0 1rem!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:.95rem!important;
}
.pq-result-table th:nth-child(3),
.pq-result-table td:nth-child(3){
  display:table-cell!important;
  visibility:visible!important;
  min-width:112px!important;
  white-space:nowrap!important;
}


/* 0.1.7 - datumkolom altijd zichtbaar binnen het compacte resultatenkader. */
.pq-result-column .pq-table-wrap{
  overflow-x:visible!important;
}
.pq-result-column .pq-result-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.pq-result-column .pq-result-table th,
.pq-result-column .pq-result-table td{
  display:table-cell!important;
  visibility:visible!important;
  padding:.82rem .72rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.pq-result-column .pq-result-table th:nth-child(1),
.pq-result-column .pq-result-table td:nth-child(1){width:39%!important}
.pq-result-column .pq-result-table th:nth-child(2),
.pq-result-column .pq-result-table td:nth-child(2){width:27%!important;text-align:left!important}
.pq-result-column .pq-result-table th:nth-child(3),
.pq-result-column .pq-result-table td:nth-child(3){width:34%!important;min-width:0!important;text-align:left!important}
.pq-result-column .pq-result-date-cell time{
  font-size:.86rem!important;
  color:var(--pqvs-brown-dark)!important;
}
@media(max-width:520px){
  .pq-result-column .pq-result-table th,
  .pq-result-column .pq-result-table td{
    padding:.72rem .48rem!important;
    font-size:.75rem!important;
  }
  .pq-result-column .pq-result-table th:nth-child(1),
  .pq-result-column .pq-result-table td:nth-child(1){width:36%!important}
  .pq-result-column .pq-result-table th:nth-child(2),
  .pq-result-column .pq-result-table td:nth-child(2){width:27%!important}
  .pq-result-column .pq-result-table th:nth-child(3),
  .pq-result-column .pq-result-table td:nth-child(3){width:37%!important}
  .pq-result-column .pq-edition-pill,
  .pq-result-column .pq-score-pill{
    padding:.3rem .48rem!important;
    font-size:.72rem!important;
  }
  .pq-result-column .pq-result-date-cell time{font-size:.73rem!important}
}

/* 0.1.9 - maandquizboodschap en compacte Premium-voordelen. Alleen presentatie. */
.pq-quiz-edition-premium .pq-premium-social-line{
  display:block!important;
  margin-top:.55rem!important;
  color:#f9e7db!important;
  font-size:clamp(.94rem,1.7vw,1.08rem)!important;
  font-weight:700!important;
  line-height:1.45!important;
}
.pq-quiz-edition-premium .pq-premium-monthly-note{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.48rem!important;
  width:fit-content!important;
  max-width:100%!important;
  margin-top:.72rem!important;
  padding:.55rem .85rem!important;
  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:clamp(.82rem,1.45vw,.95rem)!important;
  font-weight:850!important;
  line-height:1.3!important;
  text-align:center!important;
}
.pq-quiz-edition-premium .pq-premium-monthly-note>span{
  color:var(--pqvs-gold)!important;
  font-size:1.05em!important;
}
.pq-premium-benefits{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:18px!important;
  margin:0 0 24px!important;
  padding:22px clamp(16px,3vw,30px)!important;
  border:2px solid var(--pqvs-gold)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff 0%,#fff8e8 72%,#ffe9ad 100%)!important;
  box-shadow:0 12px 30px rgba(59,23,16,.10)!important;
}
.pq-premium-benefits ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 22px!important;
  width:100%!important;
  max-width:900px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.pq-premium-benefits li{
  position:relative!important;
  margin:0!important;
  padding-left:1.65rem!important;
  color:var(--pqvs-brown-dark)!important;
  font-weight:750!important;
  line-height:1.45!important;
}
.pq-premium-benefits li:before{
  content:'✓'!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  color:var(--pqvs-red)!important;
  font-weight:950!important;
}
.pq-premium-benefits-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 20px!important;
  border:3px solid var(--pqvs-brown-dark)!important;
  border-radius:999px!important;
  background:var(--pqvs-gold)!important;
  color:var(--pqvs-brown-dark)!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(59,23,16,.16)!important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease!important;
  -webkit-tap-highlight-color:transparent;
}
.pq-premium-benefits-button:hover,
.pq-premium-benefits-button:focus-visible{
  transform:translateY(-3px)!important;
  background:#ffe45b!important;
  box-shadow:0 14px 25px rgba(59,23,16,.24)!important;
  outline:3px solid rgba(183,25,31,.22)!important;
  outline-offset:3px!important;
}
.pq-premium-benefits-button:active{
  transform:translateY(1px) scale(.98)!important;
  background:var(--pqvs-orange)!important;
  color:#fff!important;
}
@media(max-width:700px){
  .pq-premium-benefits ul{grid-template-columns:1fr!important;gap:9px!important}
  .pq-premium-benefits-button{width:100%!important}
  .pq-quiz-edition-premium .pq-premium-monthly-note{border-radius:16px!important}
}


/* 0.2.0 - leesbaarheid Premium-openingskader en herordende voordelen. */
.pq-quiz-edition-premium .pq-premium-social-line{
  color:var(--pqvs-brown-dark)!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(91,43,29,.18)!important;
  border-radius:14px!important;
  padding:.55rem .8rem!important;
}
.pq-quiz-edition-premium .pq-premium-monthly-note{
  border:2px solid var(--pqvs-brown)!important;
  background:#fff8e8!important;
  color:var(--pqvs-brown-dark)!important;
  box-shadow:0 7px 18px rgba(59,23,16,.12)!important;
}
.pq-quiz-edition-premium .pq-premium-monthly-note>span{
  color:var(--pqvs-red)!important;
}
.pq-premium-benefits li.is-featured{
  grid-column:1 / -1!important;
  padding:.85rem 1rem .85rem 2.2rem!important;
  border:1px solid var(--pqvs-gold)!important;
  border-radius:14px!important;
  background:#fff7dc!important;
  color:var(--pqvs-brown-dark)!important;
  font-weight:900!important;
}
.pq-premium-benefits li.is-featured:before{
  content:'★'!important;
  left:.75rem!important;
  top:.82rem!important;
  color:var(--pqvs-red)!important;
}
@media(max-width:700px){
  .pq-premium-benefits li.is-featured{grid-column:auto!important}
}


/* 0.2.1: verwijder uitsluitend de losse maandnotitie uit het Premium-openingskader.
 * Het eerste voordeelkaartje in .pq-premium-benefits blijft zichtbaar. */
.pq-quiz-edition-premium .pq-premium-monthly-note{display:none!important;}

/* 0.2.2 - bestaande PubQuizion-huisstijl behouden; openingskaders naast elkaar. */
.pq-quiz-collection{
  max-width:1180px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:start!important;
}
.pq-quiz-collection .pq-quiz-choice-separator{display:none!important}
.pq-quiz-collection .pq-quiz-edition-panel{min-width:0!important}
.pq-quiz-collection .pq-quiz-hero{
  min-height:470px!important;
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr) auto!important;
  grid-template-rows:auto 1fr auto!important;
  align-items:start!important;
  column-gap:28px!important;
  row-gap:12px!important;
  padding:32px 28px!important;
}
.pq-quiz-collection .pq-quiz-brandmark{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  align-self:start!important;
  width:170px!important;
  min-height:170px!important;
  height:auto!important;
  padding:18px!important;
  border-radius:20px!important;
  background:#fff!important;
}
.pq-quiz-collection .pq-quiz-brandmark img{
  width:100%!important;
  height:auto!important;
  max-height:135px!important;
  object-fit:contain!important;
}
.pq-quiz-collection .pq-quiz-hero-copy{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.pq-quiz-collection .pq-kicker{
  display:block!important;
  margin:0 0 .45rem!important;
  color:var(--pqvs-red-dark)!important;
  font-size:clamp(2rem,3.4vw,3.2rem)!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  line-height:1!important;
}
.pq-quiz-collection .pq-quiz-title{display:none!important}
.pq-quiz-collection .pq-quiz-description{
  display:flex!important;
  flex-direction:column!important;
  gap:.28rem!important;
  margin-top:.15rem!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:clamp(1rem,1.6vw,1.18rem)!important;
  line-height:1.45!important;
}
.pq-free-weekly-line{font-weight:900!important}
.pq-free-question-line{font-weight:500!important}
.pq-quiz-collection .pq-quiz-meta{
  display:block!important;
  margin-top:auto!important;
  padding-top:30px!important;
  color:var(--pqvs-red-dark)!important;
  font-size:clamp(2.7rem,5vw,5.2rem)!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  line-height:.98!important;
  text-transform:none!important;
}
.pq-quiz-collection .pq-quiz-edition{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  min-width:112px!important;
  min-height:54px!important;
  border:3px solid #fff!important;
  box-shadow:0 10px 24px rgba(59,23,16,.2)!important;
}
.pq-quiz-edition-free>.pq-quiz-summary .pq-quiz-hero{
  background:linear-gradient(135deg,#fffdf8 0%,#fff6df 70%,#ffeab0 100%)!important;
}
.pq-quiz-edition-premium>.pq-quiz-summary .pq-quiz-hero{
  background:linear-gradient(135deg,#ffe8a8 0%,#ffc95a 62%,#f5a623 100%)!important;
}
.pq-quiz-edition-premium .pq-premium-social-line{
  display:block!important;
  margin-top:18px!important;
  padding:14px 18px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:clamp(1rem,1.55vw,1.14rem)!important;
  font-weight:850!important;
  line-height:1.4!important;
  box-shadow:0 8px 20px rgba(59,23,16,.10)!important;
}
.pq-quiz-collection .pq-summary-action{
  right:26px!important;
  bottom:22px!important;
  color:var(--pqvs-brown-dark)!important;
}
.pq-quiz-collection .pq-summary-plus{
  border-color:var(--pqvs-brown-dark)!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--pqvs-brown-dark)!important;
}
.pq-premium-benefits-button,
.pq-premium-cta-button{
  text-align:center!important;
}

@media(min-width:901px){
  .pq-quiz-collection .pq-quiz-edition-panel[open]{grid-column:auto!important}
}
@media(max-width:900px){
  .pq-quiz-collection{grid-template-columns:1fr!important;gap:20px!important}
  .pq-quiz-collection .pq-quiz-hero{min-height:0!important}
}
@media(max-width:650px){
  .pq-quiz-collection .pq-quiz-hero{
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto auto!important;
    padding:22px 18px 72px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    grid-column:1!important;
    grid-row:1!important;
    width:150px!important;
    min-height:118px!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  .pq-quiz-collection .pq-quiz-edition{
    grid-column:2!important;
    grid-row:1!important;
  }
  .pq-quiz-collection .pq-quiz-meta{font-size:clamp(2.4rem,13vw,4.2rem)!important;padding-top:22px!important}
}

/* 0.2.3 - gelijke openingskaders en alle uitgevouwen inhoud op volledige breedte. */
.pq-quiz-collection{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.pq-quiz-collection>.pq-quiz-edition-panel{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  align-self:stretch!important;
  overflow:hidden!important;
}
.pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary{
  height:100%!important;
}
.pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr auto auto!important;
  gap:16px 22px!important;
  width:100%!important;
  min-width:0!important;
  min-height:470px!important;
  height:100%!important;
  padding:30px 28px 76px!important;
  overflow:hidden!important;
}
.pq-quiz-collection .pq-quiz-brandmark{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:132px!important;
  min-width:132px!important;
  min-height:136px!important;
  height:136px!important;
  padding:14px!important;
  align-self:start!important;
}
.pq-quiz-collection .pq-quiz-brandmark img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
}
.pq-quiz-collection .pq-quiz-hero-copy{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-width:0!important;
  padding-right:92px!important;
  align-self:start!important;
}
.pq-quiz-collection .pq-kicker{
  margin:0 0 .65rem!important;
  font-size:clamp(1.85rem,2.6vw,2.85rem)!important;
  line-height:.98!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.pq-quiz-collection .pq-quiz-description{
  gap:.25rem!important;
  margin:0!important;
  font-size:clamp(.98rem,1.35vw,1.13rem)!important;
  line-height:1.42!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.pq-quiz-collection .pq-quiz-meta{
  grid-column:1 / -1!important;
  grid-row:3!important;
  align-self:end!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:10px 0 0!important;
  color:var(--pqvs-red-dark)!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.pq-quiz-edition-free .pq-quiz-meta{
  font-size:clamp(3.5rem,6.2vw,5.3rem)!important;
}
.pq-quiz-edition-premium .pq-quiz-meta{
  font-size:clamp(2.15rem,3.7vw,3.45rem)!important;
}
.pq-quiz-edition-premium .pq-premium-social-line{
  grid-column:1 / -1!important;
  grid-row:4!important;
  width:min(100%,720px)!important;
  margin:0 auto!important;
  padding:13px 18px!important;
  text-align:left!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.pq-quiz-collection .pq-quiz-edition{
  position:absolute!important;
  top:26px!important;
  right:24px!important;
  z-index:4!important;
  min-width:96px!important;
  min-height:48px!important;
  padding:.65rem 1rem!important;
}
.pq-quiz-collection .pq-summary-action{
  right:24px!important;
  bottom:22px!important;
}

/* De verplaatste quizinhoud staat altijd onder beide openingskaders. */
.pq-quiz-collection>.pqvs-fullwidth-expandable{
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:30px!important;
  border:1px solid var(--pqvs-line)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fffaf0,#fff)!important;
  box-shadow:0 16px 42px rgba(59,23,16,.10)!important;
}
.pq-quiz-collection>.pqvs-fullwidth-expandable[hidden]{
  display:none!important;
}
.pq-quiz-collection>.pqvs-fullwidth-expandable .pq-premium-benefits,
.pq-quiz-collection>.pqvs-fullwidth-expandable .pq-category-showcase,
.pq-quiz-collection>.pqvs-fullwidth-expandable .pq-quiz-locked,
.pq-quiz-collection>.pqvs-fullwidth-expandable .pq-quiz-form,
.pq-quiz-collection>.pqvs-fullwidth-expandable .pq-quiz-result{
  width:100%!important;
  max-width:none!important;
}
.pq-quiz-collection>.pqvs-fullwidth-expandable .pq-category-showcase{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

@media(max-width:1050px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:14px 18px!important;
    min-height:440px!important;
    padding:26px 22px 72px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    width:112px!important;
    min-width:112px!important;
    height:120px!important;
    min-height:120px!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy{padding-right:78px!important}
  .pq-quiz-collection .pq-kicker{font-size:clamp(1.65rem,2.5vw,2.35rem)!important}
  .pq-quiz-edition-premium .pq-quiz-meta{font-size:clamp(2rem,3.4vw,2.9rem)!important}
}

@media(max-width:900px){
  .pq-quiz-collection{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:0!important;
  }
  .pq-quiz-collection>.pqvs-fullwidth-expandable{
    grid-column:1!important;
  }
}

@media(max-width:650px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    gap:12px 16px!important;
    padding:20px 16px 68px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    grid-column:1!important;
    grid-row:1!important;
    width:96px!important;
    min-width:96px!important;
    height:104px!important;
    min-height:104px!important;
    padding:10px!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy{
    grid-column:2!important;
    grid-row:1!important;
    padding-right:0!important;
    padding-top:52px!important;
  }
  .pq-quiz-collection .pq-kicker{
    font-size:clamp(1.55rem,8vw,2.05rem)!important;
  }
  .pq-quiz-collection .pq-quiz-description{
    font-size:.98rem!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    grid-column:1 / -1!important;
    grid-row:3!important;
    padding-top:12px!important;
  }
  .pq-quiz-edition-free .pq-quiz-meta{
    font-size:clamp(3rem,17vw,4.4rem)!important;
  }
  .pq-quiz-edition-premium .pq-quiz-meta{
    font-size:clamp(2rem,10vw,2.8rem)!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    grid-column:1 / -1!important;
    grid-row:4!important;
    font-size:.96rem!important;
  }
  .pq-quiz-collection .pq-quiz-edition{
    top:16px!important;
    right:14px!important;
    min-width:88px!important;
    min-height:42px!important;
    padding:.5rem .75rem!important;
  }
  .pq-quiz-collection>.pqvs-fullwidth-expandable{
    padding:18px!important;
    border-radius:20px!important;
  }
  .pq-quiz-collection>.pqvs-fullwidth-expandable .pq-category-showcase{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
  }
}

/* 0.2.4 - compacte hoofdkaarten: geen editie-badges en gecentreerde acties. */
.pq-quiz-collection .pq-quiz-edition{
  display:none!important;
}

.pq-quiz-edition-free .pq-quiz-meta{
  white-space:nowrap!important;
  font-size:clamp(3rem,5vw,4.8rem)!important;
  letter-spacing:-.055em!important;
}

.pq-quiz-collection .pq-summary-action,
.pq-quiz-edition-premium .pq-summary-action{
  display:flex!important;
  left:50%!important;
  right:auto!important;
  bottom:22px!important;
  transform:translateX(-50%)!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:max-content!important;
  max-width:calc(100% - 36px)!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:1.08rem!important;
  line-height:1.15!important;
  letter-spacing:.025em!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.pq-quiz-collection .pq-summary-plus{
  display:grid!important;
  place-items:center!important;
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  border:3px solid var(--pqvs-brown-dark)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:2rem!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
}

.pq-quiz-collection .pq-summary-text{
  display:inline!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:1.08rem!important;
  font-weight:950!important;
}
.pq-quiz-collection .pq-quiz-edition-panel[open] .pq-summary-text{
  font-size:1.08rem!important;
}
.pq-quiz-collection .pq-quiz-edition-panel[open] .pq-summary-text:after{
  content:none!important;
  display:none!important;
}

@media(max-width:1050px){
  .pq-quiz-edition-free .pq-quiz-meta{
    font-size:clamp(2.7rem,4.7vw,4rem)!important;
  }
  .pq-quiz-collection .pq-summary-action,
  .pq-quiz-edition-premium .pq-summary-action{
    font-size:1rem!important;
  }
  .pq-quiz-collection .pq-summary-plus{
    flex-basis:46px!important;
    width:46px!important;
    height:46px!important;
    font-size:1.75rem!important;
  }
}

@media(max-width:650px){
  .pq-quiz-edition-free .pq-quiz-meta{
    white-space:nowrap!important;
    font-size:clamp(2.55rem,13vw,3.8rem)!important;
  }
  .pq-quiz-collection .pq-summary-action,
  .pq-quiz-edition-premium .pq-summary-action{
    bottom:14px!important;
    max-width:calc(100% - 24px)!important;
    font-size:.98rem!important;
  }
  .pq-quiz-collection .pq-summary-text{
    display:inline!important;
    font-size:.98rem!important;
  }
  .pq-quiz-collection .pq-summary-plus{
    flex-basis:42px!important;
    width:42px!important;
    height:42px!important;
    font-size:1.6rem!important;
  }
}


/* 0.2.5 - Premium maandkop en vaste tweeregelige meta. */
.pq-quiz-edition-premium .pq-premium-monthly-heading{
  display:block!important;
  margin:0 0 .25rem!important;
  color:var(--pqvs-brown-dark)!important;
  font-size:clamp(1rem,1.35vw,1.16rem)!important;
  font-weight:900!important;
  line-height:1.35!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.pq-quiz-edition-premium .pq-quiz-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}
.pq-quiz-edition-premium .pq-premium-meta-line{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  text-align:center!important;
}
@media(max-width:650px){
  .pq-quiz-edition-premium .pq-premium-monthly-heading{
    font-size:.98rem!important;
  }
  .pq-quiz-edition-premium .pq-premium-meta-line{
    white-space:normal!important;
  }
}

/* 0.2.6 - uitlijning hoofdmeta, Premium-link en stapsgewijze gratis vragen. */
@media(min-width:901px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    grid-template-rows:190px auto 1fr!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark,
  .pq-quiz-collection .pq-quiz-hero-copy{
    grid-row:1!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    grid-row:2!important;
    align-self:start!important;
    padding-top:0!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    grid-row:3!important;
    align-self:start!important;
    margin-top:14px!important;
  }
}

.pq-quiz-edition-premium .pq-summary-action{
  cursor:pointer!important;
}
.pq-quiz-edition-premium .pq-summary-action:focus-visible{
  outline:3px solid rgba(183,25,31,.28)!important;
  outline-offset:5px!important;
  border-radius:999px!important;
}

.pq-free-step-hidden{
  display:none!important;
}
.pq-free-step-next{
  display:flex!important;
  justify-content:center!important;
  margin:0 0 22px!important;
}
.pq-free-step-next-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:10px 24px!important;
  border:2px solid var(--pqvs-brown-dark)!important;
  border-radius:999px!important;
  background:var(--pqvs-gold)!important;
  color:var(--pqvs-brown-dark)!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(59,23,16,.14)!important;
}
.pq-free-step-next-button:hover,
.pq-free-step-next-button:focus-visible{
  transform:translateY(-2px)!important;
  background:#ffe45b!important;
  outline:3px solid rgba(183,25,31,.2)!important;
  outline-offset:3px!important;
}
.pq-free-step-message{
  margin:10px 0 0!important;
  color:var(--pqvs-red-dark)!important;
  font-weight:800!important;
  text-align:center!important;
}


/* 0.2.7 - compactere, blijvend even hoge openingskaders. */
@media(min-width:901px){
  .pq-quiz-collection{
    align-items:stretch!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel,
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary{
    height:100%!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:385px!important;
    height:100%!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    grid-template-rows:148px auto 1fr!important;
    gap:12px 18px!important;
    padding:22px 22px 68px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    width:112px!important;
    min-width:112px!important;
    height:112px!important;
    min-height:112px!important;
    padding:11px!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy{
    padding-right:0!important;
  }
  .pq-quiz-collection .pq-kicker{
    margin-bottom:.42rem!important;
    font-size:clamp(1.55rem,2.25vw,2.35rem)!important;
  }
  .pq-quiz-collection .pq-quiz-description,
  .pq-quiz-edition-premium .pq-premium-monthly-heading{
    font-size:clamp(.92rem,1.15vw,1.04rem)!important;
    line-height:1.34!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    padding-top:2px!important;
  }
  .pq-quiz-edition-free .pq-quiz-meta{
    font-size:clamp(2.85rem,4.35vw,4.15rem)!important;
  }
  .pq-quiz-edition-premium .pq-quiz-meta{
    font-size:clamp(1.85rem,3vw,2.65rem)!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin-top:8px!important;
    padding:9px 13px!important;
    font-size:clamp(.9rem,1vw,.98rem)!important;
    line-height:1.3!important;
  }
  .pq-quiz-collection .pq-summary-action,
  .pq-quiz-edition-premium .pq-summary-action{
    bottom:12px!important;
  }
}

@media(min-width:901px) and (max-width:1050px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:370px!important;
    grid-template-columns:98px minmax(0,1fr)!important;
    grid-template-rows:132px auto 1fr!important;
    padding:20px 18px 64px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    width:98px!important;
    min-width:98px!important;
    height:98px!important;
    min-height:98px!important;
  }
}

@media(max-width:900px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    padding-top:18px!important;
    padding-bottom:64px!important;
  }
}

/* 0.2.9 - niet-cursieve Premium-kop en extra compacte, gelijke openingskaders. */
.pq-quiz-edition-premium .pq-premium-monthly-heading{
  font-style:normal!important;
  text-decoration:none!important;
}

@media(min-width:901px){
  .pq-quiz-collection{
    align-items:stretch!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel,
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary{
    height:100%!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:315px!important;
    height:100%!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    grid-template-rows:112px auto 1fr!important;
    gap:7px 14px!important;
    padding:15px 18px 56px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    width:88px!important;
    min-width:88px!important;
    height:88px!important;
    min-height:88px!important;
    padding:8px!important;
  }
  .pq-quiz-collection .pq-kicker{
    margin-bottom:.22rem!important;
    font-size:clamp(1.35rem,1.9vw,1.9rem)!important;
    line-height:1.08!important;
  }
  .pq-quiz-collection .pq-quiz-description,
  .pq-quiz-edition-premium .pq-premium-monthly-heading{
    margin-bottom:.15rem!important;
    font-size:clamp(.82rem,1vw,.94rem)!important;
    line-height:1.22!important;
  }
  .pq-quiz-edition-free .pq-quiz-meta{
    font-size:clamp(2.45rem,3.75vw,3.55rem)!important;
    line-height:.98!important;
  }
  .pq-quiz-edition-premium .pq-quiz-meta{
    font-size:clamp(1.55rem,2.5vw,2.18rem)!important;
    line-height:1!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin-top:5px!important;
    padding:6px 9px!important;
    font-size:clamp(.78rem,.88vw,.88rem)!important;
    line-height:1.18!important;
  }
  .pq-quiz-collection .pq-summary-action,
  .pq-quiz-edition-premium .pq-summary-action{
    bottom:8px!important;
  }
  .pq-quiz-collection .pq-summary-plus{
    flex-basis:44px!important;
    width:44px!important;
    height:44px!important;
    font-size:1.65rem!important;
  }
  .pq-quiz-collection .pq-summary-text{
    font-size:1rem!important;
  }
}

@media(min-width:901px) and (max-width:1050px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:330px!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    grid-template-rows:104px auto 1fr!important;
    padding:14px 15px 56px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    width:82px!important;
    min-width:82px!important;
    height:82px!important;
    min-height:82px!important;
  }
}

@media(max-width:900px){
  .pq-quiz-edition-premium .pq-premium-monthly-heading{
    font-style:normal!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    padding-top:14px!important;
    padding-bottom:58px!important;
  }
}

/* 0.3.0 - lagere kaarten, grotere inhoud en compacte verticale ritmiek. */
@media (min-width:901px){
  .pq-quiz-collection{
    align-items:stretch!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel,
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary{
    height:100%!important;
    min-height:0!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:286px!important;
    height:100%!important;
    grid-template-columns:106px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:14px!important;
    row-gap:3px!important;
    padding:11px 18px 56px!important;
    align-content:start!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    width:106px!important;
    min-width:106px!important;
    height:106px!important;
    min-height:106px!important;
    padding:8px!important;
    margin:0!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark img{
    max-height:none!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    padding:0!important;
  }
  .pq-quiz-collection .pq-kicker{
    margin:0 0 .16rem!important;
    font-size:clamp(1.62rem,2.15vw,2.2rem)!important;
    line-height:1!important;
  }
  .pq-quiz-collection .pq-quiz-description,
  .pq-quiz-edition-premium .pq-premium-monthly-heading{
    margin:0!important;
    font-size:clamp(.98rem,1.18vw,1.08rem)!important;
    line-height:1.18!important;
  }
  .pq-quiz-collection .pq-quiz-description>*{
    margin-top:0!important;
    margin-bottom:.12rem!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    grid-column:1 / -1!important;
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    padding:1px 0 0!important;
    line-height:.94!important;
  }
  .pq-quiz-edition-free .pq-quiz-meta{
    font-size:clamp(3.25rem,4.75vw,4.5rem)!important;
  }
  .pq-quiz-edition-premium .pq-quiz-meta{
    font-size:clamp(1.95rem,3.1vw,2.85rem)!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    grid-column:1 / -1!important;
    grid-row:3!important;
    align-self:start!important;
    margin:2px auto 0!important;
    padding:5px 10px!important;
    font-size:clamp(.9rem,1.05vw,1rem)!important;
    line-height:1.16!important;
  }
  .pq-quiz-collection .pq-summary-action,
  .pq-quiz-edition-premium .pq-summary-action{
    bottom:6px!important;
    gap:10px!important;
    font-size:1.08rem!important;
  }
  .pq-quiz-collection .pq-summary-plus{
    flex-basis:50px!important;
    width:50px!important;
    height:50px!important;
    font-size:1.95rem!important;
  }
  .pq-quiz-collection .pq-summary-text{
    font-size:1.08rem!important;
  }
}

@media (min-width:901px) and (max-width:1050px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:300px!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    padding:11px 14px 56px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    width:96px!important;
    min-width:96px!important;
    height:96px!important;
    min-height:96px!important;
  }
  .pq-quiz-edition-premium .pq-quiz-meta{
    font-size:clamp(1.78rem,2.8vw,2.45rem)!important;
  }
}

@media (max-width:900px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:0!important;
    padding:12px 15px 58px!important;
    row-gap:5px!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    min-height:112px!important;
    padding:9px!important;
  }
  .pq-quiz-collection .pq-kicker{
    font-size:clamp(1.6rem,7vw,2.15rem)!important;
  }
  .pq-quiz-collection .pq-quiz-description,
  .pq-quiz-edition-premium .pq-premium-monthly-heading{
    font-size:1rem!important;
    line-height:1.2!important;
  }
  .pq-quiz-edition-free .pq-quiz-meta{
    font-size:clamp(3rem,13vw,4.15rem)!important;
  }
  .pq-quiz-edition-premium .pq-quiz-meta{
    font-size:clamp(2rem,9vw,2.75rem)!important;
  }
}

/* =================================================================
 * 0.5.22 - browservaste native bediening van de gratis quiz.
 *
 * Gebruik normale event bubbling binnen <summary>. In 0.5.20 kregen de
 * zichtbare kinderen pointer-events:none; dat levert bij native details in
 * sommige desktopbrowsers een onbetrouwbare toggle op. Geen overlays en geen
 * kunstmatige kliklaag: summary en al zijn zichtbare inhoud zijn normaal
 * hit-testbaar. De Premium-actie blijft een zelfstandige gewone link.
 * ================================================================= */
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary,
.pq-quiz-collection > .pq-quiz-edition-free[open] > .pq-quiz-summary {
  position: relative !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  user-select: none !important;
}

.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary > .pq-quiz-hero,
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary > .pq-summary-action,
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary > .pq-quiz-hero *,
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary > .pq-summary-action * {
  pointer-events: auto !important;
}

.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary::before,
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary::after {
  pointer-events: none !important;
}

.pq-quiz-collection > .pq-quiz-edition-panel > .pq-quiz-summary > .pq-summary-action {
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {
  .pq-quiz-collection > .pq-quiz-edition-panel > .pq-quiz-summary > .pq-summary-action,
  .pq-quiz-collection > .pq-quiz-edition-premium > .pq-quiz-summary > .pq-summary-action.pq-premium-opening-link {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
  }
}

/* ================================================================
 * 0.5.19 - browserveilige desktopindeling en optische centrering.
 * Native details blijven de griditems; display:contents is bewust vermeden.
 * ================================================================ */
@media (min-width:901px){
  .pq-quiz-collection{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:24px!important;
    align-items:start!important;
    overflow:visible!important;
  }
  .pq-quiz-collection>.pq-quiz-choice-separator{
    display:none!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-free{
    grid-column:1!important;
    grid-row:1!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-premium{
    grid-column:2!important;
    grid-row:1!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:360px!important;
    min-height:360px!important;
    overflow:hidden!important;
    border:1px solid rgba(90,42,22,.20)!important;
    border-radius:30px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(90,42,22,.12)!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-quiz-hero{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:18px 22px 66px!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-summary-action,
  .pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-summary>.pq-summary-action.pq-premium-opening-link{
    position:absolute!important;
    z-index:10!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:max-content!important;
    max-width:calc(100% - 36px)!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    white-space:nowrap!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-expandable{
    box-sizing:border-box!important;
    width:calc(200% + 24px)!important;
    min-width:0!important;
    max-width:none!important;
    margin-top:24px!important;
    border:1px solid var(--pqvs-line)!important;
    border-radius:26px!important;
    box-shadow:0 16px 42px rgba(59,23,16,.10)!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-expandable{
    margin-left:0!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-expandable{
    margin-left:calc(-100% - 24px)!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel:not([open])>.pq-quiz-expandable{
    display:none!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel[open]>.pq-quiz-summary .pq-quiz-hero{
    border-radius:29px!important;
  }
}

@media (max-width:900px){
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-expandable{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    transform:none!important;
  }
}



/* 0.3.1 - compacte afstand tussen hoofdtekst en actie, zonder kleinere typografie. */
.pq-quiz-edition-premium .pq-premium-monthly-heading,
.pq-quiz-edition-premium .pq-premium-monthly-heading *,
.pq-quiz-edition-premium .pq-quiz-description,
.pq-quiz-edition-premium .pq-quiz-description *{
  font-style:normal!important;
}

@media (min-width:901px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:238px!important;
    padding:9px 18px 48px!important;
    row-gap:0!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy{
    margin:0!important;
  }
  .pq-quiz-collection .pq-kicker{
    margin:0 0 .08rem!important;
  }
  .pq-quiz-collection .pq-quiz-description,
  .pq-quiz-edition-premium .pq-premium-monthly-heading{
    margin:0!important;
    padding:0!important;
    line-height:1.12!important;
  }
  .pq-quiz-collection .pq-quiz-description>*{
    margin:0!important;
    padding:0!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    margin:-1px 0 0!important;
    padding:0!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin:0 auto!important;
    padding:2px 8px!important;
  }
  .pq-quiz-collection .pq-summary-action,
  .pq-quiz-edition-premium .pq-summary-action{
    bottom:3px!important;
  }
}

@media (min-width:901px) and (max-width:1050px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:252px!important;
    padding:9px 14px 48px!important;
  }
}

@media (max-width:900px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    padding:10px 15px 50px!important;
    row-gap:1px!important;
  }
  .pq-quiz-collection .pq-quiz-description,
  .pq-quiz-edition-premium .pq-premium-monthly-heading,
  .pq-quiz-collection .pq-quiz-description>*{
    margin:0!important;
    padding:0!important;
    line-height:1.14!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    margin:0!important;
    padding:0!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin:0 auto!important;
    padding:2px 7px!important;
  }
}

/* 0.3.2 - sterk compactere ruimte tussen kerntekst en actieknoppen. */
.pq-quiz-edition-premium .pq-premium-monthly-heading,
.pq-quiz-edition-premium .pq-premium-monthly-heading *,
.pq-quiz-edition-premium .pq-quiz-description,
.pq-quiz-edition-premium .pq-quiz-description *,
.pq-quiz-edition-premium .pq-premium-social-line,
.pq-quiz-edition-premium .pq-premium-social-line *{
  font-style:normal!important;
}

@media (min-width:901px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:202px!important;
    padding:7px 16px 40px!important;
    row-gap:0!important;
    align-content:start!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy,
  .pq-quiz-collection .pq-quiz-description,
  .pq-quiz-collection .pq-quiz-description>*,
  .pq-quiz-collection .pq-quiz-meta,
  .pq-quiz-edition-premium .pq-premium-monthly-heading,
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    transform:translateY(-5px)!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    transform:translateY(-7px)!important;
    padding:1px 8px!important;
  }
  .pq-quiz-collection .pq-summary-action,
  .pq-quiz-edition-premium .pq-summary-action{
    bottom:1px!important;
  }
}

@media (min-width:901px) and (max-width:1050px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:214px!important;
    padding:7px 13px 41px!important;
  }
}

@media (max-width:900px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    padding:8px 14px 43px!important;
    row-gap:0!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    margin-top:-4px!important;
    margin-bottom:0!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin-top:-5px!important;
    margin-bottom:0!important;
    padding:1px 7px!important;
  }
  .pq-quiz-collection .pq-summary-action,
  .pq-quiz-edition-premium .pq-summary-action{
    bottom:2px!important;
  }
}

/* 0.3.3 - structurele spacing-fix: acties volgen direct op de inhoud. */
.pq-quiz-edition-premium .pq-premium-monthly-heading,
.pq-quiz-edition-premium .pq-premium-monthly-heading *,
.pq-quiz-edition-premium .pq-quiz-description,
.pq-quiz-edition-premium .pq-quiz-description *,
.pq-quiz-edition-premium .pq-premium-social-line,
.pq-quiz-edition-premium .pq-premium-social-line *{
  font-style:normal!important;
}

.pq-quiz-collection .pq-summary-action.pqvs-inline-action{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  grid-column:1 / -1!important;
  justify-self:center!important;
  align-self:start!important;
  margin:4px 0 0!important;
  padding:0!important;
  width:max-content!important;
  max-width:100%!important;
}
.pq-quiz-edition-free .pq-summary-action.pqvs-inline-action{
  grid-row:3!important;
}
.pq-quiz-edition-premium .pq-summary-action.pqvs-inline-action{
  grid-row:4!important;
}

@media (min-width:901px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:0!important;
    height:100%!important;
    grid-template-rows:auto auto auto auto!important;
    row-gap:0!important;
    padding:12px 18px 14px!important;
    align-content:start!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy{
    margin:0!important;
  }
  .pq-quiz-collection .pq-kicker{
    margin:0 0 .34rem!important;
  }
  .pq-quiz-collection .pq-quiz-description,
  .pq-quiz-edition-premium .pq-premium-monthly-heading{
    margin:0!important;
    line-height:1.2!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    margin:8px 0 0!important;
    padding:0!important;
    transform:none!important;
    align-self:start!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin:5px auto 0!important;
    padding:3px 8px!important;
    transform:none!important;
  }
  .pq-quiz-collection .pq-summary-action.pqvs-inline-action{
    margin-top:6px!important;
  }
}

@media (max-width:900px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:0!important;
    padding:12px 15px 14px!important;
    row-gap:0!important;
    align-content:start!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    margin:7px 0 0!important;
    padding:0!important;
    transform:none!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin:5px auto 0!important;
    padding:3px 7px!important;
    transform:none!important;
  }
  .pq-quiz-collection .pq-summary-action.pqvs-inline-action{
    margin-top:6px!important;
  }
}

/* 0.3.4 - definitieve kaart-ritmiek: normale tekstafstand, actie direct eronder. */
.pq-quiz-edition-premium .pq-premium-monthly-heading,
.pq-quiz-edition-premium .pq-premium-monthly-heading *,
.pq-quiz-edition-premium .pq-quiz-description,
.pq-quiz-edition-premium .pq-quiz-description *,
.pq-quiz-edition-premium .pq-premium-social-line,
.pq-quiz-edition-premium .pq-premium-social-line *{
  font-style:normal!important;
}

@media (min-width:901px){
  .pq-quiz-collection{
    align-items:stretch!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel,
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary{
    height:100%!important;
    min-height:0!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    column-gap:16px!important;
    row-gap:0!important;
    min-height:300px!important;
    height:100%!important;
    padding:14px 20px 16px!important;
    align-content:start!important;
  }
  .pq-quiz-collection .pq-quiz-brandmark{
    grid-column:1!important;
    grid-row:1!important;
    width:108px!important;
    min-width:108px!important;
    height:108px!important;
    min-height:108px!important;
    margin:0!important;
    padding:8px!important;
  }
  .pq-quiz-collection .pq-quiz-hero-copy{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    margin:0!important;
    padding:0!important;
  }
  .pq-quiz-collection .pq-kicker{
    margin:0 0 10px!important;
    line-height:1.05!important;
  }
  .pq-quiz-collection .pq-quiz-description{
    display:block!important;
    margin:0!important;
    line-height:1.35!important;
  }
  .pq-quiz-collection .pq-quiz-description>*{
    display:block!important;
    margin:0 0 7px!important;
    line-height:1.35!important;
  }
  .pq-quiz-collection .pq-quiz-description>*:last-child{
    margin-bottom:0!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    grid-column:1 / -1!important;
    grid-row:2!important;
    align-self:start!important;
    margin:14px 0 0!important;
    padding:0!important;
    transform:none!important;
    line-height:1!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    grid-column:1 / -1!important;
    grid-row:3!important;
    align-self:start!important;
    margin:10px auto 0!important;
    padding:0 8px!important;
    transform:none!important;
    line-height:1.3!important;
  }
  .pq-quiz-collection .pq-summary-action.pqvs-inline-action{
    position:static!important;
    grid-column:1 / -1!important;
    grid-row:4!important;
    justify-self:center!important;
    align-self:start!important;
    margin:10px 0 0!important;
    padding:0!important;
    transform:none!important;
  }
  .pq-quiz-edition-free .pq-summary-action.pqvs-inline-action{
    grid-row:3!important;
    margin-top:10px!important;
  }
}

@media (max-width:900px){
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    min-height:0!important;
    padding:14px 16px 16px!important;
    row-gap:0!important;
    align-content:start!important;
  }
  .pq-quiz-collection .pq-kicker{
    margin-bottom:9px!important;
  }
  .pq-quiz-collection .pq-quiz-description>*{
    margin:0 0 6px!important;
    line-height:1.35!important;
  }
  .pq-quiz-collection .pq-quiz-meta{
    margin:12px 0 0!important;
    padding:0!important;
    transform:none!important;
  }
  .pq-quiz-edition-premium .pq-premium-social-line{
    margin:9px auto 0!important;
    padding:0 7px!important;
    transform:none!important;
    line-height:1.3!important;
  }
  .pq-quiz-collection .pq-summary-action.pqvs-inline-action{
    margin-top:9px!important;
  }
}


/* 0.3.5: Premium-sociale tekst uitsluitend breed en leesbaar in Premium. */
.pq-quiz-edition-free .pq-premium-social-line{display:none!important;}
.pq-quiz-edition-premium .pq-premium-social-line{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:10px 0 0!important;
  padding:0!important;
  color:#111!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}


/* 0.3.6 - gerichte typografie voor het Premium-openingskader. */
.pq-quiz-edition-premium .pq-premium-monthly-heading{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#2d140f!important;
  font-style:normal!important;
  text-align:left!important;
  line-height:1.22!important;
}
.pq-quiz-edition-premium .pq-premium-monthly-heading-title{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#2d140f!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.pq-quiz-edition-premium .pq-premium-monthly-heading-subtitle{
  display:block!important;
  margin:2px 0 0!important;
  padding:0!important;
  color:#2d140f!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.25!important;
}
.pq-quiz-edition-premium .pq-premium-social-line{
  width:100%!important;
  max-width:100%!important;
  margin:8px 0 0!important;
  padding:0 2px!important;
  color:#2d140f!important;
  font-size:clamp(.78rem,1.05vw,.9rem)!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.3!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
@media(max-width:900px){
  .pq-quiz-edition-premium .pq-premium-social-line{
    font-size:.82rem!important;
    line-height:1.28!important;
  }
}

/* 0.3.7 - structurele mobiele responsiviteit en correcte uitklapvolgorde. */
@media (max-width:900px){
  .pq-quiz-collection{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:14px!important;
  }

  .pq-quiz-collection>.pq-quiz-edition-panel,
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary,
  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  .pq-quiz-collection>.pq-quiz-edition-panel .pq-quiz-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:16px 16px 18px!important;
    overflow:visible!important;
  }

  .pq-quiz-collection .pq-quiz-brandmark{
    position:static!important;
    width:min(230px,82vw)!important;
    min-width:0!important;
    height:auto!important;
    min-height:96px!important;
    max-height:none!important;
    margin:0 auto 10px!important;
    padding:10px 14px!important;
    transform:none!important;
  }

  .pq-quiz-collection .pq-quiz-hero-copy{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    text-align:center!important;
  }

  .pq-quiz-collection .pq-quiz-meta,
  .pq-quiz-edition-premium .pq-premium-social-line{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }

  .pq-quiz-collection .pq-summary-action.pqvs-inline-action{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:100%!important;
    margin:10px auto 0!important;
    padding:0!important;
    transform:none!important;
    z-index:auto!important;
  }

  .pq-quiz-collection .pq-summary-action.pqvs-inline-action .pq-summary-text,
  .pq-quiz-collection .pq-summary-action.pqvs-inline-action .pq-summary-icon{
    position:static!important;
    transform:none!important;
  }

  .pq-quiz-collection .pqvs-fullwidth-expandable{
    order:initial!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  .pq-quiz-collection .pq-question-card{
    scroll-margin-top:24px!important;
  }
}

/* Stapsgewijze gratis quiz: verborgen vragen nemen geen ruimte in. */
.pq-free-step-hidden{
  display:none!important;
}
.pq-free-step-next{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
  margin:12px 0 18px!important;
}
.pq-free-step-next-button{
  appearance:none!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--pqvs-gold)!important;
  color:var(--pqvs-brown-dark)!important;
  padding:.72rem 1.25rem!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1.1!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(59,23,16,.15)!important;
}
.pq-free-step-next-button:hover,
.pq-free-step-next-button:focus-visible{
  background:#ffe15b!important;
  outline:3px solid rgba(183,25,31,.28)!important;
  outline-offset:2px!important;
}
.pq-free-step-message{
  margin:0!important;
  color:var(--pqvs-red-dark)!important;
  font-weight:700!important;
}

/* ================================================================
 * 0.4.1 herstel: stabiele paginastart en mobiel dashboard
 * Alleen presentatie; geen Core-, database- of betaalwijzigingen.
 * ================================================================ */
html,body{max-width:100%;overflow-x:hidden}
#pq-results{scroll-margin-top:24px!important}

/* Dashboard mag nooit als smalle rechterkolom eindigen. */
.pq-shell.pq-dashboard,
.pq-dashboard,
.pq-dashboard-grid,
.pq-dashboard-grid>.pq-panel,
.pq-dashboard-grid>.pq-dashboard-side,
.pq-dashboard .pq-panel,
.pq-dashboard .pq-card,
.pq-dashboard .pq-result-columns,
.pq-dashboard .pq-result-column{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.pq-shell.pq-dashboard{width:100%!important;margin-inline:auto!important;clear:both!important}
.pq-dashboard-grid{width:100%!important;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr)!important}
.pq-dashboard .pq-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.pq-dashboard .pq-table{max-width:none!important}

@media(max-width:900px){
  .pq-shell.pq-dashboard,
  .pq-dashboard-grid,
  .pq-dashboard-grid>.pq-results-panel,
  .pq-dashboard-grid>.pq-dashboard-side{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .pq-dashboard-grid{margin-top:1rem!important}
  .pq-dashboard-grid>.pq-dashboard-side{margin-top:1rem!important}
  .pq-dashboard-side{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}
  .pq-dashboard .pq-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pq-dashboard .pq-result-columns{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .pq-dashboard .pq-result-column{width:100%!important;overflow:hidden!important}
  .pq-dashboard .pq-result-column .pq-table-wrap{overflow-x:auto!important}
  .pq-dashboard .pq-result-column .pq-table{width:100%!important;min-width:430px!important}
  .pq-dashboard .pq-panel{padding:18px!important}
}

@media(max-width:640px){
  .pq-dashboard .pq-grid{grid-template-columns:1fr!important}
  .pq-dashboard .pq-hero{width:100%!important;padding:20px!important}
  .pq-dashboard .pq-hero-action,.pq-dashboard .pq-hero-copy{width:100%!important;max-width:100%!important}
  .pq-dashboard .pq-hero .pq-play-button{width:100%!important;min-width:0!important;max-width:100%!important}
  .pq-dashboard .pq-panel{padding:14px!important;border-radius:18px!important}
  .pq-dashboard .pq-section-heading{width:100%!important;gap:8px!important}
  .pq-dashboard .pq-result-column .pq-table{min-width:390px!important;font-size:.88rem!important}
  .pq-dashboard .pq-result-column .pq-table th,
  .pq-dashboard .pq-result-column .pq-table td{padding:.65rem .5rem!important;white-space:nowrap!important}
  .pq-dashboard .pq-result-column .pq-table th:first-child,
  .pq-dashboard .pq-result-column .pq-table td:first-child{width:32%!important}
  .pq-dashboard .pq-result-column .pq-table th:nth-child(2),
  .pq-dashboard .pq-result-column .pq-table td:nth-child(2){width:25%!important}
  .pq-dashboard .pq-result-column .pq-table th:nth-child(3),
  .pq-dashboard .pq-result-column .pq-table td:nth-child(3){width:43%!important}
}

/* ================================================================
 * 0.4.3 - mobiele herstelronde
 * Eénkoloms dashboard, kaartvormige resultaatregels en geen pagina-overflow.
 * ================================================================ */
@media (max-width: 900px) {
  html, body {
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body .pq-shell,
  body .pq-dashboard,
  body .pq-shell.pq-dashboard,
  body .pq-dashboard > *,
  body .pq-dashboard-grid,
  body .pq-dashboard-grid > *,
  body .pq-dashboard-side,
  body .pq-dashboard-side > *,
  body .pq-result-columns,
  body .pq-result-column,
  body .pq-panel,
  body .pq-card {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .pq-dashboard-grid,
  body .pq-dashboard-side,
  body .pq-result-columns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  body .pq-dashboard .pq-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body .pq-dashboard .pq-panel,
  body .pq-dashboard .pq-card {
    overflow: hidden !important;
  }

  body .pq-dashboard .pq-section-heading {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body .pq-dashboard .pq-table-wrap,
  body .pq-dashboard .pq-result-column .pq-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body .pq-dashboard .pq-result-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border-collapse: separate !important;
  }

  body .pq-dashboard .pq-result-table thead {
    display: none !important;
  }

  body .pq-dashboard .pq-result-table tbody {
    display: grid !important;
    width: 100% !important;
    gap: 10px !important;
  }

  body .pq-dashboard .pq-result-table tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(111, 65, 43, .16) !important;
    border-radius: 14px !important;
    background: #fff !important;
  }

  body .pq-dashboard .pq-result-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body .pq-dashboard .pq-result-table td:nth-child(2) {
    text-align: right !important;
  }

  body .pq-dashboard .pq-result-table td:nth-child(3) {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #6f412b !important;
    font-size: .9rem !important;
  }

  body .pq-dashboard .pq-result-table td:nth-child(3)::before {
    content: "Datum:" !important;
    flex: 0 0 auto !important;
    font-weight: 800 !important;
    color: #35150f !important;
  }

  body .pq-dashboard .pq-result-column-heading {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body .pq-dashboard .pq-result-column-heading h4,
  body .pq-dashboard .pq-side-card h3,
  body .pq-dashboard .pq-side-card p,
  body .pq-dashboard .pq-stat-card strong,
  body .pq-dashboard .pq-stat-card span {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  #pq-results {
    scroll-margin-top: 72px !important;
  }
}

/* ================================================================
 * 0.5.6 - eenduidige routing en betrouwbare mobiele acties
 * De Premium-actie is een echte link; resultaatknoppen reageren op één tap.
 * ================================================================ */
.pq-quiz-edition-premium .pq-premium-opening-link {
  cursor: pointer !important;
  text-decoration: none !important;
  touch-action: manipulation !important;
}

.pq-results-button {
  cursor: pointer !important;
  touch-action: manipulation !important;
}

@media (max-width: 620px) {
  body .pq-dashboard .pq-grid {
    grid-template-columns: 1fr !important;
  }

  body .pq-dashboard .pq-panel {
    padding: 14px !important;
  }

  body .pq-dashboard .pq-result-table tr {
    padding: 10px !important;
  }

  body .pq-dashboard .pq-score-pill,
  body .pq-dashboard .pq-edition-pill {
    max-width: 100% !important;
    white-space: nowrap !important;
  }
}

/* ================================================================
 * 0.4.4 - mobiel resultatenherstel
 * Houd Recente resultaten altijd zichtbaar en plaats het Premium-kader eronder.
 * ================================================================ */
.pq-results-target{
  display:block!important;
  width:100%!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  scroll-margin-top:90px!important;
  clear:both!important;
}
.pq-dashboard .pq-results-panel,
#pq-results{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  clear:both!important;
}
.pq-dashboard-premium-challenge{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:18px 0 0!important;
  clear:both!important;
}

@media(max-width:900px){
  .pq-results-target{scroll-margin-top:76px!important}
  .pq-dashboard .pq-results-panel,
  #pq-results{
    order:initial!important;
    overflow:visible!important;
    margin:0!important;
  }
  .pq-dashboard .pq-result-columns,
  .pq-dashboard .pq-result-column{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .pq-dashboard .pq-result-column + .pq-result-column{margin-top:14px!important}
  .pq-dashboard-premium-challenge{
    padding:20px 16px!important;
    margin-top:16px!important;
  }
  .pq-dashboard-premium-challenge .pq-premium-cta-button{
    width:100%!important;
    max-width:360px!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

/* ================================================================
 * 0.4.5 - resultatenstructuur herstellen
 * Recente resultaten en Premium-uitdaging staan op volledige breedte.
 * ================================================================ */
.pq-dashboard > #pq-results,
.pq-dashboard > .pq-results-panel,
.pq-shell.pq-dashboard > #pq-results,
.pq-shell.pq-dashboard > .pq-results-panel {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 20px 0 0 !important;
  clear: both !important;
}

.pq-dashboard #pq-results .pq-result-columns,
.pq-dashboard .pq-results-panel .pq-result-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.pq-dashboard #pq-results .pq-result-column,
.pq-dashboard .pq-results-panel .pq-result-column {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.pq-dashboard > .pq-dashboard-premium-challenge,
.pq-shell.pq-dashboard > .pq-dashboard-premium-challenge {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  clear: both !important;
}

@media (max-width: 900px) {
  .pq-dashboard > #pq-results,
  .pq-dashboard > .pq-results-panel,
  .pq-shell.pq-dashboard > #pq-results,
  .pq-shell.pq-dashboard > .pq-results-panel {
    margin-top: 16px !important;
    padding: 16px !important;
  }

  .pq-dashboard #pq-results .pq-result-columns,
  .pq-dashboard .pq-results-panel .pq-result-columns {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .pq-dashboard > .pq-dashboard-premium-challenge,
  .pq-shell.pq-dashboard > .pq-dashboard-premium-challenge {
    margin-top: 14px !important;
    padding: 20px 16px !important;
  }
}

/* ================================================================
 * 0.4.6 - structurele dashboard- en ankerfix
 * Resultaten en Premium-uitdaging gebruiken altijd de volle breedte.
 * ================================================================ */
.pq-dashboard-grid > #pq-results-target,
.pq-dashboard-grid > .pq-results-target {
  grid-column: 1 / -1 !important;
}

.pq-dashboard-grid > #pq-results,
.pq-dashboard-grid > .pq-results-panel,
#pq-results.pqvs-results-fullwidth,
.pq-results-panel.pqvs-results-fullwidth {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  float: none !important;
  transform: none !important;
  overflow: hidden !important;
}

.pq-dashboard-grid > .pq-dashboard-premium-challenge,
.pq-dashboard-premium-challenge.pqvs-challenge-fullwidth {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  float: none !important;
  transform: none !important;
  margin: 18px 0 0 !important;
}

#pq-results .pq-result-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#pq-results .pq-result-column,
#pq-results .pq-table-wrap,
#pq-results table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.pq-results-target {
  display: block !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  scroll-margin-top: 96px !important;
}

@media (max-width: 900px) {
  body .pq-dashboard-grid,
  body .pq-dashboard .pq-grid,
  body .pq-dashboard .pq-stats-grid,
  body .pq-dashboard .pq-dashboard-actions,
  body .pq-dashboard .pq-result-columns,
  body #pq-results .pq-result-columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 14px !important;
  }

  body .pq-dashboard-grid > *,
  body .pq-dashboard .pq-panel,
  body .pq-dashboard .pq-card,
  body #pq-results,
  body #pq-results .pq-result-column,
  body .pq-dashboard-premium-challenge {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body #pq-results {
    padding: 16px !important;
    overflow: hidden !important;
  }

  body #pq-results .pq-result-columns {
    grid-template-columns: 1fr !important;
  }

  body #pq-results .pq-result-column + .pq-result-column {
    margin-top: 0 !important;
  }

  body #pq-results .pq-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body #pq-results table {
    table-layout: fixed !important;
  }

  body #pq-results th,
  body #pq-results td {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body .pq-dashboard-premium-challenge {
    padding: 20px 16px !important;
  }

  .pq-results-target {
    scroll-margin-top: 78px !important;
  }
}

/* 0.5.0 - uniek resultatenanker */
#pq-results-target{display:block!important;width:100%!important;height:1px!important;scroll-margin-top:96px!important;pointer-events:none!important}

/* 0.5.1 - vereenvoudigd Premium-openingskader */
.pq-quiz-edition-premium .pq-premium-social-line{
  display:none!important;
}
.pq-quiz-edition-premium .pq-quiz-meta{
  display:block!important;
  white-space:nowrap!important;
  font-size:inherit!important;
  line-height:inherit!important;
  min-height:0!important;
}
.pq-quiz-edition-premium .pq-premium-meta-line{
  display:inline!important;
}
.pq-quiz-edition-premium .pq-quiz-action,
.pq-quiz-edition-premium summary .pq-quiz-action{
  margin-top:.35rem!important;
}

/* ================================================================
 * 0.5.2 - gelijke, gecentreerde openingskaders
 * Eén gedeelde layout voor gratis en Premium, zonder wijziging van logica.
 * ================================================================ */
.pq-quiz-collection > .pq-quiz-edition-panel,
.pq-quiz-collection > .pq-quiz-edition-panel > .pq-quiz-summary {
  min-width: 0 !important;
  height: 100% !important;
}

.pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-hero {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 300px !important;
  height: 300px !important;
  padding: 16px 22px 18px !important;
  gap: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
}

.pq-quiz-collection .pq-quiz-brandmark {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 118px !important;
  height: 88px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 118px !important;
  max-height: 88px !important;
  margin: 0 auto 8px !important;
  padding: 8px 10px !important;
  transform: none !important;
}

.pq-quiz-collection .pq-quiz-brandmark img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.pq-quiz-collection .pq-quiz-hero-copy {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  text-align: center !important;
}

.pq-quiz-collection .pq-kicker,
.pq-quiz-collection .pq-quiz-title,
.pq-quiz-collection .pq-quiz-description,
.pq-quiz-collection .pq-free-weekly-line,
.pq-quiz-collection .pq-free-question-line,
.pq-quiz-collection .pq-premium-monthly-heading,
.pq-quiz-collection .pq-premium-monthly-heading-title,
.pq-quiz-collection .pq-premium-monthly-heading-subtitle,
.pq-quiz-collection .pq-quiz-meta {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  transform: none !important;
}

.pq-quiz-collection .pq-kicker,
.pq-quiz-collection .pq-quiz-title {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  font-size: clamp(1.65rem, 2.3vw, 2.15rem) !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
}

.pq-quiz-collection .pq-free-weekly-line,
.pq-quiz-edition-premium .pq-premium-monthly-heading-title {
  display: block !important;
  margin: 0 0 3px !important;
  font-size: clamp(.92rem, 1.2vw, 1.05rem) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  font-style: normal !important;
}

.pq-quiz-collection .pq-free-question-line,
.pq-quiz-edition-premium .pq-premium-monthly-heading-subtitle {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(.88rem, 1.08vw, 1rem) !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.pq-quiz-collection .pq-quiz-meta,
.pq-quiz-edition-free .pq-quiz-meta,
.pq-quiz-edition-premium .pq-quiz-meta {
  display: block !important;
  width: 100% !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  white-space: nowrap !important;
  font-size: clamp(2.65rem, 5vw, 4.15rem) !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
}

.pq-quiz-collection .pq-summary-action.pqvs-inline-action,
.pq-quiz-edition-premium .pq-summary-action.pqvs-inline-action {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 10px auto 0 !important;
  padding: 0 !important;
  transform: none !important;
  text-align: center !important;
}

.pq-quiz-collection .pq-summary-action.pqvs-inline-action .pq-summary-text {
  text-align: center !important;
}

@media (max-width: 900px) {
  .pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 16px 14px 18px !important;
    overflow: visible !important;
  }

  .pq-quiz-collection .pq-quiz-brandmark {
    width: min(150px, 60vw) !important;
    height: 92px !important;
    max-width: min(150px, 60vw) !important;
    max-height: 92px !important;
  }

  .pq-quiz-collection .pq-kicker,
  .pq-quiz-collection .pq-quiz-title {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
  }

  .pq-quiz-collection .pq-quiz-meta,
  .pq-quiz-edition-free .pq-quiz-meta,
  .pq-quiz-edition-premium .pq-quiz-meta {
    font-size: clamp(2.9rem, 15vw, 4.4rem) !important;
    white-space: nowrap !important;
  }
}

/* ================================================================
 * 0.5.3 - groter logokader in beide quizopeners
 * Alleen de afmetingen van het bestaande, witte logokader wijzigen.
 * ================================================================ */
.pq-quiz-collection .pq-quiz-brandmark {
  width: 190px !important;
  height: 112px !important;
  max-width: 190px !important;
  max-height: 112px !important;
  margin-bottom: 8px !important;
  padding: 10px 14px !important;
}

@media (max-width: 900px) {
  .pq-quiz-collection .pq-quiz-brandmark {
    width: min(180px, 68vw) !important;
    height: 108px !important;
    max-width: min(180px, 68vw) !important;
    max-height: 108px !important;
  }
}

/* ================================================================
 * 0.5.4 - logo werkelijk groter en niet meer samendrukbaar
 * Het flex-item behield in 0.5.3 een min-height van 0 en kon daardoor
 * tot een smalle balk krimpen. Deze afsluitende override voorkomt dat.
 * ================================================================ */
.pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-brandmark {
  box-sizing: border-box !important;
  flex: 0 0 82px !important;
  flex-shrink: 0 !important;
  width: 220px !important;
  height: 82px !important;
  min-width: 220px !important;
  min-height: 82px !important;
  max-width: 220px !important;
  max-height: 82px !important;
  padding: 8px 12px !important;
}

.pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-brandmark > img.pq-visual-safe-logo {
  display: block !important;
  width: 196px !important;
  height: 66px !important;
  min-width: 196px !important;
  min-height: 66px !important;
  max-width: 196px !important;
  max-height: 66px !important;
  object-fit: contain !important;
}

@media (max-width: 900px) {
  .pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-brandmark {
    flex-basis: 76px !important;
    width: min(204px, 68vw) !important;
    height: 76px !important;
    min-width: min(204px, 68vw) !important;
    min-height: 76px !important;
    max-width: min(204px, 68vw) !important;
    max-height: 76px !important;
  }

  .pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-brandmark > img.pq-visual-safe-logo {
    width: 100% !important;
    height: 60px !important;
    min-width: 0 !important;
    min-height: 60px !important;
    max-width: 100% !important;
    max-height: 60px !important;
  }
}

/* ================================================================
 * 0.5.5 - vrijstaand logo en veilige verticale binnenruimte
 * De logo-omlijsting verdwijnt. Het hogere desktopkader voorkomt dat
 * de vergrote inhoud de boven- of onderrand raakt.
 * ================================================================ */
.pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-hero {
  min-height: 360px !important;
  height: 360px !important;
  padding-top: 28px !important;
  padding-bottom: 30px !important;
}

.pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-brandmark {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

@media (max-width: 900px) {
  .pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-hero {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 24px !important;
    padding-bottom: 26px !important;
  }

  .pq-quiz-collection > .pq-quiz-edition-panel .pq-quiz-brandmark {
    margin-bottom: 10px !important;
  }
}

/* ================================================================
 * 0.5.7 - Premium-openingsactie als zichtbare, werkende link
 * Overschrijft als laatste regel de historische verberginstelling.
 * ================================================================ */
.pq-quiz-collection .pq-quiz-edition-premium .pq-summary-action.pq-premium-opening-link,
.pq-quiz-collection .pq-quiz-edition-premium .pq-summary-action.pqvs-inline-action {
  position: relative !important;
  z-index: 10 !important;
  display: inline-flex !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  color: var(--pqvs-brown-dark) !important;
  text-decoration: none !important;
}

.pq-quiz-collection .pq-quiz-edition-premium[open] .pq-premium-opening-link .pq-summary-plus {
  transform: none !important;
}

.pq-quiz-collection .pq-quiz-edition-premium[open] .pq-premium-opening-link .pq-summary-text {
  display: inline !important;
  font-size: .76rem !important;
}

.pq-quiz-collection .pq-quiz-edition-premium[open] .pq-premium-opening-link .pq-summary-text::after {
  content: none !important;
}

.pq-quiz-collection .pq-premium-opening-link:focus-visible {
  outline: 3px solid rgba(183,25,31,.28) !important;
  outline-offset: 5px !important;
  border-radius: 8px !important;
}

/* ================================================================
 * 0.5.9 - maandquizblokken zonder extra kop boven de Mollie-testcheckout
 * 0.5.10 - Premium-vraagteksten bijgewerkt van 40 naar 50 vragen
 * Alleen actief voor de door PHP ingevoegde Premium-paginablokken.
 * ================================================================ */
.pqvs-premium-page-intro {
  width: min(1100px, 100%) !important;
  margin: 0 auto 26px !important;
}

.pqvs-premium-page-categories {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 0 24px !important;
}

.pqvs-premium-page-categories .pq-category-tile {
  min-width: 0 !important;
  overflow: hidden !important;
}

.pqvs-premium-page-categories .pq-category-tile img {
  display: block !important;
  width: 100% !important;
  height: 112px !important;
  object-fit: cover !important;
  border: 0 !important;
  border-bottom: 5px solid #df361f !important;
  border-radius: 0 !important;
}

.pqvs-premium-page-categories .pq-category-tile > div {
  padding: 12px 12px 14px !important;
}

.pqvs-premium-page-categories .pq-category-tile strong,
.pqvs-premium-page-categories .pq-category-tile span {
  display: block !important;
}

.pqvs-premium-page-categories .pq-category-tile strong {
  margin-bottom: 4px !important;
  color: var(--pqvs-brown-dark) !important;
  font-size: .92rem !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.pqvs-premium-page-categories .pq-category-tile span {
  color: #5f5b55 !important;
  font-size: .76rem !important;
  line-height: 1.35 !important;
}

.pqvs-premium-page-benefits {
  margin-bottom: 0 !important;
}

.pqvs-mollie-checkout-target {
  scroll-margin-top: 28px !important;
}

@media (max-width: 900px) {
  .pqvs-premium-page-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .pqvs-premium-page-categories {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 2px 2px 12px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
  }

  .pqvs-premium-page-categories .pq-category-tile {
    flex: 0 0 min(78vw, 230px) !important;
    scroll-snap-align: start !important;
  }
}

/* ================================================================
 * 0.5.12 - actieve dashboardroute naar de Premium-testpagina
 * Deze afsluitende regel wint van oudere disabled/pointer-event-stijlen.
 * ================================================================ */
.pq-dashboard .pq-hero .pq-play-button.pqvs-premium-dashboard-link {
  position: relative !important;
  z-index: 10 !important;
  display: inline-flex !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
  text-decoration: none !important;
  touch-action: manipulation !important;
}

.pq-dashboard .pqvs-premium-dashboard-link .pqvs-dashboard-play-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.pq-dashboard .pqvs-premium-dashboard-link:focus-visible {
  outline: 4px solid rgba(255,255,255,.92) !important;
  outline-offset: 5px !important;
}

/* ================================================================
 * 0.5.15 - dashboard zonder zijkaarten en volledig mobiel begrensd
 * ================================================================ */
.pq-dashboard,
.pq-dashboard *,
.pq-dashboard *::before,
.pq-dashboard *::after {
  box-sizing: border-box !important;
}

.pq-dashboard,
.pq-dashboard > *,
.pq-dashboard-grid,
.pq-dashboard-grid > *,
.pq-dashboard .pq-grid,
.pq-dashboard .pq-grid > *,
.pq-dashboard .pq-panel,
.pq-dashboard .pq-card,
.pq-dashboard .pq-result-columns,
.pq-dashboard .pq-result-column,
.pq-dashboard .pq-table-wrap {
  min-width: 0 !important;
  max-width: 100% !important;
}

.pq-dashboard-grid.pq-dashboard-grid-single {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
}

.pq-dashboard .pq-results-panel {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.pq-dashboard h2,
.pq-dashboard h3,
.pq-dashboard h4,
.pq-dashboard p,
.pq-dashboard strong,
.pq-dashboard span,
.pq-dashboard time,
.pq-dashboard a,
.pq-dashboard td,
.pq-dashboard th {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.pq-dashboard .pq-button,
.pq-dashboard .pq-play-button {
  max-width: 100% !important;
  white-space: normal !important;
  text-align: center !important;
}

@media (max-width: 640px) {
  .pq-dashboard {
    width: 100% !important;
    overflow-x: clip !important;
  }

  .pq-dashboard .pq-hero {
    gap: 1.15rem !important;
    padding: 18px 14px !important;
  }

  .pq-dashboard .pq-hero-copy,
  .pq-dashboard .pq-hero-action,
  .pq-dashboard .pq-hero .pq-play-button,
  .pq-dashboard .pq-hero .pq-disabled {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .pq-dashboard .pq-dashboard-brand {
    width: min(100%, 230px) !important;
  }

  .pq-dashboard .pq-grid,
  .pq-dashboard .pq-result-columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .pq-dashboard .pq-stat-card {
    width: 100% !important;
    align-items: flex-start !important;
  }

  .pq-dashboard .pq-stat-card > div {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .pq-dashboard .pq-section-heading,
  .pq-dashboard .pq-result-column-heading {
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
  }

  .pq-dashboard .pq-best-score,
  .pq-dashboard .pq-edition-pill,
  .pq-dashboard .pq-score-pill {
    max-width: 100% !important;
    white-space: normal !important;
  }

  .pq-dashboard .pq-result-table,
  .pq-dashboard .pq-result-table tbody,
  .pq-dashboard .pq-result-table tr,
  .pq-dashboard .pq-result-table td {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .pq-dashboard .pq-result-table td,
  .pq-dashboard .pq-result-table td time {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}
/* 0.5.17 - volledige PHP/HTML/CSS-basis zonder JavaScript. */
.pq-quiz-collection > .pq-quiz-edition-panel[open]{
  grid-column:1 / -1!important;
  height:auto!important;
}
.pq-quiz-collection > .pq-quiz-edition-panel[open] > .pq-quiz-summary{
  height:auto!important;
}
.pq-quiz-collection > .pq-quiz-edition-panel > .pq-quiz-expandable{
  width:100%!important;
  min-width:0!important;
  padding:clamp(18px,3vw,30px)!important;
  border-top:1px solid var(--pqvs-line)!important;
  background:linear-gradient(180deg,#fffaf0,#fff)!important;
}
.pq-quiz-collection .pq-quiz-form,
.pq-quiz-collection .pq-question-card,
.pq-quiz-collection .pq-quiz-result{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.pq-quiz-collection .pq-question-card{
  overflow-wrap:anywhere!important;
}
@media(max-width:650px){
  .pq-quiz-collection > .pq-quiz-edition-panel > .pq-quiz-expandable{
    padding:16px 12px!important;
  }
  .pq-quiz-collection .pq-answer-grid{
    grid-template-columns:1fr!important;
  }
}

/* ================================================================
 * 0.5.18 - twee desktopopeners naast elkaar en actie in de kaart.
 * Details blijven native; alleen de gridpresentatie wordt gecorrigeerd.
 * ================================================================ */
@media (min-width:901px){
  .pq-quiz-collection{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    gap:24px!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel{
    display:contents!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-summary{
    grid-column:1!important;
    grid-row:1!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-summary{
    grid-column:2!important;
    grid-row:1!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    overflow:hidden!important;
    border:1px solid rgba(90,42,22,.20)!important;
    border-radius:30px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(90,42,22,.12)!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-expandable{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border:1px solid var(--pqvs-line)!important;
    border-radius:26px!important;
    box-shadow:0 16px 42px rgba(59,23,16,.10)!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel:not([open])>.pq-quiz-expandable{
    display:none!important;
  }
  .pq-quiz-collection .pq-quiz-edition-premium .pq-summary-action.pq-premium-opening-link{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:22px!important;
    transform:translateX(-50%)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    width:max-content!important;
    max-width:calc(100% - 36px)!important;
    margin:0!important;
    padding:0!important;
  }
  .pq-quiz-collection .pq-premium-opening-link .pq-summary-plus,
  .pq-quiz-collection .pq-premium-opening-link .pq-summary-text{
    position:static!important;
    transform:none!important;
  }
  .pq-quiz-collection .pq-premium-opening-link .pq-summary-text,
  .pq-quiz-collection .pq-quiz-edition-premium[open] .pq-premium-opening-link .pq-summary-text{
    font-size:1.08rem!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
}

@media (max-width:900px){
  .pq-quiz-collection .pq-quiz-edition-premium .pq-summary-action.pq-premium-opening-link{
    position:static!important;
    inset:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:max-content!important;
    max-width:100%!important;
    margin:10px auto 0!important;
    padding:0!important;
    transform:none!important;
  }
}

/* 0.5.19 definitieve eindlaag: overschrijft alle historische openerregels. */
@media (min-width:901px){
  .pq-quiz-collection{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:24px!important;
    align-items:start!important;
    overflow:visible!important;
  }
  .pq-quiz-collection>.pq-quiz-choice-separator{display:none!important;}
  .pq-quiz-collection>.pq-quiz-edition-panel,
  .pq-quiz-collection>.pq-quiz-edition-panel[open]{
    display:block!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-free,
  .pq-quiz-collection>.pq-quiz-edition-free[open]{grid-column:1!important;}
  .pq-quiz-collection>.pq-quiz-edition-premium,
  .pq-quiz-collection>.pq-quiz-edition-premium[open]{grid-column:2!important;}
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary,
  .pq-quiz-collection>.pq-quiz-edition-panel[open]>.pq-quiz-summary{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:360px!important;
    min-height:360px!important;
    overflow:hidden!important;
    border:1px solid rgba(90,42,22,.20)!important;
    border-radius:30px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(90,42,22,.12)!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-quiz-hero{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:18px 22px 66px!important;
    border-radius:29px!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-summary-action,
  .pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-summary>.pq-summary-action.pq-premium-opening-link{
    position:absolute!important;
    z-index:10!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:max-content!important;
    max-width:calc(100% - 36px)!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    white-space:nowrap!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-expandable{
    box-sizing:border-box!important;
    width:calc(200% + 24px)!important;
    min-width:0!important;
    max-width:none!important;
    margin-top:24px!important;
    border:1px solid var(--pqvs-line)!important;
    border-radius:26px!important;
    box-shadow:0 16px 42px rgba(59,23,16,.10)!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-expandable{margin-left:0!important;}
  .pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-expandable{margin-left:calc(-100% - 24px)!important;}
  .pq-quiz-collection>.pq-quiz-edition-panel:not([open])>.pq-quiz-expandable{display:none!important;}
}

@media (max-width:900px){
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-expandable{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    transform:none!important;
  }
}

/* 0.5.20 laatste compatibiliteitslaag: gratis summary ontvangt de klik. */
.pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-summary,
.pq-quiz-collection>.pq-quiz-edition-free[open]>.pq-quiz-summary{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-summary>.pq-quiz-hero,
.pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-summary>.pq-summary-action,
.pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-summary>.pq-quiz-hero *,
.pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-summary>.pq-summary-action *{
  pointer-events:none!important;
}
.pq-quiz-collection>.pq-quiz-edition-free>.pq-quiz-summary:focus-visible{
  outline:4px solid rgba(217,54,27,.35)!important;
  outline-offset:4px!important;
}

/* 0.5.21 - een gedeelde, stabiele klik- en mobiele layout voor beide openers. */
.pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary{
  isolation:isolate!important;
}
.pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-summary-action{
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-summary-action .pq-summary-plus,
.pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-summary-action .pq-summary-text{
  position:static!important;
  inset:auto!important;
  float:none!important;
  transform:none!important;
}
.pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-summary>.pq-premium-opening-link{
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-summary>.pq-premium-opening-link,
.pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-summary>.pq-premium-opening-link *{
  text-decoration:none!important;
}
.pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-summary>.pq-premium-opening-link:focus-visible{
  outline:4px solid rgba(242,195,25,.48)!important;
  outline-offset:5px!important;
  border-radius:999px!important;
}

@media (max-width:900px){
  .pq-quiz-collection{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel,
  .pq-quiz-collection>.pq-quiz-edition-panel[open]{
    display:block!important;
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary,
  .pq-quiz-collection>.pq-quiz-edition-panel[open]>.pq-quiz-summary{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-quiz-hero,
  .pq-quiz-collection>.pq-quiz-edition-panel[open]>.pq-quiz-summary>.pq-quiz-hero{
    position:relative!important;
    order:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:clamp(20px,6vw,30px)!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-summary-action,
  .pq-quiz-collection>.pq-quiz-edition-panel[open]>.pq-quiz-summary>.pq-summary-action,
  .pq-quiz-collection>.pq-quiz-edition-premium>.pq-quiz-summary>.pq-summary-action.pq-premium-opening-link{
    position:relative!important;
    z-index:30!important;
    order:2!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:58px!important;
    margin:0!important;
    padding:12px 16px!important;
    transform:none!important;
    white-space:normal!important;
    text-align:center!important;
    background:#fff8ee!important;
    border-top:1px solid rgba(90,42,22,.16)!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-summary>.pq-summary-action .pq-summary-text,
  .pq-quiz-collection>.pq-quiz-edition-premium[open]>.pq-quiz-summary>.pq-premium-opening-link .pq-summary-text{
    display:inline!important;
    width:auto!important;
    font-size:1rem!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-free[open]>.pq-quiz-summary>.pq-summary-action .pq-summary-text{
    display:inline!important;
    width:auto!important;
    font-size:0!important;
    line-height:1.2!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-free[open]>.pq-quiz-summary>.pq-summary-action .pq-summary-text::after{
    content:"Sluit quiz"!important;
    display:inline!important;
    font-size:1rem!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-premium[open]>.pq-quiz-summary>.pq-premium-opening-link .pq-summary-text::after{
    content:none!important;
    display:none!important;
  }
  .pq-quiz-collection>.pq-quiz-edition-panel>.pq-quiz-expandable,
  .pq-quiz-collection>.pq-quiz-edition-panel[open]>.pq-quiz-expandable{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    transform:none!important;
  }
}

/* 0.5.22 definitieve eindlaag: native summary zonder klikdoorgifte-truc. */
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary,
.pq-quiz-collection > .pq-quiz-edition-free[open] > .pq-quiz-summary {
  position: relative !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  user-select: none !important;
}
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary > .pq-quiz-hero,
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary > .pq-summary-action,
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary > .pq-quiz-hero *,
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary > .pq-summary-action * {
  pointer-events: auto !important;
}
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary::before,
.pq-quiz-collection > .pq-quiz-edition-free > .pq-quiz-summary::after {
  pointer-events: none !important;
}
.pq-quiz-collection > .pq-quiz-edition-panel > .pq-quiz-summary > .pq-summary-action {
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width:900px) {
  .pq-quiz-collection > .pq-quiz-edition-panel > .pq-quiz-summary > .pq-summary-action,
  .pq-quiz-collection > .pq-quiz-edition-premium > .pq-quiz-summary > .pq-summary-action.pq-premium-opening-link {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
  }
}

/* 0.5.23: nooit twee volledige desktop-uitklapdelen over elkaar tekenen.
 * De gedeelde native details-naam regelt exclusiviteit. :has is uitsluitend
 * een visuele fallback voor browsers zonder ondersteuning van details[name]. */
.pq-quiz-collection:has(> .pq-quiz-edition-free[open])
> .pq-quiz-edition-premium[open]
> .pq-quiz-expandable {
  display: none !important;
}

/* 0.5.24: alle A/B/C-antwoorden hebben een eigen betrouwbaar klikvlak.
 * Het geopende formulier staat boven de naastliggende opener, zodat de
 * rechter desktopkolom (antwoord B) niet door een later griditem wordt afgedekt. */
.pq-quiz-collection > .pq-quiz-edition-free[open] > .pq-quiz-expandable {
  position: relative !important;
  z-index: 40 !important;
  isolation: isolate !important;
}

.pq-quiz-collection .pq-answer-grid {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate !important;
}

.pq-quiz-collection .pq-answer-grid > label {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  min-width: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.pq-quiz-collection .pq-answer-grid > label > input[type="radio"] {
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.pq-quiz-collection .pq-answer-grid > label > span {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 56px !important;
  pointer-events: none !important;
}