@font-face{font-family:Karla;src:url('/vanwaarde/Karla-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('/vanwaarde/NotoSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('/vanwaarde/NotoSans-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
body{font-family:'Noto Sans',Verdana,sans-serif;color:#3c3c3b;letter-spacing:.01em}
h1,.ic-Dashboard-header__title{font-family:Karla,Verdana,sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1;color:#002957}
h2,h3,h4,h5,h6{font-family:'Noto Sans',Verdana,sans-serif;font-weight:600;color:#002957}
.vw-content{max-width:78ch;line-height:2;letter-spacing:.01em;color:#3c3c3b}
.vw-content h1{font-family:Karla,Verdana,sans-serif;line-height:1;letter-spacing:-.01em}
.vw-content h2,.vw-content h3{line-height:1.4;letter-spacing:0}
.vw-content img,.vw-content video{max-width:100%;height:auto}
.vw-content video{width:100%;background:#002957;border-radius:8px}
.vw-content table{display:block;max-width:100%;overflow-x:auto}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #002957!important;outline-offset:3px}
.ic-Login__container{max-width:480px}
.ic-Login__content{border-radius:16px;background:#fff;padding:32px;box-shadow:0 14px 48px #00295720}
.ic-Login-header__logo{max-width:none;width:100%;text-align:center}
.ic-Login-header__logo img{width:290px;max-width:100%;height:auto}
.ic-Login__body{background:transparent}
.ic-Login__content .ic-Label,.ic-Login__content a,.ic-Login__content label{color:#002957}
.ic-app-header__logomark{background-size:48px auto}
@media(max-width:480px){.ic-Login__content{padding:24px 16px}.ic-Login-header__logo img{width:240px}.vw-content{line-height:2}}
/* Keep the native preview warning and reset explanation readable without covering most of a phone. */
@media(max-width:600px){
  #masquerade_bar{flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px}
  #masquerade_bar .ic-alert-masquerade-student-view-module{flex:none;padding:0;font-size:12px;line-height:1.35}
  #masquerade_bar .buttons{display:flex;gap:8px}
  #masquerade_bar .buttons .Button{flex:1;min-height:44px;font-size:12px;line-height:1.35;padding:8px;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.ic-Login-header{border-bottom:3px solid #f29100;padding-bottom:20px;margin-bottom:20px}