:root{font:17px/1.6 system-ui,sans-serif;color:#142c40;background:#f3f7fa}body{margin:0}main{max-width:640px;margin:7vh auto;padding:32px;background:white;border-top:7px solid #74bbde;border-radius:4px;box-shadow:0 12px 40px #142c4010}.brand{font-weight:850;font-size:26px;letter-spacing:.13em;text-decoration:none;color:#173d58}.eyebrow,footer{font-size:13px;color:#526c7e}h1{font-size:32px;line-height:1.2}h2{font-size:20px;margin-top:32px}button,input{font:inherit;padding:12px;border:1px solid #9db6c6;border-radius:6px}button{cursor:pointer;background:#173d58;color:white;margin:6px 6px 6px 0}button:disabled{opacity:.5;cursor:wait}input{max-width:100%;box-sizing:border-box}a{color:#175a85}li{margin:10px 0;overflow-wrap:anywhere}#status{color:#8b3427;min-height:1.6em}code{overflow-wrap:anywhere;font-size:14px}footer{margin-top:40px;border-top:1px solid #dae5eb;padding-top:20px}main.admin{max-width:1000px}nav{display:flex;flex-wrap:wrap;gap:6px;margin:28px 0}nav button{background:#e8f2f8;color:#173d58;border-color:transparent}article{border:1px solid #d7e4ed;border-radius:10px;padding:20px 24px;margin:18px 0}article h3{margin:0 0 8px}article p{margin:8px 0}details{border:1px solid #d7e4ed;border-radius:8px;padding:16px 20px;margin:16px 0}summary{cursor:pointer;font-weight:650}form{padding-top:16px;max-width:650px}label{display:block;margin:14px 0;font-size:15px;font-weight:600}label input,label select,label textarea{display:block;margin-top:6px;width:100%;font:inherit;padding:10px 12px;border:1px solid #9db6c6;border-radius:6px;box-sizing:border-box;background:white;color:#142c40}label input[type=checkbox]{display:inline-block;width:auto;margin-left:12px;accent-color:#175a85}textarea{min-height:100px;resize:vertical}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f7fa;padding:16px;border-radius:6px;font-size:13px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #74bbde;outline-offset:3px}h3{font-size:18px}body[data-environment=local] .eyebrow::after{content:' · Lokale testomgeving';color:#8b3427}body[data-environment=staging] .eyebrow::after{content:' · Testomgeving';color:#8b3427}@media(max-width:680px){main{margin:0;padding:24px;min-height:100vh;box-sizing:border-box}}