/* Zirva – clean pass 3. No marker strokes behind text, ever. */
.swipe,.swipe.anim{background:none!important;padding:0;margin:0;animation:none}

/* quiz intro: facts as one quiet row, no boxes */
.facts3{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font:600 17px/24px var(--font-family-ui)}
.facts3 span{display:inline-flex;align-items:center;gap:8px}
.facts3 i{font-size:20px;color:var(--color-text-secondary)}
.due{margin-top:10px;font:var(--type-body-md);color:var(--color-text-secondary)}
.saved{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:32px;font:var(--type-body-sm);color:var(--color-text-secondary)}
.saved i{font-size:18px}
.intro{padding-bottom:8px}

/* grade arrived: colour carries the feeling, not a marker */
.m-score.good b{color:var(--color-success)}

/* week rows without a header: a little more air */
.week2:not(:has(.w2-top)) .w2-days{margin-top:2px}

/* answer feedback rises from the bottom edge; the icon lands a beat later */
.fb2{animation:sheet 260ms var(--ease-out) both}
.fb2 h5 i{animation:pop 380ms var(--ease-spring) 140ms both}
@keyframes sheet{from{transform:translateY(100%)}to{transform:none}}

/* submitted: the drawn tick replaces the static icon */
.done .ok-ic.draw-host{background:none;box-shadow:none;width:112px;height:112px}
.done .ok-ic .drawcheck{width:112px;height:112px}

@media (prefers-reduced-motion:reduce){
  .fb2,.fb2 h5 i{animation:fade 200ms ease both}
}