.dq-site{background:#050505;color:#fff;min-height:70vh;padding:110px clamp(20px,5vw,80px) 60px;font-family:inherit}.dq-quiz{max-width:1300px;margin:auto}.dq-quiz-head{display:grid;grid-template-columns:1fr minmax(320px,48%);gap:40px;align-items:center}.dq-quiz-head img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.dq-kicker{color:#e50914;letter-spacing:.2em;font-weight:800}.dq-quiz h1{font-size:clamp(40px,6vw,78px);margin:.15em 0}.dq-gate,.dq-complete,#dq-stage{max-width:900px;background:#171717;border-radius:16px;padding:30px;margin-top:30px}.dq-gate input{width:100%;max-width:480px;background:#222;border:1px solid #555;color:#fff;padding:15px;border-radius:8px;display:block;margin:12px 0}.dq-primary{display:inline-block;border:0;background:#e50914;color:#fff;padding:14px 24px;font-size:18px;font-weight:800;border-radius:7px;text-decoration:none;cursor:pointer}.dq-note{color:#aaa}.dq-error,#dq-feedback{margin-top:12px;color:#ff7777}.dq-answer-btn{display:block;width:100%;text-align:left;margin:10px 0;padding:16px 18px;background:#272727;color:#fff;border:2px solid #444;border-radius:10px;font-size:18px;cursor:pointer}.dq-answer-btn:hover{border-color:#fff}.dq-answer-btn.is-wrong{border-color:#e50914}.dq-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}.dq-card{color:#fff;text-decoration:none;background:#161616;border-radius:12px;overflow:hidden}.dq-card-media{aspect-ratio:16/9;background:#222}.dq-card-media img{width:100%;height:100%;object-fit:cover}.dq-card strong,.dq-card span{display:block;padding:10px 14px 0}.dq-card span{padding-bottom:16px;color:#bbb}.dq-certificate-page{background:#eee;min-height:100vh;padding:50px;text-align:center}.dq-certificate{background:#fff;color:#111;max-width:1100px;min-height:650px;margin:auto;border:12px double #0b5961;padding:70px;display:flex;flex-direction:column;justify-content:center}.dq-cert-brand{font-size:24px;font-weight:900}.dq-cert-kicker{letter-spacing:.25em;margin-top:40px}.dq-certificate h1{font-size:48px}.dq-certificate h2{font-size:42px;color:#0b5961}.dq-print{margin:25px;padding:12px 20px}@media print{.dq-print{display:none}.dq-certificate-page{padding:0}.dq-certificate{border-width:8px;min-height:90vh}}@media(max-width:800px){.dq-quiz-head{grid-template-columns:1fr}.dq-site{padding-top:70px}.dq-certificate{padding:30px}.dq-certificate h1{font-size:34px}.dq-certificate h2{font-size:30px}}
.dq-vf-quiz-card{flex:0 0 min(24vw,360px);color:#fff;text-decoration:none;background:#171717;border-radius:8px;overflow:hidden;transition:.18s transform;position:relative}.dq-vf-quiz-card:hover{transform:scale(1.035);z-index:3}.dq-vf-quiz-media{aspect-ratio:16/9;background:#222;position:relative;overflow:hidden}.dq-vf-quiz-card.is-poster{flex-basis:min(17vw,250px)}.dq-vf-quiz-card.is-poster .dq-vf-quiz-media{aspect-ratio:2/3}.dq-vf-quiz-media img{width:100%;height:100%;object-fit:cover}.dq-vf-quiz-play{position:absolute;left:16px;bottom:16px;width:46px;height:46px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);font-size:28px;font-weight:900}.dq-vf-quiz-copy{padding:12px}.dq-vf-quiz-copy strong,.dq-vf-quiz-copy span{display:block}.dq-vf-quiz-copy span{color:#aaa;font-size:13px;margin-top:4px}@media(max-width:800px){.dq-vf-quiz-card{flex-basis:72vw}.dq-vf-quiz-card.is-poster{flex-basis:48vw}}

/* 1.0.5 - Quiz runs inside the VideoFlix shell, completely independent from the Joomla template. */
.dq-vf-shell{position:fixed!important;inset:0!important;z-index:2147482000!important;width:100vw!important;height:100vh!important;height:100dvh!important;overflow:auto!important;background:var(--dsevf-bg,#050505)!important;color:#fff!important;margin:0!important;padding:0!important}
.dq-vf-shell .dq-vf-topbar{position:sticky!important;top:0!important;z-index:1000!important;background:#050505!important;flex:0 0 auto}
.dq-vf-shell .dq-site{min-height:calc(100dvh - 82px);max-width:none;margin:0;padding:70px 5vw 70px;background:var(--dsevf-bg,#050505);font-family:var(--dsevf-font-body,Arial,Helvetica,sans-serif)}
.dq-vf-shell .dq-quiz{padding-top:65px}
.dq-vf-shell .dq-quiz-head{max-width:1300px;margin:0 auto}
.dq-vf-shell .dq-gate,.dq-vf-shell .dq-complete,.dq-vf-shell #dq-stage{margin-left:auto;margin-right:auto;width:min(900px,100%);box-sizing:border-box}
.dq-vf-shell .dq-kicker{color:var(--dsevf-theme,#0b5961)}
.dq-vf-shell .dq-primary{background:var(--dsevf-theme,#0b5961);font-family:var(--dsevf-font-button,var(--dsevf-font-body,Arial,Helvetica,sans-serif))}
.dq-vf-shell h1{font-family:var(--dsevf-font-h1,var(--dsevf-font-body,Arial,Helvetica,sans-serif))}
.dq-vf-shell h2{font-family:var(--dsevf-font-h2,var(--dsevf-font-body,Arial,Helvetica,sans-serif))}
.dq-vf-user{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;white-space:nowrap}
.dq-text-settings{margin:28px 0;padding:18px;border:1px solid #c8d2df;border-radius:8px}.dq-text-settings legend{float:none;width:auto;padding:0 8px;font-weight:800}.dq-text-settings label{margin-top:13px}
@media(max-width:800px){.dq-vf-shell .dq-site{padding:45px 18px 50px;min-height:calc(100dvh - 70px)}.dq-vf-shell .dq-quiz{padding-top:35px}.dq-vf-user{display:none}}
.dq-certificate-overlay{position:fixed!important;inset:0!important;z-index:2147482000!important;overflow:auto!important}
@media print{.dq-certificate-overlay{position:static!important}}

/* 1.0.8 - Browse all quizzes follows VideoFlix internal-page spacing. */
.dq-vf-shell .dq-site{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  padding:140px clamp(48px,5vw,96px) 72px!important;
}
.dq-vf-shell .dq-site > h1,
.dq-vf-shell .dq-site > .dq-card-grid,
.dq-vf-shell .dq-site > p{
  margin-left:0!important;
  margin-right:0!important;
}
.dq-vf-shell .dq-site > h1{
  margin-top:0!important;
  margin-bottom:36px!important;
}
@media(max-width:800px){
  .dq-vf-shell .dq-site{
    padding:96px 18px 50px!important;
  }
  .dq-vf-shell .dq-site > h1{
    margin-bottom:24px!important;
  }
}

/* 1.0.9 reusable certificate layouts */
.dq-certificate{border:4px solid var(--dq-cert-outer,#0b5961)!important;position:relative;box-shadow:inset 0 0 0 8px #fff,inset 0 0 0 12px var(--dq-cert-inner,#0b5961)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:64px 70px!important;box-sizing:border-box;}
.dq-cert-image{display:block;object-fit:contain;max-width:90%;height:auto;margin-left:auto;margin-right:auto;}
.dq-cert-image-top{max-height:150px;margin-bottom:12px;}
.dq-cert-image-bottom{max-height:120px;margin-top:22px;}
@media print{.dq-certificate-page{background:#fff!important}.dq-print{display:none!important}.dq-certificate{width:100%!important;min-height:92vh!important;margin:0!important;page-break-inside:avoid;}}
.dq-submit-answer{margin-top:18px}.dq-text-answer,.dq-match-row select{width:100%;background:#272727;color:#fff;border:2px solid #444;border-radius:10px;padding:14px;font-size:18px}.dq-match-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;margin:10px 0;padding:12px;background:#202020;border-radius:10px}.dq-order-item{cursor:grab}.dq-order-item:active{cursor:grabbing}@media(max-width:700px){.dq-match-row{grid-template-columns:1fr}}

.dq-answer-btn.is-selected{border-color:var(--dq-accent,#e50914)!important;box-shadow:0 0 0 1px var(--dq-accent,#e50914) inset}.dq-order-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.dq-order-move{display:flex;gap:6px}.dq-order-move button{background:#333;color:#fff;border:1px solid #666;border-radius:6px;padding:4px 10px;cursor:pointer}.dq-match-row select{min-width:220px}

/* Quiz row: inherit VideoFlix link/hover colors, never Joomla template link colors */
.dq-vf-quiz-card,.dq-vf-quiz-card:link,.dq-vf-quiz-card:visited{color:#fff!important;text-decoration:none!important}
.dq-vf-quiz-card .dq-vf-quiz-copy strong{color:#fff!important}
.dq-vf-quiz-card:hover,.dq-vf-quiz-card:focus,.dq-vf-quiz-card:active{color:var(--dsevf-theme,#e50914)!important;text-decoration:none!important}
.dq-vf-quiz-card:hover .dq-vf-quiz-copy strong,.dq-vf-quiz-card:focus .dq-vf-quiz-copy strong{color:var(--dsevf-theme,#e50914)!important}

/* 1.0.15 - Certificate print: force a single clean A4 landscape page. */
@media print {
  @page {
    size: A4 landscape;
    margin: 0;
  }

  html,
  body {
    width: 297mm !important;
    height: 210mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body * {
    visibility: hidden !important;
  }

  .dq-certificate-page,
  .dq-certificate-page * {
    visibility: visible !important;
  }

  .dq-certificate-page {
    position: absolute !important;
    inset: 0 !important;
    width: 297mm !important;
    height: 210mm !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8mm !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #fff !important;
    text-align: center !important;
    break-after: avoid-page !important;
    break-before: avoid-page !important;
    break-inside: avoid-page !important;
    page-break-after: avoid !important;
    page-break-before: avoid !important;
    page-break-inside: avoid !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .dq-certificate {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10mm 14mm !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2.2mm !important;
    overflow: hidden !important;
    break-inside: avoid-page !important;
    page-break-inside: avoid !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .dq-cert-image {
    flex: 0 1 auto !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .dq-cert-image-top {
    max-width: 75mm !important;
    max-height: 30mm !important;
    margin-top: 0 !important;
    margin-bottom: 2mm !important;
  }

  .dq-cert-image-bottom {
    width: 100% !important;
    max-width: 255mm !important;
    max-height: 24mm !important;
    margin-top: 3mm !important;
    margin-bottom: 0 !important;
  }

  .dq-cert-brand {
    font-size: 15pt !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }

  .dq-cert-kicker {
    font-size: 10pt !important;
    line-height: 1.15 !important;
    letter-spacing: .22em !important;
    margin: 2mm 0 0 !important;
  }

  .dq-certificate h1 {
    font-size: 25pt !important;
    line-height: 1.05 !important;
    margin: 2mm 0 !important;
  }

  .dq-certificate h2 {
    font-size: 23pt !important;
    line-height: 1.05 !important;
    margin: 2mm 0 !important;
  }

  .dq-certificate p {
    font-size: 10.5pt !important;
    line-height: 1.25 !important;
    margin: 1mm 0 !important;
  }

  .dq-cert-date {
    font-size: 10.5pt !important;
    line-height: 1.2 !important;
    margin: 1mm 0 !important;
  }

  .dq-print {
    display: none !important;
  }
}