/* bl-mistakes.css - Mistakes as one recognisable thing across the site (coordinator, 25 Oct 2026: "a well-known core
   habit"): the purple Mistakes icon with the name, the return prompt (components/mk-prompt.php: Home, My courses, a
   course page) and the line at the end of a lesson (assets/js/bl-mistakes.js BLMk.lessonEnd). Site tokens only, so light
   and dark follow the theme. Calm: one line, never a pop-up, never over the content. */
.bl-mk-ico{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--play);color:#fff}
.bl-mk-ico svg{display:block}
/* the return prompt (owner, 25 Oct: "button / banner instead?", then "not really visible on the background"; prompts lead
   with the action, not the word mistakes): one tappable banner the width of its column, the Mistakes icon, "Quick review"
   over "3 questions ready, about 2 minutes.", and Start as a small filled button; the whole banner is the link (its
   ::after covers it), and My courses' "See all N" is a link of its own above that. Light: the card surface with a purple
   border and the card's soft shadow; dark: Mistakes' tint with a purple border. */
.bl-mkp{position:relative;display:flex;align-items:center;gap:16px;box-sizing:border-box;width:100%;min-height:56px;margin:24px 0 0;padding:16px 20px;border-radius:16px;
  background:var(--surface);border:1.5px solid #cbbdf5;box-shadow:0 1px 2px rgba(21,54,90,.06),0 6px 18px rgba(21,54,90,.07);color:var(--ink)}
:root[data-theme="dark"] .bl-mkp{background:var(--play-tint);border-color:#5d4aa8;box-shadow:none}
.bl-mkp[hidden]{display:none}
.bl-mkp .bl-mk-ico{width:32px;height:32px}
.bl-mkp-tx{flex:1 1 auto;min-width:0;display:grid;gap:2px}
.bl-mkp-a{font-size:16px;line-height:1.3;font-weight:600;color:var(--ink);text-decoration:none}
.bl-mkp-a::after{content:'';position:absolute;inset:0;border-radius:16px}
.bl-mkp-a:focus-visible{outline:none}
.bl-mkp:has(.bl-mkp-a:focus-visible){outline:3px solid var(--play);outline-offset:2px}
.bl-mkp-s{font-size:14px;line-height:1.35;font-weight:400;color:var(--ink-3)}
.bl-mkp-s > span{white-space:nowrap}   /* breaks between the count and the time, never inside them */
.bl-mkp-all{position:relative;z-index:1;color:var(--play-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bl-mkp-go{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:10px;background:#6a4bc4;color:#fff;font-size:15px;font-weight:700}
:root[data-theme="dark"] .bl-mkp-go{background:#a58cf5;color:#120c2a}
.bl-mkp:hover .bl-mkp-go{background:#5b3dba}
:root[data-theme="dark"] .bl-mkp:hover .bl-mkp-go{background:#b8a3ff}
.hm-hero-tx .bl-mkp{max-width:560px}   /* Home: the width of the learner's card above it (bl-home.css .hm-me) */
/* the end of a lesson: a secondary action under Next, or a line saying when they come back */
.bl-mk-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:14px 0 0;color:var(--ink-2);font-size:15.5px;line-height:1.4}
.bl-mk-end .bl-mk-go{text-decoration:none}