.sp-ndrc-quiz{
  --sp-yellow:#EFC63E;
  --sp-magenta:#ED3DAF;
  --sp-black:#101010;
  --sp-ink:#17120f;
  --sp-muted:#645d55;
  --sp-paper:#fffaf1;
  --sp-paper-2:#f7efe2;
  --sp-white:#ffffff;
  --sp-green:#1f7a4f;
  --sp-red:#b7332f;
  --sp-line:#101010;
  --sp-shadow:8px 8px 0 var(--sp-black);
  --sp-shadow-sm:5px 5px 0 var(--sp-black);
  --sp-radius:22px;
  --sp-radius-sm:14px;
  box-sizing:border-box;
  width:100%;
  color:var(--sp-ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--sp-paper-2);
  border:3px solid var(--sp-black);
  box-shadow:var(--sp-shadow);
  padding:clamp(14px,2vw,24px);
  margin:28px 0;
  overflow:hidden;
}
.sp-ndrc-quiz *,
.sp-ndrc-quiz *::before,
.sp-ndrc-quiz *::after{box-sizing:border-box}
.sp-ndrc-quiz button,
.sp-ndrc-quiz input,
.sp-ndrc-quiz select{font:inherit}
.sp-ndrc-quiz button{
  cursor:pointer;
  border:3px solid var(--sp-black);
  border-radius:999px;
  padding:.86rem 1.14rem;
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-size:1rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  background:var(--sp-white);
  color:var(--sp-black);
  box-shadow:4px 4px 0 var(--sp-black);
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.sp-ndrc-quiz button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sp-black)}
.sp-ndrc-quiz button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--sp-black)}
.sp-ndrc-quiz button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:2px 2px 0 var(--sp-black)}
.sp-ndrc-quiz .sp-btn-primary{background:var(--sp-yellow)}
.sp-ndrc-quiz .sp-btn-accent{background:var(--sp-magenta);color:#fff}
.sp-ndrc-quiz .sp-btn-black{background:var(--sp-black);color:#fff}
.sp-ndrc-quiz .sp-btn-soft{background:var(--sp-paper)}
.sp-ndrc-quiz .sp-hidden{display:none!important}
.sp-ndrc-quiz .sp-topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius);
  box-shadow:var(--sp-shadow);
  background:var(--sp-white);
  padding:clamp(18px,3vw,30px);
  position:relative;
  overflow:hidden;
  margin-bottom:24px;
}
.sp-ndrc-quiz .sp-topbar::after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-44px;
  top:-56px;
  border-radius:50%;
  background:var(--sp-yellow);
  border:3px solid var(--sp-black);
}
.sp-ndrc-quiz .sp-topbar::before{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:52px;
  bottom:-72px;
  border-radius:50%;
  background:var(--sp-magenta);
  border:3px solid var(--sp-black);
}
.sp-ndrc-quiz .sp-topbar > *{position:relative;z-index:1}
.sp-ndrc-quiz .sp-eyebrow{
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--sp-magenta);
  margin:0 0 .45rem;
}
.sp-ndrc-quiz h1,
.sp-ndrc-quiz h2,
.sp-ndrc-quiz h3{
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  color:var(--sp-black);
  line-height:1.02;
  margin:.05rem 0 .65rem;
  font-weight:700;
  letter-spacing:-.025em;
}
.sp-ndrc-quiz h1{font-size:clamp(2rem,5vw,4.35rem);max-width:920px}
.sp-ndrc-quiz h2{font-size:clamp(1.55rem,3vw,2.65rem)}
.sp-ndrc-quiz h3{font-size:1.35rem}
.sp-ndrc-quiz p{margin:.45rem 0}
.sp-ndrc-quiz .sp-lead{font-size:1.08rem;color:var(--sp-muted);max-width:76ch}
.sp-ndrc-quiz .sp-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  border:3px solid var(--sp-black);
  background:var(--sp-yellow);
  color:var(--sp-black);
  border-radius:999px;
  padding:.42rem .72rem;
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.sp-ndrc-quiz .sp-badge-magenta{background:var(--sp-magenta);color:#fff}
.sp-ndrc-quiz .sp-panel{
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius);
  box-shadow:var(--sp-shadow);
  background:var(--sp-paper);
  padding:clamp(18px,2.6vw,30px);
}
.sp-ndrc-quiz .sp-start-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:22px;
  align-items:start;
}
.sp-ndrc-quiz .sp-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:22px 0;
}
.sp-ndrc-quiz label{
  display:grid;
  gap:7px;
  color:var(--sp-black);
  font-weight:700;
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.sp-ndrc-quiz input,
.sp-ndrc-quiz select{
  width:100%;
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius-sm);
  padding:.85rem .95rem;
  background:#fff;
  color:var(--sp-black);
  box-shadow:4px 4px 0 var(--sp-black);
  outline:none;
  font-family:Inter,system-ui,sans-serif;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
}
.sp-ndrc-quiz input:focus,
.sp-ndrc-quiz select:focus{box-shadow:0 0 0 4px var(--sp-yellow),4px 4px 0 var(--sp-black)}
.sp-ndrc-quiz .sp-button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sp-ndrc-quiz .sp-rules{
  background:#fff;
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius);
  box-shadow:var(--sp-shadow-sm);
  padding:20px;
}
.sp-ndrc-quiz .sp-rules ul{margin:.65rem 0 0;padding-left:1.2rem;color:var(--sp-muted)}
.sp-ndrc-quiz .sp-rules li+li{margin-top:.4rem}
.sp-ndrc-quiz .sp-warning{
  margin-top:14px;
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius-sm);
  background:#fff;
  padding:12px;
  box-shadow:4px 4px 0 var(--sp-magenta);
  font-weight:700;
}
.sp-ndrc-quiz .sp-progress-wrap{margin-bottom:20px}
.sp-ndrc-quiz .sp-progress-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--sp-black);
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-weight:700;
  text-transform:uppercase;
}
.sp-ndrc-quiz .sp-progress{
  height:16px;
  border:3px solid var(--sp-black);
  border-radius:999px;
  background:#fff;
  overflow:hidden;
  margin-top:8px;
}
.sp-ndrc-quiz .sp-progress span{
  display:block;
  height:100%;
  width:0;
  background:var(--sp-yellow);
  border-right:3px solid var(--sp-black);
  transition:width .2s ease;
}
.sp-ndrc-quiz .sp-quiz-grid{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.sp-ndrc-quiz .sp-nav{
  position:sticky;
  top:18px;
  max-height:calc(100vh - 36px);
  overflow:auto;
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius);
  background:#fff;
  padding:14px;
  box-shadow:var(--sp-shadow-sm);
}
.sp-ndrc-quiz .sp-nav-title{
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-size:1.15rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:10px;
}
.sp-ndrc-quiz .sp-question-nav{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
}
.sp-ndrc-quiz .sp-nav-item{
  min-width:0;
  padding:.42rem .2rem;
  border-radius:10px;
  box-shadow:none;
  border-width:2px;
  font-size:.9rem;
  background:var(--sp-paper);
}
.sp-ndrc-quiz .sp-nav-item.sp-current{background:var(--sp-yellow)}
.sp-ndrc-quiz .sp-nav-item.sp-answered{background:#fff;box-shadow:3px 3px 0 var(--sp-black)}
.sp-ndrc-quiz .sp-nav-item.sp-correct{background:#dff4e8}
.sp-ndrc-quiz .sp-nav-item.sp-wrong{background:#ffe1e1}
.sp-ndrc-quiz .sp-nav-item.sp-excluded{background:#f1e4ff}
.sp-ndrc-quiz .sp-question-card{
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius);
  background:#fff;
  box-shadow:var(--sp-shadow-sm);
  padding:clamp(18px,2.5vw,30px);
}
.sp-ndrc-quiz .sp-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}
.sp-ndrc-quiz .sp-tag{
  display:inline-flex;
  border:3px solid var(--sp-black);
  border-radius:999px;
  padding:.34rem .62rem;
  background:var(--sp-paper);
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-weight:700;
  text-transform:uppercase;
}
.sp-ndrc-quiz .sp-tag-yellow{background:var(--sp-yellow)}
.sp-ndrc-quiz .sp-tag-magenta{background:var(--sp-magenta);color:#fff}
.sp-ndrc-quiz .sp-question-text{
  font-size:1.18rem;
  font-weight:800;
  margin:18px 0;
}
.sp-ndrc-quiz .sp-answers{display:grid;gap:11px}
.sp-ndrc-quiz .sp-answer{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius-sm);
  padding:14px;
  background:var(--sp-paper);
  box-shadow:3px 3px 0 var(--sp-black);
  cursor:pointer;
}
.sp-ndrc-quiz .sp-answer:hover{background:#fff}
.sp-ndrc-quiz .sp-answer input{
  width:1.15rem;
  height:1.15rem;
  margin:.15rem 0 0;
  accent-color:var(--sp-magenta);
  box-shadow:none;
  padding:0;
  border-radius:0;
}
.sp-ndrc-quiz .sp-answer.sp-selected{background:#fff;box-shadow:5px 5px 0 var(--sp-magenta)}
.sp-ndrc-quiz .sp-answer.sp-correct{background:#def8e9;box-shadow:5px 5px 0 var(--sp-green)}
.sp-ndrc-quiz .sp-answer.sp-incorrect{background:#ffe0df;box-shadow:5px 5px 0 var(--sp-red)}
.sp-ndrc-quiz .sp-key{
  display:inline-flex;
  min-width:1.65rem;
  height:1.65rem;
  align-items:center;
  justify-content:center;
  border:2px solid var(--sp-black);
  border-radius:50%;
  background:var(--sp-yellow);
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-weight:700;
  margin-right:.45rem;
}
.sp-ndrc-quiz .sp-hint{
  color:var(--sp-muted);
  font-weight:700;
  margin-top:12px;
}
.sp-ndrc-quiz .sp-feedback{
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius-sm);
  padding:15px;
  margin:18px 0 0;
  background:#fff;
  box-shadow:var(--sp-shadow-sm);
}
.sp-ndrc-quiz .sp-feedback.sp-ok{box-shadow:var(--sp-shadow-sm), inset 8px 0 0 var(--sp-green)}
.sp-ndrc-quiz .sp-feedback.sp-ko{box-shadow:var(--sp-shadow-sm), inset 8px 0 0 var(--sp-red)}
.sp-ndrc-quiz .sp-feedback.sp-neutral{box-shadow:var(--sp-shadow-sm), inset 8px 0 0 var(--sp-magenta)}
.sp-ndrc-quiz .sp-actions{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}
.sp-ndrc-quiz .sp-results-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
}
.sp-ndrc-quiz .sp-score-card{
  width:154px;
  min-height:154px;
  display:grid;
  place-items:center;
  border:3px solid var(--sp-black);
  border-radius:28px;
  box-shadow:var(--sp-shadow-sm);
  background:var(--sp-yellow);
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-size:2.2rem;
  font-weight:700;
}
.sp-ndrc-quiz .sp-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:22px 0;
}
.sp-ndrc-quiz .sp-stat{
  background:#fff;
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius-sm);
  box-shadow:var(--sp-shadow-sm);
  padding:16px;
}
.sp-ndrc-quiz .sp-stat strong{
  display:block;
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-size:2rem;
  color:var(--sp-magenta);
}
.sp-ndrc-quiz .sp-chapters{display:grid;gap:10px;margin-top:14px}
.sp-ndrc-quiz .sp-chapter-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius-sm);
  background:#fff;
  padding:12px;
}
.sp-ndrc-quiz .sp-chapter-bar{
  height:12px;
  background:var(--sp-paper);
  border:2px solid var(--sp-black);
  border-radius:999px;
  overflow:hidden;
  margin-top:7px;
}
.sp-ndrc-quiz .sp-chapter-bar span{display:block;height:100%;width:0;background:var(--sp-magenta)}
.sp-ndrc-quiz .sp-review{
  margin-top:22px;
}
.sp-ndrc-quiz .sp-review summary{
  cursor:pointer;
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-size:1.25rem;
  font-weight:700;
  text-transform:uppercase;
}
.sp-ndrc-quiz .sp-review-list{display:grid;gap:12px;margin-top:14px}
.sp-ndrc-quiz .sp-review-card{
  border:3px solid var(--sp-black);
  border-radius:var(--sp-radius-sm);
  background:#fff;
  box-shadow:var(--sp-shadow-sm);
  padding:14px;
}
.sp-ndrc-quiz .sp-review-card.sp-ok{border-left-width:10px;border-left-color:var(--sp-green)}
.sp-ndrc-quiz .sp-review-card.sp-ko{border-left-width:10px;border-left-color:var(--sp-red)}
.sp-ndrc-quiz .sp-review-card.sp-neutral{border-left-width:10px;border-left-color:var(--sp-magenta)}
.sp-ndrc-quiz .sp-pill{
  display:inline-flex;
  border:2px solid var(--sp-black);
  border-radius:999px;
  padding:.18rem .45rem;
  margin:.12rem .16rem .12rem 0;
  font-family:"Rajdhani",Inter,system-ui,sans-serif;
  font-weight:700;
  background:var(--sp-paper);
}
.sp-ndrc-quiz .sp-pill.sp-ok{background:#def8e9}
.sp-ndrc-quiz .sp-pill.sp-ko{background:#ffe0df}
.sp-ndrc-quiz .sp-footer-note{
  margin-top:18px;
  color:var(--sp-muted);
  font-weight:700;
}
@media(max-width:920px){
  .sp-ndrc-quiz{padding:12px;box-shadow:5px 5px 0 var(--sp-black)}
  .sp-ndrc-quiz .sp-topbar,
  .sp-ndrc-quiz .sp-start-grid,
  .sp-ndrc-quiz .sp-quiz-grid,
  .sp-ndrc-quiz .sp-results-head,
  .sp-ndrc-quiz .sp-summary,
  .sp-ndrc-quiz .sp-form-grid{grid-template-columns:1fr}
  .sp-ndrc-quiz .sp-nav{position:static;max-height:none}
  .sp-ndrc-quiz .sp-question-nav{grid-template-columns:repeat(10,1fr)}
  .sp-ndrc-quiz .sp-actions{justify-content:flex-start}
  .sp-ndrc-quiz .sp-topbar::before,
  .sp-ndrc-quiz .sp-topbar::after{opacity:.45}
}
@media(max-width:540px){
  .sp-ndrc-quiz .sp-question-nav{grid-template-columns:repeat(5,1fr)}
  .sp-ndrc-quiz .sp-button-row,
  .sp-ndrc-quiz .sp-actions{display:grid}
  .sp-ndrc-quiz button{width:100%}
  .sp-ndrc-quiz .sp-score-card{width:100%;min-height:110px}
}
@media print{
  .sp-ndrc-quiz{box-shadow:none;border:0;background:#fff}
  .sp-ndrc-quiz .sp-topbar,
  .sp-ndrc-quiz .sp-nav,
  .sp-ndrc-quiz .sp-actions,
  .sp-ndrc-quiz .sp-start-screen{display:none!important}
  .sp-ndrc-quiz .sp-panel,
  .sp-ndrc-quiz .sp-review-card,
  .sp-ndrc-quiz .sp-stat{box-shadow:none}
}