/* MeerkatSkool · LEER / STUDY pages (explanations step by step).
   Everything is scoped under main.lr and every class starts with lr-, so nothing
   here can change the quiz pages. Light only, like the rest of the site. */
main.lr{--lr-chrome:#08162E;--lr-navy:#102641;--lr-blue:#1E4A8C;--lr-y:#E5A324;--lr-ydark:#9A6B0E;--lr-cream:#FCF1DE;--lr-soft:#F3F6FA;--lr-line:#C9D3E3;
  --lr-good:#1F7A4D;--lr-bad:#B4372B;--lr-badbg:#FBEDEB;--lr-goodbg:#E6F4EC;
  --lr-display:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--lr-body:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  background:#fff;color:var(--lr-navy);font-family:var(--lr-body);font-size:17px;line-height:1.55}
main.lr *{box-sizing:border-box}
main.lr [hidden]{display:none!important}
.lr-wrap{max-width:820px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
main.lr h1,main.lr h2,main.lr h3{font-family:var(--lr-display);color:var(--lr-navy);text-wrap:balance}
main.lr p{margin:.5em 0;max-width:65ch}

/* hero */
.lr-hero{background:var(--lr-navy);color:#fff}
.lr-hero .lr-wrap{padding-block:18px 26px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.lr-crumbs{font-size:14px;opacity:.85;margin-bottom:10px}
.lr-crumbs a{color:#fff;text-decoration:none;font-weight:700}
.lr-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--lr-y);font-weight:700}
main.lr .lr-hero h1{color:#fff;font-size:clamp(30px,6vw,44px);line-height:1.08;margin:.2em 0 .3em;font-weight:800}
.lr-hero p{opacity:.95}
.lr-hero-pic{width:150px}
.lr-hero-pic svg{max-width:100%;height:auto;display:block}
.lr-prog{margin-top:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:10px 12px;max-width:430px}
.lr-prog-top{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:15px}
.lr-prog-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.18);margin-top:8px;overflow:hidden}
.lr-prog-bar i{display:block;height:100%;width:0;background:var(--lr-y);border-radius:99px;transition:width .4s}
.lr-hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
@media (max-width:560px){.lr-hero .lr-wrap{grid-template-columns:1fr}.lr-hero-pic{display:none}}

/* steps */
.lr-main{padding-block:6px 40px}
.lr-step{padding-block:28px;border-bottom:2px solid var(--lr-soft);scroll-margin-top:84px}
.lr-stephead{display:flex;gap:14px;align-items:flex-start}
.lr-num{flex:none;width:44px;height:44px;border-radius:50%;background:var(--lr-y);color:var(--lr-navy);font-weight:800;font-size:20px;display:grid;place-items:center;box-shadow:0 3px 0 var(--lr-ydark);font-family:var(--lr-display)}
.lr-step.lr-done .lr-num{background:var(--lr-good);color:#fff;box-shadow:0 3px 0 #13502F}
main.lr h2{font-size:clamp(23px,4.2vw,30px);line-height:1.15;margin:4px 0 6px;font-weight:800}
main.lr h3{font-size:19px;margin:18px 0 6px;font-weight:700}
.lr-lead{font-size:18px}

.lr-fr{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1;font-weight:700;margin:0 .12em;font-variant-numeric:tabular-nums}
.lr-fr>span:first-child{border-bottom:2px solid currentColor;padding:0 .18em .08em}
.lr-fr>span:last-child{padding:.08em .18em 0}
.lr-big .lr-fr,.lr-fr.lr-big{font-size:1.6em}
.lr-nw{white-space:nowrap}

.lr-rule{background:var(--lr-cream);border:2px solid var(--lr-y);border-radius:14px;padding:14px 16px;margin:16px 0;box-shadow:0 4px 0 rgba(154,107,14,.35)}
.lr-lab{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.lr-rule .lr-lab{color:#8A5E08}
.lr-rule p{margin:.25em 0;font-weight:700}
.lr-tip{display:flex;gap:12px;align-items:flex-start;background:var(--lr-soft);border-left:6px solid var(--lr-blue);border-radius:0 12px 12px 0;padding:12px 14px;margin:16px 0}
.lr-tip img{flex:none;width:52px;height:auto}
.lr-tip .lr-lab{color:var(--lr-blue)}
.lr-oops{background:var(--lr-badbg);border-left:6px solid var(--lr-bad);border-radius:0 12px 12px 0;padding:12px 16px;margin:16px 0}
.lr-oops .lr-lab{color:var(--lr-bad)}

.lr-row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;margin:14px 0}
.lr-fig{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;max-width:100%}
.lr-cap{font-size:15px;text-align:center;font-weight:700}
.lr-cap.lr-good{color:var(--lr-good)}.lr-cap.lr-bad{color:var(--lr-bad)}
main.lr svg{max-width:100%;height:auto;display:block}
.lr-card{background:#fff;border:2px solid var(--lr-line);border-radius:16px;padding:14px;box-shadow:0 6px 16px rgba(8,22,46,.14);max-width:100%}
.lr-host{width:100%;min-width:0}

/* interactive box */
.lr-ia{position:relative;background:#fff;border:3px dashed var(--lr-y);border-radius:18px;padding:30px 14px 18px;margin:26px 0 8px;box-shadow:0 8px 20px rgba(8,22,46,.14)}
.lr-ia>.lr-play{position:absolute;top:-17px;left:14px}
.lr-play{display:inline-flex;align-items:center;gap:8px;background:var(--lr-y);color:var(--lr-navy);border-radius:999px;padding:5px 14px 5px 8px;font-weight:800;font-size:14px;box-shadow:0 3px 0 var(--lr-ydark);white-space:nowrap}
.lr-play svg{width:22px;height:22px}
main.lr .lr-ia h3{margin-top:0}
.lr-how{font-size:15px;margin:0 0 12px;color:var(--lr-blue);font-weight:700}

table.lr-names{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.lr-tscroll{overflow-x:auto;margin:12px 0}
table.lr-names th,table.lr-names td{border:2px solid var(--lr-line);padding:7px 6px;text-align:center}
table.lr-names td svg{margin:0 auto}
@media (max-width:560px){table.lr-names{font-size:15px}}
table.lr-names th{background:var(--lr-navy);color:#fff;font-weight:700}
table.lr-names td:first-child{font-weight:800}

.lr-work{display:grid;gap:8px;margin:14px 0}
.lr-ln{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.lr-k{flex:none;font-size:13px;font-weight:800;background:var(--lr-navy);color:#fff;border-radius:999px;padding:3px 10px}
.lr-eq{font-size:22px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}

main.lr button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}
main.lr button:focus-visible,main.lr [tabindex]:focus-visible{outline:3px solid var(--lr-y);outline-offset:2px}
.lr-chip{border:2px solid var(--lr-navy);background:#fff;color:var(--lr-navy);border-radius:999px;padding:6px 14px;font-weight:700;box-shadow:0 3px 0 var(--lr-navy);min-height:40px}
.lr-chip[aria-pressed="true"]{background:var(--lr-navy);color:#fff}
.lr-chip:active,.lr-opt:active,.lr-sbtn:active,.lr-go:active{transform:translateY(2px)}
.lr-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.lr-ctl .lr-l{font-weight:700;margin-right:4px}
.lr-out{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
@media (max-width:560px){.lr-out{grid-template-columns:1fr;justify-items:center}}
.lr-read{font-size:20px;font-weight:700;min-width:0}
.lr-read .lr-big{font-size:26px}
g.lr-part[role="button"]{cursor:pointer}

.lr-steppers{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:14px}
.lr-stp{display:flex;align-items:center;gap:8px}
.lr-sl{font-weight:700;font-size:15px}
.lr-sbtn{width:42px;height:42px;border-radius:50%;border:2px solid var(--lr-navy);background:#fff;color:var(--lr-navy);font-weight:800;font-size:22px;line-height:1;box-shadow:0 3px 0 var(--lr-navy);display:grid;place-items:center}
.lr-sbtn:disabled{opacity:.35;cursor:default}
.lr-sval{min-width:34px;text-align:center;font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}

.lr-go{border:0;background:var(--lr-navy);color:#fff;border-radius:12px;padding:11px 18px;font-weight:800;box-shadow:0 3px 0 var(--lr-chrome);min-height:44px}
.lr-go.lr-y{background:var(--lr-y);color:var(--lr-navy);box-shadow:0 3px 0 var(--lr-ydark)}
.lr-go:disabled{opacity:.45;cursor:default}
.lr-fb{font-weight:700;min-height:1.6em;margin-top:10px}
.lr-fb.lr-good{color:var(--lr-good)}.lr-fb.lr-bad{color:var(--lr-bad)}
.lr-streak{font-size:14px;font-weight:700;background:var(--lr-soft);border-radius:999px;padding:4px 12px;display:inline-block}

.lr-sort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:560px){.lr-sort{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lr-sitem{border:2px solid var(--lr-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff}
.lr-sitem.lr-ok{border-color:var(--lr-good);background:var(--lr-goodbg)}.lr-sitem.lr-no{border-color:var(--lr-bad);background:var(--lr-badbg)}
.lr-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.lr-sitem .lr-chip{padding:4px 10px;font-size:14px}
.lr-res{font-size:14px;font-weight:700;text-align:center;min-height:1.4em}

.lr-wall{display:grid;gap:4px;margin:4px 0 10px}
.lr-wrow{display:flex;gap:4px}
.lr-wcell{flex:1;min-width:0;border:2px solid var(--lr-navy);border-radius:6px;background:#fff;display:grid;place-items:center;min-height:42px;font-size:14px;font-weight:700;padding:2px;cursor:pointer;color:var(--lr-navy)}
.lr-wcell.lr-on{background:var(--lr-y)}
.lr-wrow.lr-whole .lr-wcell{background:var(--lr-navy);color:#fff;cursor:default}
.lr-msg{font-weight:700;min-height:1.6em}

.lr-cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.lr-side{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0}
.lr-sign{font-size:54px;font-weight:800;color:var(--lr-navy);background:var(--lr-cream);border:3px solid var(--lr-y);border-radius:16px;width:80px;height:80px;display:grid;place-items:center;line-height:1}
@media (max-width:560px){.lr-cmp{grid-template-columns:1fr}.lr-cmp .lr-sign{justify-self:center}}

.lr-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.lr-opt{border:2px solid var(--lr-navy);background:#fff;color:var(--lr-navy);border-radius:12px;padding:8px 16px;font-weight:700;font-size:18px;box-shadow:0 3px 0 var(--lr-navy);display:inline-flex;align-items:center;min-height:44px}
.lr-opt.lr-right{background:var(--lr-good);border-color:var(--lr-good);color:#fff;box-shadow:0 3px 0 #13502F}
.lr-opt.lr-wrong{background:var(--lr-badbg);border-color:var(--lr-bad);color:var(--lr-bad);box-shadow:0 3px 0 var(--lr-bad)}
.lr-q{border:2px solid var(--lr-line);border-radius:14px;padding:14px 16px;margin:12px 0;background:#fff}
.lr-qt{font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lr-qn{flex:none;width:30px;height:30px;border-radius:50%;background:var(--lr-y);display:grid;place-items:center;font-weight:800;font-size:15px}
.lr-why{margin-top:10px;font-weight:700}
.lr-score{font-weight:800;font-size:18px}

/* "I understand" button at the end of each step */
.lr-gotit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.lr-gotit button{border:2px solid var(--lr-good);background:#fff;color:var(--lr-good);border-radius:12px;padding:10px 16px;font-weight:800;box-shadow:0 3px 0 var(--lr-good);min-height:44px}
.lr-step.lr-done .lr-gotit button{background:var(--lr-good);color:#fff}
.lr-gotit small{color:#5C6F86;font-weight:700}

.lr-parents{background:var(--lr-soft);border:2px solid var(--lr-line);border-radius:16px;padding:16px 18px;margin-top:22px}
.lr-parents ul{margin:.4em 0 0;padding-left:1.2em}
.lr-parents li{margin:.3em 0}
.lr-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--lr-navy);color:#fff;border-radius:18px;padding:20px;margin-top:26px;box-shadow:0 8px 20px rgba(8,22,46,.25)}
.lr-cta p{margin:0;font-weight:700;max-width:46ch}
.lr-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lr-y);color:var(--lr-navy)!important;font-weight:800;text-decoration:none!important;border-radius:12px;padding:12px 20px;box-shadow:0 4px 0 var(--lr-ydark);min-height:46px}
.lr-btn.lr-ghost{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.6);box-shadow:none}
.lr-allclear{display:none;align-items:center;gap:12px;background:var(--lr-goodbg);border:2px solid var(--lr-good);border-radius:14px;padding:12px 14px;margin-top:16px;font-weight:800;color:var(--lr-good)}
.lr-allclear img{width:58px;height:auto}
.lr-allclear.lr-show{display:flex}
.lr-note{font-size:14px;color:#5C6F86;margin-top:18px}
@keyframes lrpop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
.lr-popin{animation:lrpop .25s ease-out both;transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:reduce){main.lr *{transition:none!important;animation:none!important}}

/* STUDY card on the maths pages (own class: it does not join the numbered topic cards) */
.lr-studycard{display:flex;align-items:center;gap:14px;text-decoration:none!important;background:#fff;border:3px solid #E5A324;border-radius:18px;padding:14px 16px;box-shadow:0 6px 0 #9A6B0E,0 10px 22px rgba(8,22,46,.16);color:#102641!important;margin:6px 0 18px;max-width:640px}
.lr-studycard:active{transform:translateY(3px);box-shadow:0 3px 0 #9A6B0E}
.lr-studycard .lr-sc-ic{flex:none;width:52px;height:52px;border-radius:14px;background:#102641;display:grid;place-items:center}
.lr-studycard b{display:block;font:800 19px/1.2 "Bricolage Grotesque",system-ui,sans-serif}
.lr-studycard small{display:block;font-weight:700;color:#5C6F86;font-size:14px;margin-top:2px}
.lr-studycard .lr-sc-go{margin-left:auto;flex:none;background:#E5A324;color:#102641;border-radius:999px;padding:6px 12px;font-weight:800;font-size:14px}
.lr-studyhead{display:flex;align-items:center;gap:10px;margin:22px 0 6px}
.lr-studyhead .lr-pill{background:#102641;color:#fff;border-radius:999px;padding:3px 12px;font-weight:800;font-size:13px}
.lr-studyhead h2{margin:0;font:800 22px/1.2 "Bricolage Grotesque",system-ui,sans-serif;color:#102641}
.lr-memolink{display:inline-block;margin-top:8px;font-weight:800;color:#1E4A8C!important;text-decoration:underline}

/* ---- shared parts for every Extra Maths Class (8 Nov) ---- */
.lr-ol{display:grid;gap:10px;margin:14px 0;padding:0;list-style:none;counter-reset:lrs}
.lr-ol li{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--lr-line);border-radius:14px;padding:10px 14px;background:#fff}
.lr-ol li::before{counter-increment:lrs;content:counter(lrs);flex:none;width:30px;height:30px;border-radius:50%;background:var(--lr-navy);color:var(--lr-y);font-weight:800;display:grid;place-items:center;font-family:var(--lr-display)}
.lr-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
@media (max-width:560px){.lr-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lr-fs{border:2px solid var(--lr-line);border-radius:14px;padding:12px;background:#fff;text-align:center}
.lr-fs .lr-sym{width:46px;height:46px;border-radius:50%;background:var(--lr-navy);color:var(--lr-y);font-weight:800;font-size:26px;display:grid;place-items:center;margin:0 auto 6px}
.lr-fs b{display:block;font-size:18px}
.lr-fs span{font-size:14px}
.lr-defs{display:grid;gap:8px;min-width:0}
.lr-defs div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.lr-defs b{min-width:96px}
.lr-track{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.lr-tk{border:2px solid var(--lr-line);border-radius:999px;padding:3px 12px;font-size:14px;font-weight:800;background:#fff}
.lr-tk.lr-on{background:var(--lr-y);border-color:var(--lr-y);box-shadow:0 3px 0 var(--lr-ydark)}
/* practice board: on a phone the question sits above the board and the keys right under it */
.lr-pa{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);grid-template-areas:"board ask" "board panel";gap:4px 20px;align-items:start}
.lr-pa-ask{grid-area:ask;min-width:0}.lr-pa-board{grid-area:board;min-width:0}.lr-pa-panel{grid-area:panel;min-width:0}
@media (max-width:640px){.lr-pa{grid-template-columns:minmax(0,1fr);grid-template-areas:"ask" "board" "panel";gap:8px}}
.lr-board{background:#fff;border:2px solid var(--lr-line);border-radius:16px;padding:8px;background-image:linear-gradient(var(--lr-soft) 1px,transparent 1px),linear-gradient(90deg,var(--lr-soft) 1px,transparent 1px);background-size:22px 22px;overflow-x:auto;max-width:100%;justify-self:start}
@media (max-width:640px){.lr-board{justify-self:center}}
.lr-ask{font-size:19px;font-weight:700;margin:0 0 6px}
.lr-say{font-size:17px;font-weight:700;min-height:3.2em;margin:0 0 10px}
.lr-ansbox{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.lr-ansval{min-width:110px;height:52px;border:3px solid var(--lr-navy);border-radius:12px;display:grid;place-items:center;font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;background:#fff}
.lr-keys{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:8px;max-width:400px}
.lr-key{height:48px;min-width:0;padding:0;border-radius:12px;border:2px solid var(--lr-navy);background:#fff;color:var(--lr-navy);font-weight:800;font-size:21px;box-shadow:0 3px 0 var(--lr-navy)}
.lr-key:active{transform:translateY(2px)}
.lr-key.lr-ok{grid-column:span 2;background:var(--lr-good);border-color:var(--lr-good);color:#fff;box-shadow:0 3px 0 #13502F;font-size:17px}

.lr-yn{display:flex;gap:10px;margin-bottom:10px}.lr-yn .lr-go{min-width:90px;font-size:18px}
.lr-times{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lr-times span{background:var(--lr-soft);border-radius:8px;padding:3px 8px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.lr-times span.lr-hl{background:var(--lr-y)}
@keyframes lrpulse{0%,100%{opacity:1}50%{opacity:.4}}
.lr-pulse{animation:lrpulse 1s ease-in-out infinite}
.lr-sums{display:grid;gap:6px;font-size:19px;font-weight:700;margin-top:10px;font-variant-numeric:tabular-nums}
.lr-sums .lr-p1{color:#8A5E08}.lr-sums .lr-p2{color:var(--lr-blue)}
.lr-big2{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.lr-tabular{font-variant-numeric:tabular-nums}

/* landing pages: Extra Wiskunde Klasse / Extra Maths Classes */
.lr-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 8px;padding:0;list-style:none}
@media (max-width:640px){.lr-topics{grid-template-columns:minmax(0,1fr)}}
.lr-tcard{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid var(--lr-line);border-radius:18px;padding:14px 16px;text-decoration:none!important;color:var(--lr-navy)!important;box-shadow:0 5px 0 var(--lr-line);height:100%}
.lr-tcard:hover{border-color:var(--lr-y);box-shadow:0 5px 0 var(--lr-ydark)}
.lr-tcard:active{transform:translateY(3px);box-shadow:0 2px 0 var(--lr-ydark)}
.lr-tnum{flex:none;width:52px;height:52px;border-radius:14px;background:var(--lr-navy);color:var(--lr-y);display:grid;place-items:center;font:800 22px/1 var(--lr-display);letter-spacing:-.02em}
.lr-tnum svg{width:34px;height:34px}
.lr-ttx{min-width:0;flex:1}
.lr-ttx b{display:block;font:800 19px/1.2 var(--lr-display)}
.lr-ttx small{display:block;font-size:15px;color:#4A5D78;margin-top:4px;line-height:1.4}
.lr-tmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.lr-tgo{background:var(--lr-y);border-radius:999px;padding:3px 12px;font-weight:800;font-size:14px}
.lr-tprog{font-size:13px;font-weight:800;color:var(--lr-good)}
.lr-gcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
@media (max-width:640px){.lr-gcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lr-gcard{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border:3px solid var(--lr-y);border-radius:18px;padding:18px 10px;text-decoration:none!important;color:var(--lr-navy)!important;box-shadow:0 6px 0 var(--lr-ydark)}
.lr-gcard:active{transform:translateY(3px);box-shadow:0 3px 0 var(--lr-ydark)}
.lr-gcard b{font:800 34px/1 var(--lr-display)}
.lr-gcard span{font-weight:800}
.lr-gcard small{font-size:14px;color:#4A5D78;font-weight:700}
/* the study pages do not load the quiz stylesheets, so they set the base font themselves */
body.lr-page{margin:0;background:#fff;color:#102641;font-family:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}
body.lr-page .mk-taalband{font-family:inherit}
.lr-qbox{display:inline-grid;place-items:center;min-width:2.2em;border:3px dashed var(--lr-y);border-radius:8px;padding:0 .3em;background:var(--lr-cream);color:var(--lr-blue)}
.lr-steppers.lr-compact{display:grid;grid-template-columns:repeat(3,max-content);gap:10px 18px}
@media (max-width:560px){.lr-steppers.lr-compact{grid-template-columns:repeat(2,max-content)}}
.lr-steppers.lr-compact .lr-sl{min-width:2.4em}
.lr-steppers.lr-compact .lr-stp{gap:6px}
.lr-steppers.lr-compact .lr-sbtn{width:36px;height:36px;font-size:19px}
.lr-steppers.lr-compact .lr-sval{min-width:22px;font-size:20px}
@media (max-width:560px){.lr-steppers.lr-compact{gap:10px 12px}.lr-steppers.lr-compact .lr-sl{min-width:2em}}
.lr-studycard .lr-sc-t{color:#E5A324;font:800 18px/1 "Bricolage Grotesque",system-ui,sans-serif;white-space:nowrap}
.lr-sccards{display:grid;gap:4px;margin-top:10px}
.lr-sccards .lr-studycard{margin:6px 0 10px}
.lr-studycard{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal}
.lr-studycard>span:nth-child(2){flex:1;min-width:0}
@media (max-width:420px){.lr-studycard{gap:10px;padding:12px}.lr-studycard .lr-sc-ic{width:44px;height:44px}.lr-studycard b{font-size:17px}.lr-studycard small{font-size:13px}.lr-studycard .lr-sc-go{padding:6px 10px;font-size:13px}}
main.lr .lr-dtab{border-collapse:collapse;width:100%;max-width:440px;margin:10px 0;font-weight:700}
main.lr .lr-dtab th,main.lr .lr-dtab td{border:2px solid var(--lr-line,#DCE3EE);padding:6px 10px;text-align:left;vertical-align:middle}
main.lr .lr-dtab th{background:#102641;color:#fff;font-size:14px}
main.lr .lr-dtab td:last-child{text-align:center;width:70px;font-size:18px}
main.lr .lr-dtab svg{display:block}
main.lr .lr-dcards{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
main.lr .lr-dcard{min-width:42px;height:46px;display:grid;place-items:center;border:2px solid #102641;border-radius:10px;background:#fff;font:800 20px/1 "Bricolage Grotesque",system-ui,sans-serif;color:#102641}
main.lr .lr-dcard.lr-on{background:#E5A324;box-shadow:0 3px 0 #9A6B0E}
main.lr #lr-ta-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
main.lr #lr-ta-list .lr-chip[disabled]{opacity:.35;text-decoration:line-through}
main.lr .lr-ptab{width:auto;max-width:100%}
main.lr .lr-ptab th{white-space:nowrap}
main.lr .lr-ptab td{text-align:center;min-width:34px;width:auto;font-size:16px}
main.lr .lr-ptab td.lr-hl{background:#FCF1DE}
main.lr .lr-tabwrap{overflow-x:auto;max-width:100%}
main.lr .lr-ptab td:last-child{width:auto;font-size:16px}
main.lr .lr-btab td:last-child{width:auto;text-align:right;white-space:nowrap;font-size:16px}
main.lr .lr-btab .lr-neg{color:#B4372B}
main.lr .lr-btab .lr-pos{color:#1F7A4D}
.lr-hoekom{background:#EAF5EE;border:2px solid #2E6B4F;border-radius:14px;padding:12px 16px 12px;margin:16px 0;box-shadow:0 4px 0 rgba(46,107,79,.25)}
.lr-hoekom .lr-lab{display:flex;align-items:center;gap:10px;color:#1D5A3F;text-transform:none;letter-spacing:0;font:800 17px/1.25 "Bricolage Grotesque",system-ui,sans-serif;margin-bottom:6px}
.lr-hoekom .lr-qic{flex:none;width:28px;height:28px;border-radius:50%;background:#2E6B4F;color:#fff;display:grid;place-items:center;font-size:17px}
.lr-hoekom p{margin:.2em 0;font-size:16px;line-height:1.55}
.lr-opsom{background:#fff;border:3px solid #102641;border-radius:16px;padding:14px 18px;margin:8px 0 22px;box-shadow:0 6px 0 #102641}
.lr-opsom .lr-lab{color:#102641;text-transform:none;letter-spacing:0;font:800 19px/1.25 "Bricolage Grotesque",system-ui,sans-serif;margin-bottom:8px}
.lr-opsom ul{margin:0;padding-left:1.2em;display:grid;gap:8px}
.lr-opsom li{font-weight:700;line-height:1.5}
.lr-opsom li::marker{color:#E5A324}
.lr-opsom .lr-opsom-tip{margin:12px 0 0;font-size:14px;color:#5C6F86;font-weight:700}
main.lr .lr-ws-topics{flex-wrap:wrap}
main.lr .lr-ws-card{border:2px solid var(--lr-line);border-radius:16px;padding:14px;background:#fff;margin:10px 0}
main.lr .lr-ws-pic{display:flex;justify-content:center;background:#F3F6FA;border-radius:12px;padding:8px;min-height:110px;align-items:center}
main.lr .lr-ws-pic svg{display:block}
main.lr .lr-ws-q{font-size:18px;font-weight:700;line-height:1.5;margin:12px 0 8px}
main.lr .lr-ws-in{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
main.lr .lr-ws-in .lr-ansbox{flex:1;min-width:0;max-width:240px}
main.lr .lr-ws-unit{font:800 18px "Bricolage Grotesque",system-ui,sans-serif;color:#102641;order:2}
main.lr .lr-ws-unit.lr-ws-pre{order:0}
main.lr .lr-ws-in .lr-ansbox{order:1}
main.lr .lr-ws-hintbox{background:#EAF5EE;border:2px solid #2E6B4F;border-radius:12px;padding:10px 14px;margin-top:10px;line-height:1.6}
main.lr .lr-ws-steps{margin-top:10px}
main.lr .lr-ws-progl{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
main.lr .lr-ws-progl li{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--lr-line);border-radius:10px;padding:6px 10px;font-size:14px}
main.lr .lr-toolsh{font:800 24px/1.2 "Bricolage Grotesque",system-ui,sans-serif;color:#102641;margin:28px 0 10px}
main.lr .lr-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4px 14px}
main.lr .lr-tools .lr-studycard{max-width:none;margin:6px 0 12px}
/* free PDF papers (8 Nov) */
.lr-pdf{background:#fff;border:2px solid #102641;border-radius:18px;padding:16px 18px;margin:24px 0;box-shadow:0 5px 0 #102641}
.lr-pdf-kop{display:flex;gap:12px;align-items:flex-start}
.lr-pdf-kop svg{flex:none;margin-top:2px}
.lr-pdf-kop h2{font:800 22px/1.2 "Bricolage Grotesque",system-ui,sans-serif;color:#102641;margin:0 0 4px}
.lr-pdf-kop b{display:block;font:800 18px/1.25 "Bricolage Grotesque",system-ui,sans-serif;color:#102641}
.lr-pdf-kop span{display:block;color:#33465F;font-size:15px;line-height:1.45;font-weight:600}
.lr-pdf h3{font:800 16px/1.3 "Bricolage Grotesque",system-ui,sans-serif;color:#102641;margin:18px 0 6px;text-transform:none;letter-spacing:0}
.lr-pdf-lys{list-style:none;margin:10px 0 0;padding:0}
.lr-pdf-ry{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #E3E9F1}
.lr-pdf-nm{font-weight:800;color:#102641;font-size:16px;min-width:0}
.lr-pdf-nm small{display:block;font-weight:600;color:#5C6F86;font-size:13px}
.lr-pdf-kn{display:flex;gap:8px;flex-wrap:wrap}
.lr-pdf-a{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 14px;font:800 14px/1 "Bricolage Grotesque",system-ui,sans-serif;text-decoration:none!important;border:2px solid #102641;color:#102641!important}
.lr-pdf-a.y{background:#E5A324}
.lr-pdf-a.n{background:#fff}
.lr-pdf-a:focus-visible{outline:3px solid #1E4A8C;outline-offset:2px}
.lr-pdf-al{display:inline-block;margin-top:12px;font-weight:800;color:#1E4A8C}
.lr-pdf .lr-gcards{margin-top:14px}
@media (max-width:480px){.lr-pdf{padding:14px}.lr-pdf-kn{width:100%}.lr-pdf-a{flex:1;justify-content:center}.lr-pdf-kop h2{font-size:19px}}
.lr-pdf-a svg{flex:none}
/* 8 Nov V9: new classes (expressions, quadrilaterals, graphs, number grids) */
.lr-exprbox{margin:8px 0 12px;overflow-x:auto}
.lr-expr{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:30px}
.lr-expr i{font-style:italic;font-family:Georgia,"Times New Roman",serif}
.lr-term{padding:2px 6px;border-radius:10px;border:2px solid transparent}
.lr-term.lr-hl{border-color:#C8372D;background:#FCF1DE}
.lr-expr .lr-hl:not(.lr-term){background:#E5A324;border-radius:6px;padding:0 4px}
.lr-op{color:#1E4A8C;font-weight:800}
.lr-plist{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:4px;font-size:15px}
.lr-vopts .lr-opt.lr-vopt{flex-direction:column;gap:4px;padding:8px 10px;font-size:14px;min-width:112px}
.lr-vopt svg{display:block;max-width:100%;height:auto}
.lr-gopts .lr-opt{padding:6px}
.lr-gopts .lr-opt svg{display:block;max-width:100%;height:auto}
.lr-numgrid .lr-opt.lr-numopt{min-width:76px;justify-content:center;font-size:16px;padding:6px 10px}
@media (max-width:480px){.lr-expr{font-size:24px}.lr-vopts .lr-opt.lr-vopt{min-width:96px}.lr-numgrid .lr-opt.lr-numopt{min-width:64px;font-size:15px}}
@media (max-width:480px){.lr-keys{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}}
@media (max-width:480px){#lr-gb-segs .lr-ctl{flex-wrap:nowrap;gap:6px}#lr-gb-segs .lr-chip{padding:8px 9px;font-size:14px;white-space:nowrap}#lr-gb-segs .lr-l{min-width:0;font-size:13px}}
.lr-pdf-meer{margin-top:14px;border-top:1px solid #DCE3EE;padding-top:10px}
.lr-pdf-meer summary{cursor:pointer;font-weight:800;color:#1E4A8C;padding:8px 0;min-height:44px;display:flex;align-items:center}