@import url('/kit/1.1.0/pausito.css');
:root,:root[data-theme]{--bg:var(--ps-bg);--vlak:var(--ps-surface);--vlak2:var(--ps-bg);--tekst:var(--ps-text);--zacht:var(--ps-muted);--lijn:var(--ps-line);--accent:var(--ps-secondary);--accent-t:var(--ps-cta-text);--ok:var(--ps-tools);--ok-bg:var(--ps-surface);--net:var(--ps-games);--net-bg:var(--ps-surface);--nee:#9b1c1c;--nee-bg:var(--ps-surface);--grijs:var(--ps-muted);--grijs-bg:var(--ps-surface);--focus:var(--ps-text);--groei:var(--ps-line);--oogst:var(--ps-tools)}:root[data-theme=dark]{--nee:#f3a1a1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--nee:#f3a1a1}}*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tekst);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-wrap:break-word}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px 48px}
header.kop{padding:20px 0 8px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
h1{font-size:1.6rem;margin:0 0 4px;line-height:1.2}h2{font-size:1.3rem;margin:0 0 12px}h3{font-size:1.15rem;margin:0 0 8px}h4{font-size:1rem;margin:16px 0 6px}h5{font-size:.95rem;margin:10px 0 4px}
p{margin:0 0 8px}ul,ol{padding-left:1.3em;margin:0 0 8px}
.zacht{color:var(--zacht)}
a{color:var(--accent)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.testbanner{background:var(--net-bg);color:var(--net);border:2px dashed var(--net);padding:10px 14px;border-radius:8px;margin:12px 0;font-weight:600}
.stap{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;padding:16px;margin:16px 0}
.stap-nr{display:inline-block;background:var(--accent);color:var(--accent-t);border-radius:999px;padding:0 10px;margin-right:6px;font-size:.9rem}
.velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
fieldset{border:1px solid var(--lijn);border-radius:8px;padding:8px 12px;margin:0;min-width:0}
legend{font-weight:600;padding:0 4px}
.keuze{display:flex;gap:6px;align-items:center;margin:4px 0}
input[type=range]{width:100%;accent-color:var(--accent)}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:1.1em;height:1.1em;flex:none}
.tempwaarde{font-size:1.4rem;font-weight:700}
select,input[type=search],input[type=number],button{font:inherit;color:inherit}
select,input[type=search],input[type=number]{background:var(--vlak);border:1px solid var(--lijn);border-radius:6px;padding:6px 8px;max-width:100%}
button{cursor:pointer;background:var(--vlak2);border:1px solid var(--lijn);border-radius:6px;padding:6px 12px}
button.primair{background:var(--accent);color:var(--accent-t);border-color:var(--accent)}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:12px}
.filters label{display:flex;flex-direction:column;font-size:.9rem;gap:2px}
.filters .rij{flex-direction:row;align-items:center;gap:6px}
.groep-kop{margin:14px 0 6px;font-size:1rem}
ul.kaarten{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.kaart{position:relative;background:var(--vlak);border:1px solid var(--lijn);border-radius:10px}
.kaart.gekozen{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}
.kaart input{position:absolute;top:12px;left:12px}
.kaart label{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px 38px;cursor:pointer;min-height:100%}
.kaart-naam{font-weight:700}.kaart-lat{color:var(--zacht);font-size:.9rem}.kaart-kort{font-size:.9rem}
.kaart-rij{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.85rem}
.toets,.kweek,.tag{display:inline-block;border-radius:999px;padding:0 8px;font-size:.8rem;font-weight:600;border:1px solid transparent;white-space:nowrap}
.toets-past,.kweek-ja{background:var(--ok-bg);color:var(--ok)}
.toets-net,.kweek-beperkt{background:var(--net-bg);color:var(--net)}
.toets-past-niet,.kweek-nee{background:var(--nee-bg);color:var(--nee)}
.kweek-beperkt-geen{background:var(--nee-bg);color:var(--nee);white-space:normal}
.nagaan{color:var(--net);font-weight:600}
.opties{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:6px 0}
.optie{background:var(--vlak2);border-radius:8px;padding:10px}
.optie p{margin:4px 0}.plus{color:var(--ok);font-weight:600}.min{color:var(--nee);font-weight:600}
.elektrisch{border-left:4px solid var(--nee);background:var(--nee-bg);border-radius:6px;padding:6px 12px;margin:10px 0}
.elektrisch h5{margin-top:4px}
.toets-onbekend,.toets-buiten,.toets-nvt{background:var(--grijs-bg);color:var(--grijs)}
.tag{background:var(--vlak2);color:var(--zacht);border-color:var(--lijn);font-weight:500}
.tag-opt{font-style:italic}
.tag-verplicht{background:var(--nee-bg);color:var(--nee);border-color:var(--nee);font-weight:700}
.moeilijk{letter-spacing:1px;color:var(--accent)}
.gekozen-lijst{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.gekozen-lijst select{flex:1 1 14em;min-width:0;width:100%}
.toets,.kweek{white-space:normal}
.gekozen-lijst li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--vlak2);border-radius:8px;padding:8px 10px}
.gekozen-lijst label{font-weight:600}
.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--lijn);margin-bottom:12px}
.tabs button{border:none;border-radius:6px 6px 0 0;background:transparent;padding:8px 12px;border-bottom:3px solid transparent;margin-bottom:-2px}
.tabs button[aria-selected=true]{border-bottom-color:var(--accent);font-weight:700;color:var(--accent)}
.paneel[hidden]{display:none}
.tutorial,.nee-kaart,.opstelling,.probleem-kaart{border:1px solid var(--lijn);border-radius:10px;padding:14px;margin:0 0 14px;background:var(--vlak)}
.nee-kaart{border-color:var(--nee)}
.probleem-kaart.relevant{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}
.probleem-kaart.ernst-hoog{border-left:4px solid var(--nee)}
.probleem-kaart.ernst-middel{border-left:4px solid var(--net)}
.probleem-kaart.ernst-laag{border-left:4px solid var(--ok)}
.ernst{display:inline-block;border-radius:999px;padding:0 8px;font-size:.8rem;font-weight:600}
.ernst-hoog{background:var(--nee-bg);color:var(--nee)}.ernst-middel{background:var(--net-bg);color:var(--net)}.ernst-laag{background:var(--ok-bg);color:var(--ok)}
.tag-relevant{background:var(--ok-bg);color:var(--ok);border-color:var(--ok);font-weight:700}
.probleem-kaart dl.lookalikes{background:var(--vlak2);border-radius:8px;padding:8px 12px;grid-template-columns:1fr}
.probleem-kaart dl.lookalikes dt{font-weight:600;color:var(--tekst);margin-top:6px}
.probleem-kaart dl.lookalikes dt:first-child{margin-top:0}
.probleem-kaart dl.lookalikes dd{margin:0 0 4px;color:var(--zacht)}
ul.onzeker{color:var(--net);font-size:.9rem}
.methode-kop{margin:4px 0}
.klimaat{background:var(--vlak2);border-radius:8px;padding:10px 12px;margin:10px 0}
.klimaat h4{margin-top:0}
.fasen{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:2px 10px;margin:0}
dt{color:var(--zacht)}dd{margin:0}
.stappen>li{margin-bottom:10px}
.benodigd,.controle,.letop-regel{font-size:.92rem;margin:2px 0}
.letop-regel{color:var(--nee)}.controle{color:var(--ok)}
.melding{background:var(--net-bg);color:var(--tekst);border-left:4px solid var(--net);border-radius:6px;padding:8px 12px;margin:8px 0}
.melding ul{margin:0}
.tabel-wrap{overflow-x:auto;max-width:100%}
table{border-collapse:collapse;width:100%;font-size:.92rem}
td .toets{white-space:nowrap}
th,td{border-bottom:1px solid var(--lijn);padding:6px;text-align:left;vertical-align:top}
.bron{display:inline-block;font-size:.7rem;line-height:1.2;padding:0 4px;margin-left:2px;border:1px solid var(--lijn);border-radius:4px;text-decoration:none;vertical-align:super;color:var(--accent)}
.bron.ontbreekt{color:var(--nee);border-color:var(--nee)}
ul.shop{list-style:none;padding:0}
ul.shop li{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--lijn)}
ul.shop input{margin-top:.25em}
ul.shop label{display:flex;flex-wrap:wrap;gap:4px 8px;flex:1;cursor:pointer}
ul.shop input:checked+label .shop-naam{text-decoration:line-through;color:var(--zacht)}
.shop-naam{font-weight:600}.shop-prijs{margin-left:auto;white-space:normal}.shop-voor{flex-basis:100%;font-size:.85rem}
.totaal{font-size:1.1rem}
.knoppen{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.planning{list-style:none;padding:0}
.planning li{margin-bottom:14px}
.balk{position:relative;height:18px;background:var(--vlak2);border-radius:4px;overflow:hidden;margin:4px 0}
.balk-groei{position:absolute;left:0;top:0;bottom:0;background:var(--groei)}
.balk-oogst{position:absolute;top:0;bottom:0;background:var(--oogst)}
.plan-tekst{font-size:.92rem}
.bronlijst li{margin-bottom:6px}.bronlijst li:target{background:var(--net-bg)}
.bronlijst li:not(.gebruikt){opacity:.8}
.leeg{color:var(--zacht);font-style:italic}
.werkwijze{background:var(--vlak2);border-radius:8px;padding:8px 12px;margin:0 0 12px}.werkwijze summary{font-weight:600;cursor:pointer}.werkwijze ol{margin:6px 0 0}
.datacontrole{font-size:.9rem}
footer{margin-top:24px;font-size:.85rem;color:var(--zacht)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:480px){h1{font-size:1.3rem}.stap{padding:12px}.shop-prijs{margin-left:0}dl{grid-template-columns:1fr}dt{font-weight:600}}
@media print{
 :root{--bg:#fff;--vlak:#fff;--vlak2:#f3f3f3;--tekst:#000;--zacht:#333;--lijn:#bbb;--accent:#000}
 body{font-size:11pt}.wrap{max-width:none;padding:0}
 #stap1,#stap2,.tabs,.knoppen,#themaknop,.filters,.geen-print{display:none!important}
 .paneel[hidden]{display:block!important}
 .paneel{break-before:page}.paneel:first-of-type{break-before:auto}
 .tutorial,.opstelling,.nee-kaart{break-inside:avoid-page}
 .bron{border:none;vertical-align:baseline}
 a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;color:#333}
 ul.shop input{display:inline-block}
}

body{font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4,h5{font-family:Fredoka,system-ui,sans-serif}.language-notice{padding:16px;border:1px solid var(--ps-control);border-radius:12px}button,select{min-height:44px}.toets,.kweek,.tag{white-space:normal}.pausito-header{line-height:1.4}.pausito-header img{max-width:42px}.velden,ul.kaarten{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}