@font-face{font-family:Karla;src:url('/brand/Karla-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('/brand/NotoSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('/brand/NotoSans-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--primary:#002957;--vw-amber:#f29100;--vw-blue:#002957;--vw-text:#3c3c3b}
body,input,button,select,textarea{font-family:'Noto Sans',Verdana,sans-serif;font-weight:400;color:#3c3c3b;letter-spacing:.01em}
body{line-height:2}
h1,h1.h2,.h1,.vw-hero h2{font-family:Karla,Verdana,sans-serif;font-weight:700;color:#002957;line-height:1;letter-spacing:-.01em}
h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6{font-family:'Noto Sans',Verdana,sans-serif;font-weight:600;color:#002957;line-height:1.4;letter-spacing:.01em}
button,input,select,textarea,.btn,.nav-link,.dropdown-item,.breadcrumb,.activityname{line-height:1.5}
strong,b{font-weight:600}
body{background:#f5f5f1}a{color:#002957}a:hover{color:#80663d}
.navbar{box-shadow:0 2px 12px #00295712;border-bottom:3px solid #f29100}
.btn-primary{background:#002957;border-color:#002957}.btn-primary:hover,.btn-primary:focus{background:#163e6a;border-color:#002957}
.btn:focus:focus-visible,a:focus:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #002957;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.login-container{border-radius:16px;box-shadow:0 12px 50px #00295716;border-top:5px solid #f29100}
.login-logo{max-width:330px;margin:12px auto 30px;padding:16px}
.card,.activity-item{border-radius:10px}.course-content .section{margin-bottom:1.2rem}
.vw-hero{border-radius:16px;background:#e6eaee;color:#3c3c3b;padding:clamp(24px,5vw,56px);margin-bottom:24px;border-top:4px solid #f29100}
.vw-hero h1,.vw-hero h2{color:#002957;margin:0 0 20px}.vw-hero p{color:#3c3c3b;max-width:62ch;line-height:2}
.vw-kicker{color:#80663d!important;font-weight:600;letter-spacing:.01em;font-size:.875rem;text-transform:none}
.vw-hero .vw-kicker{color:#002957!important}
.vw-demo{padding:10px 18px;border-left:4px solid #f29100;background:#fef4e6;color:#3c3c3b;font-size:.85rem;margin-bottom:20px}
.vw-source{border-top:1px solid #dde2e5;margin-top:2rem;padding-top:1rem;font-size:.8rem;color:#63686c}
.vw-content{line-height:2;color:#3c3c3b}.vw-content img{max-width:100%;height:auto}.vw-content table{display:block;overflow:auto;max-width:100%}
.vw-content iframe{max-width:100%}.vw-content p,.vw-content li,.vw-content span{color:inherit!important;font-family:inherit!important}
.vw-content video{max-width:100%;height:auto}.vw-warning{padding:16px;background:#fef4e6;border-left:4px solid #f29100}
.vw-links{display:flex;gap:12px;flex-wrap:wrap}.vw-links a{background:#fff;color:#002957;border-radius:6px;padding:10px 18px;font-weight:600}
.navbar .navbar-brand .logo{max-height:44px;width:auto;min-width:0}.navbar .navbar-brand{padding:8px 0}
@media(min-width:992px){.navbar.fixed-top{height:90px;max-height:none}.navbar .navbar-brand{min-height:80px}body #page{margin-top:90px}.drawer{top:90px!important;height:calc(100vh - 90px)!important}.secondary-navigation{top:90px}.moremenu .nav-link{height:auto}}
@media(max-width:991px){.navbar .navbar-brand .logo{min-width:0;max-height:36px;width:36px}.vw-hero{border-radius:10px}.vw-content{font-size:.95rem}}

.course-section-header .sectionname,.course-section-header .sectionname a{color:#002957!important;font-family:'Noto Sans',Verdana,sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.4}
.vw-content h1,.vw-content h2,.vw-content h3{font-family:'Noto Sans',Verdana,sans-serif;font-weight:600;line-height:1.4;letter-spacing:.01em;color:#002957;margin:1.75rem 0 .75rem}
.vw-content strong,.vw-content b{font-weight:600}
.vw-content h1,.vw-content h2{font-size:1.25rem}.vw-content h3{font-size:1.125rem}
.vw-orientation{border-left:3px solid #f29100;padding:.25rem 1rem;font-size:.875rem;background:#f5f5f1}.vw-orientation p{margin:0}
.vw-course-start{max-width:75ch}.vw-step{font-size:.875rem;color:#63686c}
.vw-lesson-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dde2e5}.vw-lesson-nav a{display:block;padding:.65rem 1rem;background:#f5f5f1;border:1px solid #dde2e5;border-radius:6px;font-size:.875rem;max-width:100%;overflow-wrap:anywhere}
@media(max-width:767px){.navbar .navbar-brand{display:flex!important;margin-right:.5rem!important}.navbar .navbar-brand .logo{width:32px;max-height:36px}}