.quiz5x20-app {
  --q5-yellow: #EFC63E;
  --q5-magenta: #ED3DAF;
  --q5-black: #101010;
  --q5-ivory: #FFF9EE;
  --q5-paper: #FFFFFF;
  --q5-bg: #F4EDDE;
  --q5-muted: #665D55;
  --q5-soft: #EFE6D5;
  --q5-ok: #1F7A4F;
  --q5-bad: #B4232F;
  width: min(1240px, calc(100% - 28px));
  margin: 2rem auto;
  padding: clamp(1rem, 2vw, 1.45rem);
  color: var(--q5-black);
  background:
    linear-gradient(90deg, rgba(16,16,16,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(16,16,16,.03) 1px, transparent 1px),
    var(--q5-bg);
  background-size: 40px 40px;
  border: 3px solid var(--q5-black);
  box-shadow: 8px 8px 0 var(--q5-black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.45;
  isolation: isolate;
}

.quiz5x20-app,
.quiz5x20-app * {
  box-sizing: border-box;
}

.quiz5x20-app h2,
.quiz5x20-app h3,
.quiz5x20-app h4,
.quiz5x20-app button,
.quiz5x20-app .q5-cover-eyebrow,
.quiz5x20-app .q5-badges,
.quiz5x20-app .q5-meta,
.quiz5x20-app label span,
.quiz5x20-app .q5-nav-title,
.quiz5x20-app .q5-nav-item,
.quiz5x20-app .q5-score-ring,
.quiz5x20-app .q5-stats strong,
.quiz5x20-app .q5-review summary,
.quiz5x20-app .q5-domain-row > span,
.quiz5x20-app .q5-progress > div:first-child,
.quiz5x20-app .q5-signature {
  font-family: "Rajdhani", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.quiz5x20-app .q5-hidden {
  display: none !important;
}

/* En-tête modèle NDRC */
.quiz5x20-app .q5-cover {
  position: relative;
  min-height: clamp(175px, 22vw, 230px);
  margin: 0 0 1.45rem;
  padding: clamp(1.65rem, 3vw, 2.2rem);
  overflow: hidden;
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 24px;
  box-shadow: 9px 9px 0 var(--q5-black);
}

.quiz5x20-app .q5-cover-content {
  position: relative;
  z-index: 2;
  max-width: min(820px, 74%);
}

.quiz5x20-app .q5-cover-eyebrow {
  margin: 0 0 .55rem;
  color: var(--q5-magenta);
  font-size: clamp(.9rem, 1.4vw, 1.05rem);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.quiz5x20-app .q5-cover-title {
  margin: 0 0 .55rem;
  color: var(--q5-black);
  font-size: clamp(3.2rem, 7.4vw, 5.4rem);
  font-weight: 700;
  line-height: .82;
  letter-spacing: -.055em;
  text-transform: none;
}

.quiz5x20-app .q5-cover-subtitle {
  max-width: 820px;
  margin: 0;
  color: var(--q5-muted);
  font-size: clamp(1rem, 1.5vw, 1.22rem);
}

.quiz5x20-app .q5-deco {
  position: absolute;
  display: block;
  border: 3px solid var(--q5-black);
  border-radius: 999px;
  z-index: 1;
}

.quiz5x20-app .q5-deco-yellow {
  width: 148px;
  height: 148px;
  right: -28px;
  top: -32px;
  background: var(--q5-yellow);
}

.quiz5x20-app .q5-deco-magenta {
  width: 118px;
  height: 118px;
  right: 54px;
  bottom: -68px;
  background: var(--q5-magenta);
}

.quiz5x20-app .q5-btn {
  appearance: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.05rem;
  padding: .78rem 1.2rem;
  border: 3px solid var(--q5-black);
  border-radius: 999px;
  color: var(--q5-black);
  background: var(--q5-paper);
  box-shadow: 5px 5px 0 var(--q5-black);
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, opacity .16s ease;
}

.quiz5x20-app .q5-btn:hover,
.quiz5x20-app .q5-btn:focus-visible {
  transform: translate(-2px, -2px);
  box-shadow: 7px 7px 0 var(--q5-black);
  outline: none;
}

.quiz5x20-app .q5-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
  transform: none;
  box-shadow: 3px 3px 0 rgba(16,16,16,.55);
}

.quiz5x20-app .q5-btn-primary {
  background: var(--q5-yellow);
}

.quiz5x20-app .q5-btn-secondary {
  background: var(--q5-paper);
}

.quiz5x20-app .q5-btn-tertiary {
  background: color-mix(in srgb, var(--q5-magenta) 45%, white);
  color: var(--q5-paper);
}

.quiz5x20-app .q5-btn-reset {
  position: absolute;
  z-index: 3;
  right: clamp(1.2rem, 2.6vw, 2rem);
  top: 50%;
  transform: translateY(-50%);
  background: var(--q5-black);
  color: var(--q5-paper);
  box-shadow: 5px 5px 0 rgba(16,16,16,.45);
}

.quiz5x20-app .q5-btn-reset:hover,
.quiz5x20-app .q5-btn-reset:focus-visible {
  transform: translate(-2px, calc(-50% - 2px));
  box-shadow: 7px 7px 0 rgba(16,16,16,.55);
}

/* Cartes principales */
.quiz5x20-loading,
.quiz5x20-error,
.quiz5x20-app .q5-panel {
  background: var(--q5-ivory);
  border: 3px solid var(--q5-black);
  border-radius: 24px;
  box-shadow: 9px 9px 0 var(--q5-black);
  padding: clamp(1.5rem, 3vw, 2.2rem);
}

.quiz5x20-error {
  background: var(--q5-paper);
  box-shadow: 9px 9px 0 var(--q5-bad);
}

.quiz5x20-app .q5-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .78fr);
  gap: clamp(1.4rem, 4vw, 3rem);
  align-items: start;
}

.quiz5x20-app .q5-badges,
.quiz5x20-app .q5-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .72rem;
  margin: 0 0 .75rem;
}

.quiz5x20-app .q5-badges span,
.quiz5x20-app .q5-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 2.05rem;
  padding: .35rem .82rem;
  background: var(--q5-yellow);
  border: 3px solid var(--q5-black);
  border-radius: 999px;
  color: var(--q5-black);
  box-shadow: 3px 3px 0 var(--q5-black);
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.quiz5x20-app .q5-badges span:nth-child(even),
.quiz5x20-app .q5-meta span:nth-child(even) {
  background: var(--q5-magenta);
  color: var(--q5-paper);
}

.quiz5x20-app h2,
.quiz5x20-app h3,
.quiz5x20-app h4 {
  color: var(--q5-black);
}

.quiz5x20-app h2 {
  margin: 0 0 1rem;
  font-size: clamp(2.6rem, 5vw, 4.6rem);
  font-weight: 700;
  line-height: .88;
  letter-spacing: -.045em;
}

.quiz5x20-app h3 {
  margin: 0 0 .95rem;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 700;
  line-height: .92;
  letter-spacing: -.04em;
}

.quiz5x20-app h4 {
  margin: 0 0 .55rem;
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 700;
}

.quiz5x20-app .q5-lead {
  max-width: 760px;
  margin: 0 0 1.25rem;
  color: var(--q5-muted);
  font-size: 1.08rem;
}

.quiz5x20-app .q5-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .95rem 1rem;
  margin: 1.2rem 0 1.5rem;
}

.quiz5x20-app label span {
  display: block;
  margin: 0 0 .34rem;
  color: var(--q5-black);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.quiz5x20-app input[type="text"],
.quiz5x20-app select {
  width: 100%;
  min-height: 3.15rem;
  margin: 0;
  padding: .82rem 1rem;
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 13px;
  color: var(--q5-black);
  box-shadow: 5px 5px 0 var(--q5-black);
  font: inherit;
  outline: none;
}

.quiz5x20-app input[type="text"]:focus,
.quiz5x20-app select:focus {
  box-shadow: 0 0 0 4px rgba(237, 61, 175, .22), 5px 5px 0 var(--q5-black);
}

.quiz5x20-app .q5-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  align-items: center;
}

.quiz5x20-app .q5-actions-spaced {
  justify-content: flex-end;
  margin-top: 1.35rem;
}

.quiz5x20-app .q5-rules {
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 20px;
  box-shadow: 7px 7px 0 var(--q5-black);
  padding: clamp(1.1rem, 2vw, 1.45rem);
}

.quiz5x20-app .q5-rules h3 {
  margin-bottom: .7rem;
  font-size: clamp(1.35rem, 2.3vw, 1.85rem);
  letter-spacing: -.02em;
}

.quiz5x20-app .q5-rules ul {
  margin: .45rem 0 1rem;
  padding-left: 1.25rem;
  color: var(--q5-muted);
}

.quiz5x20-app .q5-rules li {
  margin: .35rem 0;
  color: var(--q5-muted);
}

.quiz5x20-app .q5-warning {
  margin-top: 1rem;
  padding: .9rem 1rem;
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 14px;
  box-shadow: 5px 5px 0 var(--q5-magenta);
  color: var(--q5-black);
  font-weight: 700;
}

/* Progression et question */
.quiz5x20-app .q5-progress {
  margin: 0 0 1.2rem;
}

.quiz5x20-app .q5-progress > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .5rem;
  color: var(--q5-black);
  font-size: 1.08rem;
  font-weight: 700;
}

.quiz5x20-app .q5-progress > div:first-child span {
  color: var(--q5-muted);
}

.quiz5x20-app .q5-progress-bar {
  height: 16px;
  overflow: hidden;
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 999px;
}

.quiz5x20-app .q5-progress-bar span {
  display: block;
  width: 0;
  height: 100%;
  background: var(--q5-yellow);
  border-right: 3px solid var(--q5-black);
  transition: width .22s ease;
}

.quiz5x20-app .q5-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 1.2rem;
  align-items: start;
}

.quiz5x20-app .q5-nav-wrap {
  position: sticky;
  top: 1rem;
  max-height: calc(100vh - 2rem);
  overflow: auto;
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 18px;
  box-shadow: 6px 6px 0 var(--q5-black);
  padding: .9rem;
}

.quiz5x20-app .q5-nav-title {
  margin: 0 0 .65rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.quiz5x20-app .q5-nav {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .42rem;
}

.quiz5x20-app .q5-nav-item {
  min-height: 2.3rem;
  padding: .25rem;
  background: var(--q5-paper);
  border: 2px solid var(--q5-black);
  border-radius: 9px;
  color: var(--q5-black);
  box-shadow: 2px 2px 0 var(--q5-black);
  font-size: .95rem;
  font-weight: 700;
  cursor: pointer;
}

.quiz5x20-app .q5-nav-item.is-current {
  background: var(--q5-yellow);
}

.quiz5x20-app .q5-nav-item.is-answered {
  background: color-mix(in srgb, var(--q5-yellow) 42%, white);
}

.quiz5x20-app .q5-nav-item.is-correct {
  background: color-mix(in srgb, var(--q5-ok) 18%, white);
  color: var(--q5-ok);
}

.quiz5x20-app .q5-nav-item.is-wrong {
  background: color-mix(in srgb, var(--q5-bad) 14%, white);
  color: var(--q5-bad);
}

.quiz5x20-app .q5-question-card {
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 20px;
  box-shadow: 7px 7px 0 var(--q5-black);
  padding: clamp(1.05rem, 2.3vw, 1.7rem);
}

.quiz5x20-app .q5-notion {
  margin: -.25rem 0 1rem;
  color: var(--q5-muted);
  font-weight: 700;
}

.quiz5x20-app .q5-situation {
  margin: 1rem 0;
  padding: 1rem;
  background: var(--q5-ivory);
  border: 3px solid var(--q5-black);
  border-radius: 15px;
  box-shadow: 5px 5px 0 var(--q5-yellow);
}

.quiz5x20-app .q5-situation strong {
  display: block;
  font-family: "Rajdhani", system-ui, sans-serif;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.quiz5x20-app .q5-situation p {
  margin: .35rem 0 0;
  color: var(--q5-muted);
}

.quiz5x20-app .q5-question-text {
  margin: 1.1rem 0;
  color: var(--q5-black);
  font-size: 1.18rem;
  font-weight: 800;
}

.quiz5x20-app .q5-answers {
  display: grid;
  gap: .72rem;
}

.quiz5x20-app .q5-answer {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .78rem;
  align-items: start;
  margin: 0;
  padding: .9rem 1rem;
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 14px;
  box-shadow: 4px 4px 0 rgba(16,16,16,.22);
  color: var(--q5-black);
  cursor: pointer;
}

.quiz5x20-app .q5-answer:hover,
.quiz5x20-app .q5-answer.is-selected {
  box-shadow: 5px 5px 0 var(--q5-magenta);
}

.quiz5x20-app .q5-answer.is-correct {
  background: color-mix(in srgb, var(--q5-ok) 12%, white);
  box-shadow: 5px 5px 0 var(--q5-ok);
}

.quiz5x20-app .q5-answer.is-incorrect {
  background: color-mix(in srgb, var(--q5-bad) 10%, white);
  box-shadow: 5px 5px 0 var(--q5-bad);
}

.quiz5x20-app .q5-answer input {
  width: 1.2rem;
  height: 1.2rem;
  margin: .16rem 0 0;
  accent-color: var(--q5-magenta);
  box-shadow: none;
}

.quiz5x20-app .q5-answer strong {
  font-family: "Rajdhani", system-ui, sans-serif;
  font-size: 1.1rem;
  color: var(--q5-magenta);
}

.quiz5x20-app .q5-hint {
  min-height: 1.4rem;
  margin: .9rem 0 0;
  color: var(--q5-bad);
  font-weight: 700;
}

.quiz5x20-app .q5-feedback {
  margin: 1.15rem 0 0;
  padding: 1rem;
  background: var(--q5-ivory);
  border: 3px solid var(--q5-black);
  border-radius: 15px;
  box-shadow: 5px 5px 0 var(--q5-yellow);
}

.quiz5x20-app .q5-feedback.is-correct {
  box-shadow: 5px 5px 0 var(--q5-ok);
}

.quiz5x20-app .q5-feedback.is-wrong {
  box-shadow: 5px 5px 0 var(--q5-bad);
}

.quiz5x20-app .q5-feedback p {
  margin: .45rem 0;
}

/* Résultats */
.quiz5x20-app .q5-results-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}

.quiz5x20-app .q5-eyebrow {
  display: inline-flex;
  margin: 0 0 .75rem;
  padding: .32rem .72rem;
  background: var(--q5-black);
  color: var(--q5-yellow);
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.quiz5x20-app .q5-score-ring {
  --q5-score: 0%;
  width: 140px;
  height: 140px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 3px solid var(--q5-black);
  border-radius: 999px;
  background: conic-gradient(var(--q5-magenta) var(--q5-score), var(--q5-paper) 0);
  box-shadow: 7px 7px 0 var(--q5-black), inset 0 0 0 14px var(--q5-ivory);
  color: var(--q5-black);
  font-size: 2rem;
  font-weight: 700;
}

.quiz5x20-app .q5-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .95rem;
  margin: 1.2rem 0 1.5rem;
}

.quiz5x20-app .q5-stats > div {
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 16px;
  box-shadow: 5px 5px 0 var(--q5-black);
  padding: 1rem;
}

.quiz5x20-app .q5-stats strong {
  display: block;
  color: var(--q5-magenta);
  font-size: 2.15rem;
  font-weight: 700;
  line-height: .95;
}

.quiz5x20-app .q5-stats span {
  display: block;
  margin-top: .35rem;
  color: var(--q5-muted);
  font-weight: 700;
}

.quiz5x20-app .q5-domain-results {
  display: grid;
  gap: .8rem;
  margin-bottom: 1.4rem;
}

.quiz5x20-app .q5-domain-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 1rem;
  align-items: center;
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 14px;
  box-shadow: 4px 4px 0 rgba(16,16,16,.25);
  padding: .85rem 1rem;
}

.quiz5x20-app .q5-domain-row strong {
  display: block;
  color: var(--q5-black);
}

.quiz5x20-app .q5-domain-row > span {
  color: var(--q5-magenta);
  font-size: 1.35rem;
  font-weight: 700;
}

.quiz5x20-app .q5-domain-bar {
  height: 13px;
  margin-top: .45rem;
  background: var(--q5-ivory);
  border: 2px solid var(--q5-black);
  border-radius: 999px;
  overflow: hidden;
}

.quiz5x20-app .q5-domain-bar span {
  display: block;
  height: 100%;
  background: var(--q5-yellow);
  border-right: 2px solid var(--q5-black);
}

.quiz5x20-app .q5-review {
  margin-top: 1.2rem;
}

.quiz5x20-app .q5-review summary {
  margin-bottom: .9rem;
  color: var(--q5-black);
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
}

.quiz5x20-app .q5-review-list {
  display: grid;
  gap: .9rem;
}

.quiz5x20-app .q5-review-card {
  background: var(--q5-paper);
  border: 3px solid var(--q5-black);
  border-radius: 16px;
  box-shadow: 5px 5px 0 var(--q5-black);
  padding: 1rem;
}

.quiz5x20-app .q5-review-card.is-correct {
  box-shadow: 5px 5px 0 var(--q5-ok);
}

.quiz5x20-app .q5-review-card.is-wrong {
  box-shadow: 5px 5px 0 var(--q5-bad);
}

.quiz5x20-app .q5-review-top {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  margin-bottom: .45rem;
  font-family: "Rajdhani", system-ui, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.quiz5x20-app .q5-review-card.is-correct .q5-review-top span {
  color: var(--q5-ok);
}

.quiz5x20-app .q5-review-card.is-wrong .q5-review-top span {
  color: var(--q5-bad);
}

.quiz5x20-app .q5-mini {
  margin-top: -.25rem;
  color: var(--q5-muted);
  font-size: .92rem;
}

.quiz5x20-app .q5-sticky-actions {
  position: sticky;
  bottom: 1rem;
  margin-top: 1.2rem;
  padding: .75rem;
  background: color-mix(in srgb, var(--q5-ivory) 88%, white);
  border: 3px solid var(--q5-black);
  border-radius: 18px;
  box-shadow: 5px 5px 0 var(--q5-black);
  backdrop-filter: blur(10px);
}

.quiz5x20-app .q5-signature {
  margin: 1.05rem 0 0;
  color: var(--q5-muted);
  font-size: .98rem;
  font-weight: 700;
}

/* Compatibilité anciennes versions navigateurs sans color-mix */
@supports not (background: color-mix(in srgb, white 50%, black)) {
  .quiz5x20-app .q5-btn-tertiary { background: #EF92CE; }
  .quiz5x20-app .q5-nav-item.is-answered { background: #F8E8AE; }
  .quiz5x20-app .q5-nav-item.is-correct,
  .quiz5x20-app .q5-answer.is-correct { background: #E8F3EE; }
  .quiz5x20-app .q5-nav-item.is-wrong,
  .quiz5x20-app .q5-answer.is-incorrect { background: #F8E7EA; }
  .quiz5x20-app .q5-sticky-actions { background: #FFF9EE; }
}

/* Responsive */
@media (max-width: 960px) {
  .quiz5x20-app {
    width: min(100% - 18px, 1240px);
    margin: 1rem auto;
    padding: .85rem;
  }

  .quiz5x20-app .q5-cover {
    min-height: 0;
    padding: 1.35rem;
  }

  .quiz5x20-app .q5-cover-content {
    max-width: 100%;
    padding-right: 0;
  }

  .quiz5x20-app .q5-btn-reset {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-top: 1rem;
  }

  .quiz5x20-app .q5-btn-reset:hover,
  .quiz5x20-app .q5-btn-reset:focus-visible {
    transform: translate(-2px, -2px);
  }

  .quiz5x20-app .q5-deco {
    opacity: .55;
  }

  .quiz5x20-app .q5-hero,
  .quiz5x20-app .q5-layout,
  .quiz5x20-app .q5-stats {
    grid-template-columns: 1fr;
  }

  .quiz5x20-app .q5-nav-wrap {
    position: static;
    max-height: none;
  }

  .quiz5x20-app .q5-nav {
    grid-template-columns: repeat(10, 1fr);
  }

  .quiz5x20-app .q5-results-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  .quiz5x20-app {
    box-shadow: 5px 5px 0 var(--q5-black);
  }

  .quiz5x20-app .q5-cover,
  .quiz5x20-app .q5-panel {
    border-radius: 18px;
    box-shadow: 5px 5px 0 var(--q5-black);
  }

  .quiz5x20-app .q5-form-grid {
    grid-template-columns: 1fr;
  }

  .quiz5x20-app .q5-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .quiz5x20-app .q5-btn {
    width: 100%;
  }

  .quiz5x20-app .q5-nav {
    grid-template-columns: repeat(5, 1fr);
  }

  .quiz5x20-app .q5-cover-title {
    font-size: clamp(2.85rem, 17vw, 4.2rem);
  }
}

@media print {
  .quiz5x20-app {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: #fff;
  }

  .quiz5x20-app .q5-cover,
  .quiz5x20-app .q5-sticky-actions,
  .quiz5x20-app .q5-nav-wrap,
  .quiz5x20-app .q5-start,
  .quiz5x20-app .q5-quiz {
    display: none !important;
  }

  .quiz5x20-app .q5-panel,
  .quiz5x20-app .q5-review-card {
    border-color: #000;
    box-shadow: none;
  }
}