:root{--veld:#1f5c35;--veld-donker:#123a22;--vak:#0c2b18;--krijt:#f3f7f1;--wit:#fff;--inkt:#14261a;--gedempt:#55695c;--lijn:#d3dfd5;--geel:#ffd23f;--spelgroen:#6f6;--fout:#b3261e;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--tekst:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--breed:60rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--krijt);min-height:100vh;color:var(--inkt);font-family:var(--tekst);flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.55;display:flex}h1,h2,h3{font-family:var(--display);margin:0 0 .5em;font-weight:800;line-height:1.05}h1{font-size:clamp(2.25rem,7vw,3.5rem)}h2{font-size:1.75rem}p{max-width:38em;margin:0 0 1em}a{color:var(--veld);text-underline-offset:.18em}code{font-size:.95em}:focus-visible{outline:3px solid var(--inkt);outline-offset:2px}.overslaan{z-index:10;background:var(--geel);color:var(--inkt);border-radius:6px;padding:.5rem .9rem;font-weight:600;position:absolute;top:.75rem;left:-10000px}.overslaan:focus{left:1rem}.kop{background:var(--veld);color:var(--wit)}.kop :focus-visible{outline-color:var(--geel)}.kop-binnen{max-width:var(--breed);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin:0 auto;padding:.8rem 1.25rem;display:flex}.woordmerk{font-family:var(--display);color:var(--wit);font-size:2.1rem;font-weight:800;line-height:1;text-decoration:none}.menu{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.menu a{color:var(--wit);border-bottom:3px solid #0000;padding:.3rem 0;font-weight:600;text-decoration:none;display:inline-block}.menu a:hover{border-bottom-color:#ffffff73}.menu a[aria-current=page]{border-bottom-color:var(--geel)}.inhoud{width:100%;max-width:var(--breed);flex:1;margin:0 auto;padding:2rem 1.25rem 3.5rem}.scorebord{background:var(--veld-donker);color:var(--wit);border-radius:10px;margin-bottom:1.5rem;padding:clamp(1.25rem,4vw,2rem)}.scorebord h1{margin-bottom:1.25rem}.scorebord :focus-visible{outline-color:var(--geel)}.vakken{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.vak{background:var(--vak);border-radius:6px;padding:1rem 1.1rem 1.2rem}.vak h2{font-family:var(--tekst);color:#a8c7b2;margin:0 0 .8rem;font-size:.95rem;font-weight:600}.stand{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem 1.25rem;display:grid}.stand-team{font-family:var(--display);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:1.35rem;font-weight:600;line-height:1.15}.stand-score,.stand-tijd{font-family:var(--display);color:var(--geel);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.stand-score{font-size:2.9rem}.stand-tijd{grid-area:1/2/3;font-size:2.4rem}.vak-meta{color:#cfe0d4;margin:.8rem 0 0;font-size:.95rem}.scorebord-link{color:var(--wit);margin-top:1.25rem;font-weight:600;display:inline-block}.spel{background:var(--spelgroen);color:var(--inkt);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:1.5rem clamp(1.25rem,4vw,2rem);display:flex}.spel h2{margin-bottom:.2rem;font-size:2rem}.spel p{margin:0}.knop{font:inherit;border:2px solid var(--inkt);background:var(--inkt);color:var(--wit);cursor:pointer;border-radius:6px;padding:.7rem 1.2rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-block}.knop:hover{background:#26432f;border-color:#26432f}.knop:disabled{opacity:.6;cursor:progress}.knop-licht{color:var(--inkt);background:0 0}.knop-licht:hover{background:var(--lijn);border-color:var(--inkt)}.knop-klein{padding:.45rem .8rem;font-size:.95rem}.sectie{margin-bottom:2.75rem}.lijst{border-top:2px solid var(--inkt);margin:0;padding:0;list-style:none}.rij{border-bottom:1px solid var(--lijn);grid-template-columns:7rem 1fr auto 1fr;align-items:center;gap:.35rem 1rem;padding:.8rem 0;display:grid}.rij-datum{color:var(--gedempt);font-size:.95rem}.rij-team{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.rij-team.thuis{text-align:right}.rij-team.eigen{font-weight:600}.rij-score{text-align:center;min-width:3.5rem;font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.rij-score.leeg{color:var(--gedempt);font-size:1.15rem;font-weight:600}.rij-status{color:var(--fout);text-align:center;grid-column:2/-1;font-size:.9rem}@media (max-width:36rem){.rij{grid-template-columns:1fr auto 1fr}.rij-datum,.rij-status{grid-column:1/-1}}.tekst{max-width:40rem}.tekst h2{margin-top:1.75rem;font-size:1.5rem}.formulier{gap:1rem;max-width:32rem;display:grid}.formulier label{gap:.3rem;font-weight:600;display:grid}input,textarea{font:inherit;background:var(--wit);color:var(--inkt);border:2px solid #9fb3a6;border-radius:6px;width:100%;padding:.6rem .7rem;font-weight:400}input:focus-visible,textarea:focus-visible{outline:3px solid var(--veld);outline-offset:1px;border-color:var(--veld)}.naast{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;display:grid}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.hint{color:var(--gedempt);font-size:.95rem}.melding{border-left:5px solid var(--veld);background:#e2eee5;border-radius:4px;max-width:40rem;padding:.75rem 1rem}.melding.fout{border-left-color:var(--fout);background:#f8e4e2}.beheer-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.beheer-kop h1{margin:0}.ruimte{margin-top:1.25rem}.beheer-lijst,.berichten{border-top:2px solid var(--inkt);margin:0;padding:0;list-style:none}.beheer-rij{border-bottom:1px solid var(--lijn);grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;padding:.8rem 0;display:grid}.beheer-rij .hint{margin-top:.15rem}.score-invoer{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.score-invoer input[type=number]{text-align:center;width:4.25rem}@media (max-width:40rem){.beheer-rij{grid-template-columns:1fr}}details summary{cursor:pointer;margin-bottom:.75rem;font-weight:600}.berichten li{border-bottom:1px solid var(--lijn);padding:.9rem 0}.berichten p{margin:0}.berichten .bericht-tekst{white-space:pre-wrap;margin-top:.3rem}.tabel-wrap{overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:.95rem}.tabel th,.tabel td{text-align:left;border-bottom:1px solid var(--lijn);padding:.5rem .75rem .5rem 0}.voet{background:var(--veld);color:#d9e7dd}.voet :focus-visible{outline-color:var(--geel)}.voet-binnen{max-width:var(--breed);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin:0 auto;padding:1.25rem;font-size:.95rem;display:flex}.voet-links{gap:1.25rem;display:flex}.voet a{color:var(--wit)}
