:root{--kleur-achtergrond: #f9f5ec;--kleur-voorgrond: #7E6250;--kleur-draad: oklch(52% .045 55);--kleur-inkt: #241E18;--kleur-perkament: oklch(97% .012 85);--kleur-blad: #3B6A53;--kleur-rood: #A34F46;--radius-lg: .5rem;--font-serif: "Iowan Old Style", "Palatino Linotype", "Georgia", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";color:var(--kleur-voorgrond);font-family:var(--font-sans)}html,body{font-size:1rem;background-color:var(--kleur-achtergrond)}html,body,div,p,ul,li,button,input,hr{margin:0;padding:0}form{color:var(--kleur-inkt);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}form *{box-sizing:border-box}form fieldset{min-width:0;margin:0;padding:0;border:0}form legend{padding:0;font-family:var(--font-serif);font-size:1.5rem;line-height:2rem;letter-spacing:-.025em}form label{display:flex;flex-direction:column;min-width:0;gap:.5rem;color:var(--kleur-voorgrond);font-size:.875rem;line-height:1.25rem}form input,form textarea{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;border:0;background:#fff;color:var(--kleur-inkt);padding:.5rem .875rem;font:inherit;font-size:.875rem;line-height:1.25rem;box-shadow:0 0 0 1px color-mix(in oklab,var(--kleur-inkt) 15%,transparent),0 1px 3px #0000001a,0 1px 2px -1px #0000001a}form input{border-radius:var(--radius-lg)}form textarea{border-radius:.75rem;resize:none}form input:focus,form textarea:focus{outline:none;box-shadow:0 0 0 2px var(--kleur-draad),0 1px 3px #0000001a,0 1px 2px -1px #0000001a}@media(min-width:40rem){form input,form textarea{padding:.75rem 1.25rem;font-size:1rem;line-height:1.5rem}}.content-column{max-width:calc(100% - 48px);width:42rem;margin:0 auto}@media(min-width:64rem){.content-column{width:68rem}}.access-message{padding-block:clamp(2rem,8vw,6rem)}.access-card{padding:clamp(1.5rem,4vw,3rem);border:1px solid color-mix(in oklab,var(--kleur-draad) 20%,transparent);border-radius:var(--radius-lg);background:var(--kleur-perkament);box-shadow:0 8px 24px color-mix(in oklab,var(--kleur-inkt) 6%,transparent)}.access-denied{border-top:3px solid var(--kleur-rood)}.access-neutral{border-top:3px solid var(--kleur-blad)}.access-card h1,.access-card h2{margin:.75rem 0 1rem;color:var(--kleur-inkt);font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;line-height:1.2}.access-card h1{font-size:clamp(1.75rem,4vw,2.5rem)}.access-card p{max-width:60ch;line-height:1.7}.access-card [role=alert]{color:var(--kleur-rood)}.access-card .access-card-help{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid color-mix(in oklab,var(--kleur-draad) 15%,transparent);font-size:.875rem}.access-card button{margin-top:1.5rem;padding:.625rem 1rem;border:1px solid color-mix(in oklab,var(--kleur-draad) 45%,transparent);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--kleur-perkament) 70%,white);color:var(--kleur-inkt);font:inherit;cursor:pointer}.access-card button:focus-visible{outline:2px solid var(--kleur-rood);outline-offset:3px}@media(hover:hover){.access-card button:hover{background:var(--kleur-perkament)}}