*{box-sizing:border-box;margin:0;padding:0}body{color:oklch(25.197% .00003 271.152);background-color:oklch(100% .00011 271.152);padding:1rem;font-family:Helvetica,sans-serif;line-height:1.6}main{max-width:75rem;margin:0 auto}h1{color:oklch(0% 0 0);margin-bottom:2rem;font-size:2rem}h2{color:oklch(0% 0 0);margin-bottom:1rem}ul{list-style:none}p{margin-top:1rem}#buurtenlijsten,#studielijsten{grid-template-columns:1fr;gap:1.5rem;display:grid}.fallback-melding{grid-column:1/-1;font-weight:700}#buurtInfo{background-color:oklch(100% .00011 271.152);border-radius:1rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 .5rem 1rem oklch(0% 0 0/.1)}#buurtInfo h1{margin-bottom:1rem;font-size:2rem}#buurtInfo p{margin-top:.5rem;font-size:1rem}li{background-color:oklch(100% .00011 271.152);border-radius:1rem;padding:1.5rem;transition:transform .2s;box-shadow:0 .5rem 1rem oklch(0% 0 0/.1)}li:hover,.buurt-link:focus{transform:translateY(-.5rem)}a{color:oklch(0% 0 0);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.veilig{color:oklch(52.351% .17099 143.775)}.onveilig{color:oklch(50.784% .20753 29.129)}.matig{color:oklch(75.365% .1708 57.97)}.veilig,.matig,.onveilig{border-radius:65rem;padding:.5rem 1rem;display:inline-block}.buurt-kaart{padding:0}.buurt-link{color:oklch(0% 0 0);align-items:center;width:100%;min-height:10rem;padding:2rem;text-decoration:none;display:flex}.buurt-link:focus-visible{outline-offset:-.5rem;outline:.5rem solid oklch(0% 0 0)}.back-link{margin-bottom:2rem;display:inline-block}form{flex-direction:column;gap:1rem;max-width:75rem;display:flex}label{font-weight:700}input,textarea,select,button{border:.2rem solid oklch(84.522% .0001 271.152);border-radius:.5rem;padding:.8rem;font-size:1rem}button{color:oklch(100% .00011 271.152);cursor:pointer;background-color:oklch(0% 0 0)}button:hover{background-color:oklch(0% 0 0)}.field-error{color:oklch(62.793% .25768 29.223);margin-top:.3rem;font-size:.9rem;display:block}.invalid{border:.2rem solid red}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline-offset:.3rem;outline:.3rem solid oklch(0% 0 0)}.skip-link{width:.1rem;height:.1rem;position:absolute;overflow:hidden}.skip-link:focus{color:oklch(100% .00011 271.152);background:oklch(0% 0 0);width:auto;height:auto;padding:1rem}:focus-visible{outline-offset:.3rem}.successMelding{color:oklch(40.634% .10713 151.917)}@media (width>=600px){body{padding:2rem}h1{font-size:3rem}#buurtenlijsten,#studielijsten{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}#buurtInfo{padding:2rem}#buurtInfo h1{font-size:3rem}#buurtInfo p{font-size:1.2rem}}