/* Prentenboek-bladzijden: paginavullende, statische tekening + tekst in een vlak in de prent
   (perkament, uithangbord, wolk, kaartje, lint, spreekballon of nachtlucht). Geen animatie.
   Tekstcontrast overal ≥ 4.5:1 (o.a. #3b2a1e op #fff8e7 ≈ 13:1, wit op nachtblauw ≈ 14:1). */
.page.page--illus{padding:0;overflow:hidden;background:#1c1d47!important;justify-content:flex-start}
.page--illus::before,.page--illus::after{display:none}
.page--illus .page__ill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.page--l.page--illus .page__ill{border-radius:8px 2px 2px 8px}
.page--r.page--illus .page__ill{border-radius:2px 8px 8px 2px}
/* zachte rugschaduw over de prent */
.page--illus .page__ill+.ill-txt::after{content:none}
.page--illus.page--l{box-shadow:none}
.page--illus.page--r{box-shadow:none}
.page--illus>.page__ill{box-shadow:none}
.page--l.page--illus{background-image:none}
.ill-txt{position:absolute;margin:0;z-index:2;
  font-family:var(--f-title,"Fredoka",system-ui,sans-serif);font-weight:600;
  font-size:clamp(15px,calc(var(--pw)*.046),24px);line-height:1.32;text-align:left;
  color:#3b2a1e;background:#fff8e7;
  background-image:radial-gradient(circle at 20% 15%,rgba(255,255,255,.7),transparent 55%),radial-gradient(circle at 85% 90%,rgba(214,176,112,.28),transparent 60%);
  border:2px solid #d4ab6a;border-radius:6px;
  padding:1.05em 1.05em .95em;
  box-shadow:0 6px 0 rgba(20,10,30,.25),0 10px 24px rgba(0,0,0,.35)}
.ill-txt p{margin:0 0 .45em}
.ill-txt p:last-of-type{margin-bottom:0}
.ill-txt p:first-of-type::first-letter{font-size:1.45em;line-height:1;color:#b21f19}
.ill-txt__deco{position:absolute;pointer-events:none}
/* houten rolletjes boven/onder: het perkament hangt als een uithangbord */
.ill-txt--s-parchment .ill-txt__deco{position:absolute;left:-10px;right:-10px;top:-9px;height:14px;border-radius:7px;
  background:linear-gradient(#a8743f,#6e4321 60%,#4b2c15);box-shadow:0 2px 3px rgba(0,0,0,.35)}
.ill-txt--s-parchment .ill-txt__deco--b{top:auto;bottom:-9px}
.ill-txt--s-parchment .ill-txt__deco::before,.ill-txt--s-parchment .ill-txt__deco::after{content:"";position:absolute;top:-2px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f6d27a,#c0241d 70%)}
.ill-txt--s-parchment .ill-txt__deco::before{left:-6px}.ill-txt--s-parchment .ill-txt__deco::after{right:-6px}
.ill-txt--s-parchment .ill-txt__deco--b::before,.ill-txt--s-parchment .ill-txt__deco--b::after{display:none}
/* plekken (zelfde verhouding 2:3 op desktop en mobiel, dus procenten blijven kloppen) */
.ill-txt--tl{top:max(5.5%,54px);left:5%;width:58%}
.ill-txt--tr{top:max(5.5%,54px);right:5%;width:58%}
.ill-txt--bl{bottom:7%;left:5%;width:58%}
.ill-txt--br{bottom:7%;right:5%;width:58%}
.ill-txt--top{top:max(5.5%,54px);left:7%;right:7%}
.ill-txt--bottom{bottom:7%;left:7%;right:7%}
/* paginanummer leesbaar op de prent */
.page--illus .page__num{left:50%;right:auto;transform:translateX(-50%);bottom:1.6%;min-width:2em;padding:.1em .55em;border-radius:99px;background:#fff8e7;color:#3b2a1e;opacity:.95;z-index:2}
/* smalle schermen: iets breder vlak zodat de regels niet te kort worden */
/* —— stijlen —— */
/* uithangbord: licht hout aan twee touwtjes */
.ill-txt--s-sign{background:#f3dfb5;background-image:repeating-linear-gradient(90deg,rgba(140,90,40,.07) 0 3px,transparent 3px 22px),linear-gradient(#f7e6c2,#ecd3a2);
  border:4px solid #8a5a2b;border-radius:10px;text-align:center;box-shadow:inset 0 0 0 2px #c99a5c,0 6px 0 rgba(20,10,30,.3),0 10px 24px rgba(0,0,0,.35)}
.ill-txt--s-sign .ill-txt__deco:not(.ill-txt__deco--b){left:12%;right:12%;top:-60px;height:60px;border-left:3px solid #c9a46a;border-right:3px solid #c9a46a}
.ill-txt--s-sign .ill-txt__deco:not(.ill-txt__deco--b)::before,.ill-txt--s-sign .ill-txt__deco:not(.ill-txt__deco--b)::after{content:"";position:absolute;bottom:-7px;width:10px;height:10px;border-radius:50%;background:#5c3a1c}
.ill-txt--s-sign .ill-txt__deco:not(.ill-txt__deco--b)::before{left:-6.5px}.ill-txt--s-sign .ill-txt__deco:not(.ill-txt__deco--b)::after{right:-6.5px}
/* droomwolk met denkbolletjes naar linksonder */
.ill-txt--s-cloud{background:#fbfdff;color:#24305e;border:3px solid #c9d6f2;border-radius:46px;padding:1.2em 1.3em 1.1em;box-shadow:0 8px 22px rgba(70,40,10,.3)}
.ill-txt--s-cloud .ill-txt__deco:not(.ill-txt__deco--b){top:-18px;left:18%;width:30%;height:40px;border-radius:50%;background:#fbfdff;border-top:3px solid #c9d6f2;z-index:-1}
.ill-txt--s-cloud .ill-txt__deco:not(.ill-txt__deco--b)::after{content:"";position:absolute;left:105%;top:6px;width:80%;height:32px;border-radius:50%;background:#fbfdff;border-top:3px solid #c9d6f2}
.ill-txt--s-cloud .ill-txt__deco--b{bottom:-30px;left:14%;width:22px;height:22px;border-radius:50%;background:#fbfdff;border:3px solid #c9d6f2}
.ill-txt--s-cloud .ill-txt__deco--b::after{content:"";position:absolute;left:-26px;top:26px;width:12px;height:12px;border-radius:50%;background:#fbfdff;border:3px solid #c9d6f2}
/* systeemkaartje: gelijnd, plakbandje, een tikje scheef */
.ill-txt--s-card{background:#fffdf6;background-image:linear-gradient(90deg,transparent 2.1em,rgba(214,60,60,.45) 2.1em,rgba(214,60,60,.45) calc(2.1em + 2px),transparent calc(2.1em + 2px)),repeating-linear-gradient(transparent 0 calc(1.32em - 1px),rgba(80,130,200,.28) calc(1.32em - 1px) 1.32em);
  background-position:0 0,0 .95em;color:#1f2547;border:0;border-radius:3px;padding:1em 1em .9em 2.8em;transform:rotate(-1.6deg);box-shadow:0 8px 20px rgba(0,0,0,.45)}
.ill-txt--s-card .ill-txt__deco:not(.ill-txt__deco--b){top:-12px;left:50%;width:90px;height:24px;margin-left:-45px;background:rgba(246,220,140,.85);transform:rotate(2deg);box-shadow:0 1px 2px rgba(0,0,0,.2)}
/* lint/banier met zwaluwstaarten */
.ill-txt--s-banner{background:#fff3d6;color:#3b2a1e;border:0;border-top:7px solid #b8231c;border-bottom:7px solid #b8231c;border-radius:2px;text-align:center;padding:.85em 1em .8em;box-shadow:0 8px 20px rgba(0,0,0,.45)}
.ill-txt--s-banner .ill-txt__deco{top:16%;width:30px;height:46%;background:#8f1a15}
.ill-txt--s-banner .ill-txt__deco:not(.ill-txt__deco--b){left:-26px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);z-index:-1}
.ill-txt--s-banner .ill-txt__deco--b{right:-26px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);z-index:-1}
/* spreekballon met staartje (links of rechts onder) */
.ill-txt--s-bubble-l,.ill-txt--s-bubble-r{background:#fff;color:#2b2350;border:3px solid #2b2350;border-radius:26px;padding:1em 1.15em .95em;box-shadow:0 6px 0 rgba(20,10,40,.25)}
.ill-txt--s-bubble-l .ill-txt__deco--b,.ill-txt--s-bubble-r .ill-txt__deco--b{bottom:-30px;width:34px;height:32px;background:#2b2350}
.ill-txt--s-bubble-l .ill-txt__deco--b::after,.ill-txt--s-bubble-r .ill-txt__deco--b::after{content:"";position:absolute;inset:-1px 5px 7px;background:#fff}
.ill-txt--s-bubble-r .ill-txt__deco--b{right:22%;clip-path:polygon(0 0,100% 0,100% 100%)}
.ill-txt--s-bubble-r .ill-txt__deco--b::after{clip-path:polygon(0 0,100% 0,100% 100%);inset:-3px 4px 9px 10px}
.ill-txt--s-bubble-l .ill-txt__deco--b{left:16%;clip-path:polygon(0 0,100% 0,0 100%)}
.ill-txt--s-bubble-l .ill-txt__deco--b::after{clip-path:polygon(0 0,100% 0,0 100%);inset:-3px 10px 9px 4px}
/* lint rechtsonder iets smaller, zodat de speurneus links vrij blijft */
.ill-txt--s-banner.ill-txt--br{width:50%;right:6%}
/* rustige nachtlucht */
.ill-txt--s-sky{background:rgba(14,20,60,.85);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:18px;text-align:center;box-shadow:0 8px 26px rgba(0,0,0,.45)}
.ill-txt--s-sky p:first-of-type::first-letter{color:#ffd56b}
.ill-txt--s-plank p:first-of-type::first-letter{color:#ffd56b}
.ill-txt--s-sky .ill-txt__deco:not(.ill-txt__deco--b){top:-10px;right:12%;width:18px;height:18px;background:#ffd56b;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
/* houten plank aan twee lianen (Lotte) */
.ill-txt--s-plank{background:#6b4423;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.09) 0 2px,transparent 2px 13px),linear-gradient(#7d5230,#5e3a1d);color:#fff4dc;
  border:3px solid #3e2410;border-radius:8px;text-align:center;box-shadow:inset 0 2px 0 rgba(255,220,170,.25),0 7px 0 rgba(20,30,10,.3),0 12px 24px rgba(0,0,0,.4)}
.ill-txt--s-plank .ill-txt__deco:not(.ill-txt__deco--b){left:9%;right:9%;top:-70px;height:72px;border-left:5px solid #3f6b2a;border-right:5px solid #3f6b2a}
.ill-txt--s-plank .ill-txt__deco:not(.ill-txt__deco--b)::before,.ill-txt--s-plank .ill-txt__deco:not(.ill-txt__deco--b)::after{content:"";position:absolute;top:38%;width:22px;height:11px;border-radius:0 100% 0 100%;background:#6fbf4a}
.ill-txt--s-plank .ill-txt__deco:not(.ill-txt__deco--b)::before{left:-2px}.ill-txt--s-plank .ill-txt__deco:not(.ill-txt__deco--b)::after{right:-2px;transform:scaleX(-1)}
/* groot jungleblad als bordje */
.ill-txt--s-leaf{background:#eaf7dc;background-image:linear-gradient(115deg,transparent 49.6%,rgba(60,140,60,.22) 49.6%,rgba(60,140,60,.22) 50.4%,transparent 50.4%);color:#1d3320;
  border:4px solid #3f8a3e;border-radius:6px 70px 6px 70px;padding:1.1em 1.4em 1em;box-shadow:0 8px 20px rgba(0,30,10,.4)}
.ill-txt--s-leaf .ill-txt__deco--b{bottom:-22px;right:12%;width:8px;height:30px;border-radius:4px;background:#3f8a3e;transform:rotate(-30deg)}
/* platte steen met mos bij de waterval */
.ill-txt--s-stone{background:#e4e1d6;background-image:radial-gradient(circle at 18% 30%,rgba(255,255,255,.55),transparent 40%),radial-gradient(circle at 80% 85%,rgba(90,90,80,.18),transparent 45%);color:#26291f;
  border:3px solid #6f7264;border-radius:38px 22px 34px 26px;padding:1.2em 1.2em 1em;box-shadow:inset 0 -6px 0 rgba(90,90,80,.25),0 8px 22px rgba(0,0,0,.45)}
.ill-txt--s-stone .ill-txt__deco:not(.ill-txt__deco--b){top:-10px;left:8%;width:46%;height:20px;border-radius:20px 20px 6px 6px;background:#5c9e3e;box-shadow:inset 0 3px 0 #7cc055}
/* —— onder water (Otto) —— */
/* grote luchtbel */
.ill-txt--s-seabubble{background:#effbff;background-image:radial-gradient(circle at 22% 22%,rgba(255,255,255,.95),transparent 30%),radial-gradient(circle at 80% 85%,rgba(120,200,235,.3),transparent 55%);color:#12364a;
  border:3px solid #8fd8f0;border-radius:60px;text-align:center;padding:1.2em 1.4em 1.1em;box-shadow:inset 0 0 0 5px rgba(255,255,255,.6),0 8px 22px rgba(0,30,60,.4)}
.ill-txt--s-seabubble .ill-txt__deco--b{bottom:-30px;right:16%;width:22px;height:22px;border-radius:50%;background:#effbff;border:3px solid #8fd8f0}
.ill-txt--s-seabubble .ill-txt__deco--b::after{content:"";position:absolute;right:-22px;top:20px;width:12px;height:12px;border-radius:50%;background:#effbff;border:3px solid #8fd8f0}
/* roze schelp met ribbels */
.ill-txt--s-shell{background:#fff0f3;background-image:repeating-linear-gradient(90deg,transparent 0 26px,rgba(228,138,160,.22) 26px 29px);color:#4a1f2c;
  border:4px solid #e48aa0;border-radius:70px 70px 22px 22px;text-align:center;padding:1.25em 1.3em 1em;box-shadow:0 8px 22px rgba(0,30,60,.4)}
.ill-txt--s-shell .ill-txt__deco--b{bottom:-16px;left:50%;width:56px;height:16px;margin-left:-28px;border-radius:0 0 10px 10px;background:#f6b6c5;border:3px solid #e48aa0;border-top:0}
/* briefje in een glazen fles, met kurk */
.ill-txt--s-bottle{background:#fffaf0;background-image:linear-gradient(rgba(255,255,255,.0),rgba(241,226,187,.45));color:#2b2416;
  border:7px solid #6cc4a4;border-radius:34px 16px 16px 34px;padding:1em 1.2em .95em;box-shadow:inset 0 0 0 2px #2a8a6c,0 0 0 2px #1f6b55,0 8px 22px rgba(0,30,60,.4)}
.ill-txt--s-bottle .ill-txt__deco:not(.ill-txt__deco--b){top:50%;right:-44px;width:38px;height:34px;margin-top:-17px;background:#6cc4a4;border:2px solid #1f6b55;border-left:0;border-radius:0 6px 6px 0;z-index:-1}
.ill-txt--s-bottle .ill-txt__deco:not(.ill-txt__deco--b)::after{content:"";position:absolute;right:-18px;top:3px;width:18px;height:24px;border-radius:4px;background:#c79a5c;border:2px solid #7a5a33}
.ill-txt--s-bottle.ill-txt--bottom{right:13%}
/* bordje in het zand */
.ill-txt--s-sand{background:#f6e2b0;background-image:repeating-linear-gradient(0deg,rgba(160,112,58,.12) 0 2px,transparent 2px 16px);color:#3b2410;
  border:4px solid #a0703a;border-radius:10px;text-align:center;box-shadow:0 7px 0 rgba(60,40,10,.3),0 10px 22px rgba(0,0,0,.35)}
.ill-txt--s-sand .ill-txt__deco:not(.ill-txt__deco--b){top:-12px;left:6%;width:24px;height:24px;background:#ff8a3d;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
/* koraalplank */
.ill-txt--s-coral{background:#fff1ea;color:#4a1a22;border:4px solid #ff7f86;border-radius:16px;text-align:center;box-shadow:inset 0 -5px 0 rgba(255,127,134,.25),0 8px 22px rgba(0,30,60,.4)}
.ill-txt--s-coral .ill-txt__deco:not(.ill-txt__deco--b){top:-26px;left:7%;width:14px;height:30px;border-radius:7px;background:#ff6f7f;box-shadow:18px 6px 0 -1px #ff6f7f,-16px 10px 0 -2px #ff9f5a}
.ill-txt--s-coral .ill-txt__deco--b{top:-22px;right:9%;width:12px;height:26px;border-radius:6px;background:#ff9f5a;box-shadow:-16px 6px 0 -1px #ff6f7f}
/* kleuterboeken (voorleesverhalen): groter, eenvoudiger */
.reader--big .page--illus .ill-txt{font-size:clamp(20px,calc(var(--pw)*.064),34px);line-height:1.24;text-align:center;padding:.8em .95em .75em}
.reader--big .page--illus .ill-txt p{margin-bottom:.3em}
/* stripballon met dikke rand */
.ill-txt--s-comic{background:#fff;color:#2b2140;border:5px solid #2b2140;border-radius:22px;text-align:center;box-shadow:9px 9px 0 #ffd23f,9px 9px 0 4px #2b2140}
.ill-txt--s-comic .ill-txt__deco:not(.ill-txt__deco--b){top:-22px;right:7%;width:40px;height:40px;background:#ff5a5a;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
/* gele knal-ster */
.ill-txt--s-burst{background:#ffd23f;color:#2b2140;border:5px solid #e23b3b;border-radius:18px;text-align:center;box-shadow:0 7px 0 #2b2140,0 12px 24px rgba(0,0,0,.3)}
.ill-txt--s-burst p:first-of-type::first-letter{color:#9a140f}
.ill-txt--s-burst .ill-txt__deco{width:46px;height:46px;background:#e23b3b;clip-path:polygon(50% 0,60% 30%,93% 15%,72% 42%,100% 55%,68% 63%,80% 98%,50% 72%,20% 98%,32% 63%,0 55%,28% 42%,7% 15%,40% 30%)}
.ill-txt--s-burst .ill-txt__deco:not(.ill-txt__deco--b){top:-26px;left:-18px}
.ill-txt--s-burst .ill-txt__deco--b{bottom:-26px;right:-18px}
/* dossier (Agent Mo): manilla map met tabje en rode GEHEIM-stempel. #2a1d0e op #e7c98c ≈ 10:1, initiaal #9a1a14 ≈ 5.2:1 */
.ill-txt--s-dossier{background:#efd8a4;background-image:repeating-linear-gradient(0deg,rgba(120,80,30,.06) 0 1px,transparent 1px 7px),linear-gradient(#f3dfae,#e7c98c);color:#2a1d0e;border:2px solid #a9803f;border-radius:3px 6px 10px 10px;box-shadow:0 6px 0 rgba(10,8,30,.35),0 12px 26px rgba(0,0,0,.45)}
.ill-txt--s-dossier p:first-of-type::first-letter{color:#9a1a14}
.ill-txt--s-dossier .ill-txt__deco:not(.ill-txt__deco--b){top:-24px;left:5%;width:34%;height:24px;background:#f0d9a3;border:2px solid #a9803f;border-bottom:0;border-radius:9px 9px 0 0}
.ill-txt--s-dossier .ill-txt__deco--b{top:-17px;right:6%;transform:rotate(-7deg)}
.ill-txt--s-dossier .ill-txt__deco--b::after{content:"GEHEIM";display:block;font-family:var(--f-title,"Fredoka",system-ui,sans-serif);font-weight:700;font-size:.72em;letter-spacing:.16em;color:#c0241d;background:#fff8e7;border:3px solid #c0241d;border-radius:5px;padding:.05em .45em .02em}
/* geheim briefje: gelinieerd papiertje met paperclip en ezelsoor. #22223a op #fffef6 ≈ 15:1 */
.ill-txt--s-note{background:#fffef6;background-image:repeating-linear-gradient(transparent 0 calc(1.32em - 1px),rgba(80,130,200,.26) calc(1.32em - 1px) 1.32em);background-position:0 .95em;color:#22223a;border:0;border-radius:2px;transform:rotate(-.8deg);box-shadow:0 7px 0 rgba(10,8,30,.3),0 12px 26px rgba(0,0,0,.45)}
.ill-txt--s-note .ill-txt__deco:not(.ill-txt__deco--b){top:-20px;left:8%;width:15px;height:46px;border:4px solid #9aa3b5;border-radius:9px}
.ill-txt--s-note .ill-txt__deco--b{bottom:0;right:0;width:30px;height:30px;background:#e2d6b4;clip-path:polygon(0 0,100% 0,0 100%);box-shadow:-2px -2px 4px rgba(0,0,0,.15)}
/* terminal (Lina): donker scherm met titelbalk en groene gloed. #d6fff0 op #0b1a24 ≈ 16:1, initiaal #39f2a0 ≈ 12:1 */
.ill-txt--s-terminal{background:#0b1a24;background-image:repeating-linear-gradient(0deg,rgba(57,242,160,.045) 0 1px,transparent 1px 4px);color:#d6fff0;border:2px solid #39f2a0;border-radius:10px;box-shadow:0 0 0 4px rgba(11,26,36,.6),0 0 22px rgba(57,242,160,.35),0 12px 26px rgba(0,0,0,.5)}
.ill-txt.ill-txt--s-terminal{padding-top:2.15em}
.ill-txt--s-terminal p:first-of-type::first-letter{color:#39f2a0}
.ill-txt--s-terminal .ill-txt__deco:not(.ill-txt__deco--b){top:0;left:0;right:0;height:1.45em;background:#12324a;border-radius:8px 8px 0 0;border-bottom:1px solid rgba(57,242,160,.5)}
.ill-txt--s-terminal .ill-txt__deco:not(.ill-txt__deco--b)::before{content:"";position:absolute;left:.7em;top:50%;width:.55em;height:.55em;margin-top:-.275em;border-radius:50%;background:#ff5f57;box-shadow:.85em 0 0 #ffd23f,1.7em 0 0 #39f2a0}
.ill-txt--s-terminal .ill-txt__deco:not(.ill-txt__deco--b)::after{content:"bliep.py";position:absolute;right:.8em;top:50%;transform:translateY(-50%);font:700 .62em/1 Menlo,Consolas,"DejaVu Sans Mono",monospace;color:#8fe8c4}
/* circuit (Lina): licht printplaatje met chip en koperbaantjes. #0d2a22 op #effff8 ≈ 15:1, initiaal #0b6b52 ≈ 6.3:1 */
.ill-txt--s-circuit{background:#effff8;background-image:linear-gradient(90deg,transparent 0 92%,rgba(15,138,106,.10) 92% 92.6%,transparent 92.6%),linear-gradient(transparent 0 88%,rgba(15,138,106,.10) 88% 89%,transparent 89%);color:#0d2a22;border:3px solid #0f8a6a;border-radius:14px;box-shadow:0 6px 0 #0a5f4a,0 12px 26px rgba(0,0,0,.45)}
.ill-txt--s-circuit p:first-of-type::first-letter{color:#0b6b52}
.ill-txt--s-circuit .ill-txt__deco:not(.ill-txt__deco--b){top:-15px;right:9%;width:46px;height:26px;background:#14303f;border-radius:4px;box-shadow:0 0 0 3px #effff8}
.ill-txt--s-circuit .ill-txt__deco:not(.ill-txt__deco--b)::before{content:"";position:absolute;left:5px;right:5px;top:-7px;bottom:-7px;background:repeating-linear-gradient(90deg,#c9a24a 0 4px,transparent 4px 9px);z-index:-1}
.ill-txt--s-circuit .ill-txt__deco--b{bottom:-11px;left:8%;width:24%;height:4px;background:#0f8a6a;border-radius:2px}
.ill-txt--s-circuit .ill-txt__deco--b::before,.ill-txt--s-circuit .ill-txt__deco--b::after{content:"";position:absolute;top:-5px;width:14px;height:14px;border-radius:50%;background:#ffd23f;border:3px solid #0f8a6a;box-sizing:border-box}
.ill-txt--s-circuit .ill-txt__deco--b::before{left:-8px}.ill-txt--s-circuit .ill-txt__deco--b::after{right:-8px}
/* Guis en de Danse Macabre: glas-in-lood, bladmuziek, vrijkaart */
.ill-txt--s-stained{background:#201a44;background-image:radial-gradient(circle at 12% 18%,rgba(192,48,74,.22),transparent 38%),radial-gradient(circle at 88% 80%,rgba(47,111,208,.24),transparent 40%),radial-gradient(circle at 70% 10%,rgba(232,178,58,.14),transparent 30%);color:#f6f0ff;border:3px solid #e2b04a;border-radius:22px 22px 12px 12px;box-shadow:0 0 0 5px #141032,0 0 0 8px rgba(192,48,74,.75),0 0 26px rgba(197,140,255,.35),0 12px 26px rgba(0,0,0,.5)}
.ill-txt--s-stained p:first-of-type::first-letter{color:#ffd36b}
.ill-txt--s-stained .ill-txt__deco:not(.ill-txt__deco--b){top:-22px;left:50%;width:40px;height:40px;margin-left:-20px;border-radius:50%;background:conic-gradient(#c0304a 0 60deg,#2f6fd0 0 120deg,#e8b23a 0 180deg,#3aa36a 0 240deg,#8a4fd0 0 300deg,#2f6fd0 0);border:3px solid #141032;box-shadow:0 0 0 3px #e2b04a}
.ill-txt--s-stained .ill-txt__deco:not(.ill-txt__deco--b)::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#f2d67a;border:2px solid #141032}
.ill-txt--s-stained .ill-txt__deco--b{bottom:-6px;left:18%;right:18%;height:4px;border-radius:2px;background:linear-gradient(90deg,#c0304a,#e8b23a,#3aa36a,#2f6fd0,#8a4fd0)}
.ill-txt--s-sheet{background:#fbf6e6;background-image:repeating-linear-gradient(180deg,transparent 0 22px,rgba(42,28,46,.10) 22px 23.5px,transparent 23.5px 30px);color:#24172a;border:2px solid #3a2a20;border-radius:6px;box-shadow:6px 6px 0 rgba(58,42,32,.35),0 12px 26px rgba(0,0,0,.45)}
.ill-txt.ill-txt--s-sheet{padding-left:1.9em}
.ill-txt--s-sheet p:first-of-type::first-letter{color:#a3172b}
.ill-txt--s-sheet .ill-txt__deco:not(.ill-txt__deco--b){top:.5em;left:.35em;width:1.2em;height:auto;bottom:.5em;border-right:3px double rgba(42,28,46,.55)}
.ill-txt--s-sheet .ill-txt__deco:not(.ill-txt__deco--b)::before{content:"\266B";position:absolute;left:0;top:0;font:700 1.25em/1 "DejaVu Sans",Arial,sans-serif;color:#a3172b}
.ill-txt--s-sheet .ill-txt__deco:not(.ill-txt__deco--b)::after{content:"\2669";position:absolute;left:.1em;bottom:0;font:700 1.1em/1 "DejaVu Sans",Arial,sans-serif;color:#3a2a20}
.ill-txt--s-sheet .ill-txt__deco--b{bottom:-14px;right:10%;width:30px;height:30px;border-radius:50%;background:#a3172b;border:3px solid #fbf6e6;box-shadow:0 0 0 2px #3a2a20}
.ill-txt--s-ticket{background:#ffe27a;color:#33121c;border:3px dashed #a3172b;border-radius:10px;box-shadow:0 0 0 6px #ffe27a,0 0 0 9px #33121c,0 14px 28px rgba(0,0,0,.45)}
.ill-txt.ill-txt--s-ticket{padding-top:1.9em}
.ill-txt--s-ticket p:first-of-type::first-letter{color:#a3172b}
.ill-txt--s-ticket .ill-txt__deco:not(.ill-txt__deco--b){top:-.9em;left:50%;transform:translateX(-50%);padding:.25em .9em;background:#a3172b;color:#fff8e7;border-radius:999px;border:2px solid #33121c;font:700 .7em/1.2 Georgia,serif;letter-spacing:.12em;white-space:nowrap}
.ill-txt--s-ticket .ill-txt__deco:not(.ill-txt__deco--b)::before{content:"VRIJKAART"}
.ill-txt--s-ticket .ill-txt__deco--b{display:none}
@media (max-width:640px){
  .ill-txt--tl,.ill-txt--tr,.ill-txt--bl,.ill-txt--br{width:64%}
  .ill-txt--s-banner.ill-txt--br{width:55%;right:6%}
  .ill-txt{font-size:clamp(15px,calc(var(--pw)*.047),20px);padding:.9em .9em .8em}
  .reader--big .page--illus .ill-txt{font-size:clamp(19px,calc(var(--pw)*.066),26px);padding:.7em .8em .65em}
}
@media (prefers-reduced-motion:reduce){.page--illus *{animation:none!important;transition:none!important}}
