
/* Update 34 — calmer Flork density, embedded mascots, forgiving answer checks */
body.flork34-task .flork-boost33,
body.flork34-focus .flork-boost33{display:none!important}
.task-solution .flork-punchline33,.sample-solution .flork-punchline33,
.rw5-solution .flork-punchline33,.rw25-sol-list .flork-punchline33{display:none!important}
/* Florks should live inside their cards, never over the text. */
.feedback.show,.rw25-feedback.show,.task-feedback,.flork-callout,.exam-result-grid,
.rw5-task-intro,.ww29-side-card,.ww31-side,.ww30-complete,.feature-card{
  position:relative!important;isolation:isolate;overflow:hidden!important
}
.feedback.show>img,.rw25-feedback.show>img,.task-feedback>img,.flork-callout>img,
.exam-result-grid>img,.rw5-task-intro>img,.ww29-side-card>img,.ww31-side>img,
.ww30-complete img,.feature-card .mini-flork{
  object-fit:contain!important;object-position:center!important;align-self:center!important;
  justify-self:center!important;max-width:100%!important;z-index:1!important
}
.feedback.show>div,.rw25-feedback.show>div,.task-feedback>div,.flork-callout>div,
.exam-result-grid>div,.rw5-task-intro>div,.ww29-side-card>div,.ww31-side>div,
.ww30-complete>div{position:relative;z-index:2;min-width:0}
.flork-punchline33{margin-top:7px!important;font-size:.86rem!important;line-height:1.35!important}
/* Only one visual mascot per feedback card. */
.feedback.show img~img,.rw25-feedback.show img~img,.task-feedback img~img,.flork-callout img~img{display:none!important}
/* Punctuation reminders are feedback, not errors. */
.punctuation-note,.punctuation-note34{margin-top:8px;padding:8px 10px;border-radius:10px;background:#fff5df;border:1px solid #ead6a7;color:#6d562c;font-size:.86rem;line-height:1.35}
/* Avoid accidental collisions on narrow layouts. */
.card,.content-section,.rw5-text-card,.rw5-task-card,.ww29-panel,.ww31-card{min-width:0}
.card p,.card li,.content-section p,.rw5-task-card p,.ww29-panel p,.ww31-card p{overflow-wrap:anywhere}
@media(max-width:700px){
 .feedback.show,.rw25-feedback.show,.task-feedback,.flork-callout,.rw5-task-intro{grid-template-columns:minmax(0,1fr) 64px!important;gap:10px!important}
 .feedback.show>img,.rw25-feedback.show>img,.task-feedback>img,.flork-callout>img,.rw5-task-intro>img{width:60px!important;height:60px!important;max-height:60px!important}
}
