/* "Jouw ruimte, jouw lucht": de donkere studio van het thema (theme.json: studio, ink, blue, orange, holo).
   Veldstijlen komen uit .peek-cb in het thema; knoppen uit .pt-btn. Alleen geladen op de pagina met het block. */
/* 12-10-2026: .peek-cb e.d. zetten display:grid/flex en overschreven het hidden-attribuut (formulier stap 2 bleef zichtbaar). */
.peek-jr [hidden]{ display:none !important; }
.peek-jr{ position:relative; z-index:3; color:var(--wp--preset--color--ink, #ECEBE7); }
.peek-jr .jr-stap{ border-top:0; padding-top:clamp(32px, 5vw, 64px); }
.peek-jr .jr-stap + .jr-stap{ border-top:1px solid var(--wp--preset--color--line, #23262A); }
.peek-jr .jr-h{ margin:0 0 16px; font:400 clamp(34px, 4.6vw, 60px)/1.02 var(--wp--preset--font-family--display, serif); letter-spacing:-.01em; max-width:none; outline:none; }
.peek-jr .jr-h em{ font-style:italic; color:var(--wp--preset--color--holo, #8FD8FF); }
.peek-jr .jr-lede{ font-size:17px; color:var(--wp--preset--color--ink-2, #A4A7AA); max-width:62ch; margin:0 0 28px; }
.peek-jr .jr-noscript{ margin:0 0 20px; padding:14px 18px; border:1px solid var(--wp--preset--color--orange, #EF9221); border-radius:12px; color:var(--wp--preset--color--ink, #ECEBE7); }
.jr-twee{ display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
@media (max-width:860px){ .jr-twee{ grid-template-columns:1fr; } }
/* Stap 1 (Ruud 02-10-2026): de vragen eerst, ook op mobiel; de privacy en toestemming horen bij de upload. */
.jr-form1{ order:-1; }
.jr-vragen__sub{ margin:-4px 0 14px !important; max-width:none !important; font-size:14.5px; line-height:1.45; color:var(--wp--preset--color--ink-2, #A4A7AA); }
.peek-jr .jr-hulp{ margin:22px 0 4px; padding-top:18px; border-top:1px solid var(--wp--preset--color--line, #23262A); font:400 18px/1.2 var(--wp--preset--font-family--display, serif); color:var(--wp--preset--color--ink, #ECEBE7); }
.jr-hulp__sub{ margin:0 0 12px !important; max-width:none !important; font-size:14.5px; line-height:1.45; color:var(--wp--preset--color--ink-2, #A4A7AA); }
.jr-knoppen{ display:flex; flex-wrap:wrap; gap:10px; margin:0 !important; max-width:none !important; }
.jr-meta.is-bezoeker{ color:var(--wp--preset--color--ink-2, #A4A7AA); }
.peek-jr [aria-invalid="true"]{ border-color:var(--wp--preset--color--orange, #EF9221) !important; }
.jr-paneel{ background:var(--wp--preset--color--studio-2, #0B0E11); border:1px solid var(--wp--preset--color--line, #23262A); border-radius:14px; padding:clamp(18px, 3vw, 26px); }
.peek-jr .jr-paneel h3{ margin:0 0 12px; font:400 22px/1.2 var(--wp--preset--font-family--display, serif); }
.peek-jr .jr-privacy{ margin:0 0 16px; padding-left:18px; color:var(--wp--preset--color--ink-2, #A4A7AA); font-size:14.5px; max-width:none; }
.peek-jr .jr-privacy li{ margin-bottom:7px; }
.peek-jr .jr-privacy a{ color:var(--wp--preset--color--ink, #ECEBE7); }
.jr-vink{ display:flex; gap:10px; align-items:flex-start; font-size:15px; margin:0 0 10px !important; max-width:none !important; color:var(--wp--preset--color--ink, #ECEBE7) !important; }
.jr-vink input{ margin-top:4px; accent-color:var(--wp--preset--color--orange, #EF9221); width:18px; height:18px; flex:none; }
.jr-vink label{ cursor:pointer; }
.peek-jr .jr-status{ min-height:1.5em; margin:0 0 12px; color:var(--wp--preset--color--ink-2, #A4A7AA); font-size:15px; max-width:none; }
.jr-status.is-bezig::after{ content:""; display:inline-block; width:.6em; height:.6em; margin-left:.5em; border-radius:50%; background:var(--wp--preset--color--holo, #8FD8FF); animation:jr-puls 1.2s infinite; vertical-align:middle; }
@keyframes jr-puls{ 50%{ opacity:.2; } }
/* Upload */
.peek-jr .peek-cb{ max-width:none; margin:0; gap:0; }
.jr-drop{ position:relative; margin:0 0 18px !important; max-width:none !important; }
.jr-drop label{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; min-height:170px; padding:20px;
  border:1px dashed rgba(255,255,255,.5); border-radius:12px; cursor:pointer; transition:border-color .4s, background .4s; font:300 16px/1.4 var(--wp--preset--font-family--text, sans-serif); text-transform:none; letter-spacing:0; color:var(--wp--preset--color--ink, #ECEBE7); }
.jr-drop label:hover, .jr-drop.is-over label{ border-color:var(--wp--preset--color--holo, #8FD8FF); background:rgba(143,216,255,.04); }
.jr-drop.is-uit label{ opacity:.45; cursor:not-allowed; }
.jr-drop.is-gekozen label{ border-style:solid; border-color:var(--wp--preset--color--blue, #009AD7); }
.peek-jr .jr-drop input[type="file"]{ position:absolute; width:1px !important; height:1px; padding:0; border:0; overflow:hidden; opacity:0; left:50%; bottom:12px; }   /* focusbaar, niet zichtbaar; !important: de algemene invoerstijl (100%) maakte de pagina op mobiel breder dan het scherm */
.jr-drop input:focus-visible + *, .jr-drop:has(input:focus-visible) label{ outline:2px solid var(--wp--preset--color--orange, #EF9221); outline-offset:3px; }
.jr-drop__plus{ font:400 42px/1 var(--wp--preset--font-family--display, serif); color:var(--wp--preset--color--holo, #8FD8FF); }
.jr-drop__sub{ display:block; margin:8px 0 0; text-align:center; font:400 12px/1.5 var(--wp--preset--font-family--mono, monospace); color:var(--wp--preset--color--ink-2, #B9BDC3); }   /* buiten de gedimde laag, >= 4,5:1 */
.peek-jr fieldset{ border:0; padding:0; margin:0 0 6px; min-width:0; }
.peek-jr legend{ font:400 18px/1.2 var(--wp--preset--font-family--display, serif); margin:0 0 12px; padding:0; color:var(--wp--preset--color--ink, #ECEBE7); }
.peek-jr .jr-veld{ margin:0 0 14px !important; max-width:none !important; }
.peek-jr .peek-cb select{ font:inherit; font-size:16px; color:var(--wp--preset--color--ink, #ECEBE7); background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.5); border-radius:10px; padding:12px 14px; width:100%; box-sizing:border-box; }
.peek-jr .peek-cb select:focus-visible{ outline:2px solid #009AD7; outline-offset:2px; border-color:transparent; }
.peek-jr .peek-cb select option{ color:#000; }
.jr-drie{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
@media (max-width:600px){ .jr-drie{ grid-template-columns:1fr; } }
.jr-meta{ display:block; font:400 12px/1.4 var(--wp--preset--font-family--mono, monospace); color:var(--wp--preset--color--ink-3, #7E8286); margin-top:4px; min-height:1em; letter-spacing:0; text-transform:none; }
.jr-meta.is-gemeten{ color:var(--wp--preset--color--holo, #8FD8FF); }
.jr-meta.is-laag{ color:var(--wp--preset--color--orange, #EF9221); }
.jr-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.jr-chip{ position:relative; }
.jr-chip input{ position:absolute; opacity:0; width:1px; height:1px; left:8px; top:8px; }
.jr-chip span{ display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border:1px solid rgba(255,255,255,.5); border-radius:999px; font-size:14px; color:var(--wp--preset--color--ink-2, #A4A7AA); cursor:pointer; }
.jr-chip input:checked + span{ border-color:var(--wp--preset--color--holo, #8FD8FF); color:#02121B; background:var(--wp--preset--color--holo, #8FD8FF); }
.jr-chip input:focus-visible + span{ outline:2px solid var(--wp--preset--color--orange, #EF9221); outline-offset:2px; }
.peek-jr .pt-btn{ cursor:pointer; font:inherit; font-size:15px; min-height:44px; padding:0 20px; color:var(--wp--preset--color--ink, #ECEBE7); background:transparent; }
.peek-jr .pt-btn.jr-primair{ color:#02121B; background:var(--wp--preset--color--holo, #8FD8FF); border-color:var(--wp--preset--color--holo, #8FD8FF); }
.peek-jr .pt-btn.jr-primair:hover{ filter:brightness(1.08); }
.peek-jr .pt-btn:disabled{ opacity:.45; cursor:not-allowed; filter:none; }
.peek-jr .pt-btn.jr-stil{ border-color:transparent; color:var(--wp--preset--color--ink-2, #A4A7AA); }
.peek-jr .jr-fout{ color:var(--wp--preset--color--orange, #EF9221); font-size:14px; min-height:1.2em; margin:8px 0 0; max-width:none; }
/* Stap 2: beeld */
.jr-beeld{ margin:0; }
.jr-beeld img{ width:100%; height:auto; border-radius:12px; border:1px solid var(--wp--preset--color--line, #23262A); display:block; background:#fff; }
.jr-beeld figcaption{ margin-top:8px; }
.jr-beeld__pdf{ padding:40px 20px; border:1px dashed var(--wp--preset--color--line, #23262A); border-radius:12px; text-align:center; }
/* Stap 3: opties */
.jr-opties{ display:grid; grid-template-columns:repeat(auto-fit, minmax(290px, 1fr)); gap:24px; margin:0 0 20px; max-width:none !important; }
.jr-optie{ background:var(--wp--preset--color--studio-2, #0B0E11); border:1px solid var(--wp--preset--color--line, #23262A); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; }
@media (prefers-reduced-motion: no-preference){
  .jr-optie{ animation:jr-in .9s cubic-bezier(.22,.61,.36,1) both; }
  .jr-optie:nth-child(2){ animation-delay:.12s; } .jr-optie:nth-child(3){ animation-delay:.24s; }
  @keyframes jr-in{ from{ opacity:0; transform:translateY(12px); } }
}
.jr-foto{ position:relative; aspect-ratio:4/3; background:#06080a; display:grid; place-items:center; }
.jr-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.jr-geen{ color:var(--wp--preset--color--ink-3, #7E8286); font-size:13px; }
.jr-rang{ position:absolute; top:12px; left:12px; font:400 13px var(--wp--preset--font-family--mono, monospace); color:var(--wp--preset--color--ink-2, #A4A7AA); background:rgba(4,5,6,.65); padding:3px 8px; border-radius:6px; }
.jr-scene{ position:relative; aspect-ratio:16/7; background:linear-gradient(#0B0E11, #040506); border-top:1px solid var(--wp--preset--color--line, #23262A); border-bottom:1px solid var(--wp--preset--color--line, #23262A); overflow:hidden; }
.jr-scene img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5; filter:grayscale(.4) brightness(.8); }
.jr-scene svg{ position:absolute; inset:0; width:100%; height:100%; }
.jr-scene__label{ position:absolute; left:10px; bottom:8px; font:400 12px var(--wp--preset--font-family--mono, monospace); color:var(--wp--preset--color--ink-2, #A4A7AA); background:rgba(4,5,6,.8); padding:3px 7px; border-radius:5px; max-width:calc(100% - 20px); }
.jr-stroom path{ fill:none; stroke:var(--wp--preset--color--holo, #8FD8FF); stroke-width:1.6; stroke-linecap:round; stroke-dasharray:6 9; opacity:.9; }
@media (prefers-reduced-motion: no-preference){ .jr-stroom path{ animation:jr-vloei 2.4s linear infinite; } @keyframes jr-vloei{ to{ stroke-dashoffset:-30; } } }
.jr-stroom .jr-s-bron{ fill:var(--wp--preset--color--ink, #ECEBE7); stroke:none; }
.jr-stroom .jr-s-lijn{ stroke:var(--wp--preset--color--ink-3, #7E8286); stroke-width:1; stroke-dasharray:none; animation:none; opacity:1; }
.jr-tekst{ padding:18px 20px 22px; flex:1; display:flex; flex-direction:column; gap:8px; }
.peek-jr .jr-code{ font:400 30px/1 var(--wp--preset--font-family--display, serif); margin:0; }
.peek-jr .jr-code a{ color:inherit; text-decoration:none; border-bottom:1px solid rgba(239,146,33,.6); }
.peek-jr .jr-sub{ color:var(--wp--preset--color--ink-2, #A4A7AA); margin:0 0 4px; font-size:15px; }
.peek-jr .jr-tekst h4{ font:500 12px/1.2 var(--wp--preset--font-family--mono, monospace); letter-spacing:.12em; text-transform:uppercase; color:var(--wp--preset--color--ink-3, #7E8286); margin:8px 0 0; }
.peek-jr .jr-tekst p{ margin:0; font-size:15px; color:var(--wp--preset--color--ink-2, #A4A7AA); max-width:none; }
.peek-jr .jr-aantal{ border:1px solid var(--wp--preset--color--line, #23262A); border-radius:10px; padding:10px 12px; font-size:14px; margin-top:6px !important; }
.peek-jr .jr-aantal b{ font-weight:500; color:var(--wp--preset--color--ink, #ECEBE7); }
.peek-jr .jr-bron{ display:block; font:400 12px/1.5 var(--wp--preset--font-family--mono, monospace); color:var(--wp--preset--color--ink-3, #7E8286); }
.jr-tag{ display:inline-block; font:400 12px var(--wp--preset--font-family--mono, monospace); border:1px solid var(--wp--preset--color--line, #23262A); border-radius:6px; padding:2px 7px; color:var(--wp--preset--color--ink-3, #7E8286); margin-right:6px; }
.jr-tag.is-oranje{ color:var(--wp--preset--color--orange, #EF9221); border-color:rgba(239,146,33,.6); }
.peek-jr .jr-disclaimer{ max-width:none; margin:0 0 20px; }
.jr-acties{ display:flex; flex-wrap:wrap; gap:12px; margin:0 0 24px; }
.jr-lead{ max-width:620px !important; margin-left:0 !important; }
.jr-lead .peek-cb{ gap:12px; display:grid; }
.jr-lead .peek-cb__f{ margin:0 !important; }
/* Vinkje in het leadformulier (Ruud 01-10-2026: tekst binnen het kader). .peek-cb maakt elke input 100% breed
   en zet labels in mono-kapitalen; hier niet. */
.peek-cb .jr-vink{ display:flex; align-items:flex-start; gap:10px; width:100%; box-sizing:border-box; }
.peek-cb .jr-vink input[type="checkbox"]{ width:18px; min-width:18px; height:18px; padding:0; margin:3px 0 0; flex:0 0 18px; }
.peek-cb .jr-vink label{ flex:1 1 auto; min-width:0; font:400 15px/1.45 var(--wp--preset--font-family--body, inherit); letter-spacing:0; text-transform:none; color:var(--wp--preset--color--ink, #ECEBE7); overflow-wrap:anywhere; }
.jr-geen-voorstel{ grid-column:1 / -1; padding:20px 24px; border:1px solid var(--wp--preset--color--line, #23262A); border-radius:12px; color:var(--wp--preset--color--ink-2, #A4A7AA); font-size:16px; line-height:1.5; }
.jr-tekening{ margin-top:8px; min-height:0; }
.jr-tekening-voor{ grid-column:1 / -1; padding:20px 24px; border:1px solid var(--wp--preset--color--holo, #8FD8FF); border-radius:12px; }
.jr-tekening-voor h3{ margin:0 0 8px; font-size:18px; }
.jr-tekening-voor p{ margin:0 0 6px; font-size:16px; line-height:1.5; }
.jr-tekening-voor__r{ font-weight:600; color:var(--wp--preset--color--ink, #ECEBE7); }
.jr-regels-voor{ grid-column:1 / -1; margin:8px 0 0; font-size:18px; }
.jr-tekening.is-laag{ color:var(--wp--preset--color--orange, #EF9221); }

/* Grote tekening met meerdere ruimtes (08-10-2026): keuzes, tabel in een eigen scrolcontainer (min. 12 px), voorstel per ruimte. */
.jr-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.jr-stap.is-meer .jr-twee{ grid-template-columns:1fr; }
.jr-stap.is-meer .jr-beeld img{ max-height:300px; width:auto; max-width:100%; object-fit:contain; }
.jr-meer__uitleg{ margin:0 0 18px; }
.jr-keuzes{ margin:0 0 18px !important; padding:16px 18px !important; border:1px solid var(--wp--preset--color--line, #23262A) !important; border-radius:14px; }
.jr-keuzes__rij{ display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:18px; }
.jr-radios{ margin:0 !important; }
.peek-jr .jr-radios legend{ font:600 13px/1.3 var(--wp--preset--font-family--text, sans-serif); letter-spacing:.04em; text-transform:uppercase; margin:0 0 8px; color:var(--wp--preset--color--ink-2, #B9BDC3); }
.jr-radio{ display:flex; gap:10px; align-items:flex-start; font-size:15px; line-height:1.35; margin:0 0 8px; cursor:pointer; color:var(--wp--preset--color--ink, #ECEBE7); }
.jr-radio input{ margin-top:3px; width:18px; height:18px; flex:none; accent-color:var(--wp--preset--color--orange, #EF9221); }
.jr-meer__tot{ margin:0 0 10px !important; font-size:15px; color:var(--wp--preset--color--ink, #ECEBE7); max-width:none !important; }
.jr-tabel-wrap{ overflow-x:auto; max-width:100%; border:1px solid var(--wp--preset--color--line, #23262A); border-radius:12px; -webkit-overflow-scrolling:touch; }
.jr-tabel-wrap:focus-visible{ outline:2px solid var(--wp--preset--color--orange, #EF9221); outline-offset:2px; }
.jr-tabel{ border-collapse:collapse; width:100%; min-width:1240px; font-size:14px; line-height:1.35; color:var(--wp--preset--color--ink, #ECEBE7); }
.jr-tabel th{ text-align:left; font:600 12px/1.3 var(--wp--preset--font-family--text, sans-serif); letter-spacing:.03em; padding:10px 8px; background:var(--wp--preset--color--studio-2, #0B0E11); position:sticky; top:0; white-space:nowrap; color:var(--wp--preset--color--ink-2, #B9BDC3); }
.jr-tabel td{ padding:6px 8px; vertical-align:top; border-top:1px solid var(--wp--preset--color--line, #23262A); }
.jr-tabel .jr-voorstelrij td{ border-top:0; padding:0 8px 12px; font-size:13px; line-height:1.5; color:var(--wp--preset--color--ink-2, #B9BDC3); }
.jr-tabel .jr-voorstelrij a{ color:var(--wp--preset--color--holo, #8FD8FF); }
.jr-tabel .jr-voorstelrij b{ color:var(--wp--preset--color--ink, #ECEBE7); font-weight:600; }
.peek-jr .jr-tabel input[type="text"], .peek-jr .jr-tabel input[type="number"], .peek-jr .jr-tabel select{ width:100%; min-width:4.6em; box-sizing:border-box; font:inherit; font-size:14px; padding:7px 8px; border-radius:8px; color:var(--wp--preset--color--ink, #ECEBE7); background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.4); }
.peek-jr .jr-tabel td:nth-child(3) input{ min-width:9em; }
.peek-jr .jr-tabel td:nth-child(4) select, .peek-jr .jr-tabel td:nth-child(10) select, .peek-jr .jr-tabel td:nth-child(11) select{ min-width:8.5em; }
.peek-jr .jr-tabel select option{ color:#000; }
.peek-jr .jr-tabel input[type="checkbox"]{ width:20px; height:20px; accent-color:var(--wp--preset--color--orange, #EF9221); }
.peek-jr .jr-tabel input:focus-visible, .peek-jr .jr-tabel select:focus-visible{ outline:2px solid #009AD7; outline-offset:2px; }
.jr-sub{ display:block; margin-top:3px; font-size:12px; color:var(--wp--preset--color--ink-2, #B9BDC3); }
.jr-zeker{ font-size:12.5px; min-width:9em; }
.jr-eenh{ font-size:12.5px; white-space:nowrap; }
.jr-opm{ font-size:12.5px; min-width:11em; }
.jr-meer__noot{ margin:12px 0 4px !important; }
.jr-meer__lijst{ margin:0 0 18px; padding-left:20px; columns:2 260px; font-size:15px; color:var(--wp--preset--color--ink-2, #B9BDC3); }
.jr-vragen{ margin:0 0 16px; padding:12px 16px; border:1px solid var(--wp--preset--color--line, #23262A); border-radius:12px; font-size:14.5px; }
.jr-vragen p{ margin:0 0 6px; }
.jr-vragen ul{ margin:0; padding-left:20px; }
.jr-stap.is-meer .jr-disclaimer, .jr-stap.is-meer [data-jr="naar-lead"]{ display:none; }
.jr-stuurtoch{ margin:0 0 14px !important; }

/* Voortgang (08-10-2026): zandloper, geanimeerd alleen zonder reduce-motion; de tekst in aria-live blijft altijd staan. */
.jr-wacht{ margin:0 0 1.5rem; padding:1rem 1.25rem; border:1px solid var(--wp--preset--color--lijn, rgba(255,255,255,.18)); border-radius:12px; }
.jr-wacht__rij{ display:flex; gap:.9rem; align-items:center; margin:0 0 .5rem; }
.jr-zand{ display:inline-flex; flex:none; color:var(--wp--preset--color--holo, #8FD8FF); }
.jr-zand[hidden]{ display:none; }
.jr-zand svg{ display:block; }
.jr-zand__glas{ fill:none; stroke:currentColor; stroke-width:1.4; stroke-linejoin:round; }
.jr-zand__boven,.jr-zand__onder{ fill:currentColor; opacity:.85; }
.jr-wacht1{ display:flex; gap:.6rem; align-items:center; margin:.5rem 0 0; }
@media (prefers-reduced-motion: no-preference){
  .jr-zand svg{ animation:jr-draai 3s ease-in-out infinite; transform-origin:50% 50%; }
  .jr-zand__boven{ animation:jr-leeg 3s linear infinite; transform-origin:50% 0; }
  .jr-zand__onder{ animation:jr-vul 3s linear infinite; transform-origin:50% 100%; }
  @keyframes jr-draai{ 0%,85%{ transform:rotate(0); } 100%{ transform:rotate(180deg); } }
  @keyframes jr-leeg{ 0%{ transform:scaleY(1); } 85%,100%{ transform:scaleY(.1); } }
  @keyframes jr-vul{ 0%{ transform:scaleY(.1); } 85%,100%{ transform:scaleY(1); } }
}
.jr-nw{ margin-top:.75rem; }
.jr-nw__kop{ margin:0 0 .25rem; font-size:1.05rem; }
.jr-nw__form{ max-width:34rem; }
.jr-nw__klaar{ margin:.25rem 0 0; font-size:1.05rem; }

/* Meerdere bestanden (08-10-2026): lijst met voortgang en verwijderknop, eisenblok, link naar bestanden elders. */
.peek-jr .jr-lijst{ list-style:none; margin:0 0 12px; padding:0; display:grid; gap:8px; max-width:none; }
.peek-jr .jr-lijst li{ display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:center; border:1px solid var(--wp--preset--color--line, #23262A); border-radius:10px; padding:10px 12px; }
.peek-jr .jr-lijst .jr-bn{ overflow-wrap:anywhere; font-size:15px; }
.peek-jr .jr-lijst .jr-bm{ grid-column:1; font:400 12px/1.4 var(--wp--preset--font-family--mono, monospace); color:var(--wp--preset--color--ink-2, #B9BDC3); }
.peek-jr .jr-lijst progress{ grid-column:1 / -1; width:100%; height:6px; accent-color:var(--wp--preset--color--blue, #009AD7); }
.peek-jr .jr-lijst button{ grid-row:1; grid-column:2; min-height:44px; min-width:44px; background:none; border:1px solid var(--wp--preset--color--line, #23262A); border-radius:8px; color:inherit; cursor:pointer; font-size:20px; line-height:1; }
.peek-jr .jr-lijst button:hover, .peek-jr .jr-lijst button:focus-visible{ border-color:var(--wp--preset--color--orange, #EF9221); outline:2px solid transparent; }
.peek-jr .jr-lijst li.is-fout{ border-color:var(--wp--preset--color--orange, #EF9221); }
.peek-jr .jr-tip{ margin:0 0 12px; max-width:none; }
.peek-jr .jr-link .jr-meta{ display:block; margin-top:4px; font-size:13px; }
.peek-jr .jr-eisen{ border:1px solid var(--wp--preset--color--line, #23262A); border-radius:12px; padding:14px 18px; margin:0 0 18px; max-width:none; }
.peek-jr .jr-eisen h3{ margin:0 0 6px; }
.peek-jr .jr-eisen ul{ margin:8px 0 0; padding-left:20px; }
.peek-jr .jr-meldingen{ margin:0 0 12px; max-width:none; }