/* Presentation only. The published assessment bundle and scoring are unchanged. */
body{font-family:Archivo,-apple-system,sans-serif;background:#fafaf8;color:#17253c;font-size:16px}
#root>div>header{background:#fff;border-top:3px solid #17253c;border-bottom:1px solid #d5d9db}
#root>div>header>div{max-width:1240px;min-height:79px;padding:12px 32px}
#root>div>header a,#root>div>header button{color:#17253c}
#root>div>header img{width:36px;height:36px}
#root>div>header a>span{font-size:18px;color:#17253c}
#root>div>header nav a{font-size:14px;text-transform:none;letter-spacing:0;color:#3c4859;border-bottom:0;margin:0;padding:10px 0;min-height:44px}
#root>div>header nav a:last-child{border:1px solid #a7b0b8;padding:10px 16px}
#root>div>header nav a:hover{color:#1d4e9b}
#root>div>header>div+div{background:#fff;border-bottom:1px solid #d5d9db}
#root h1{font-family:Newsreader,Georgia,serif;font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:500;letter-spacing:-.02em}
#root main p{font-size:16px;line-height:1.7}
#root .text-xs{font-size:14px;line-height:1.6}
#root .text-sm{font-size:15px;line-height:1.6}
#root input,#root select,#root textarea{font-size:16px;min-height:44px;border-radius:2px}
#root button{min-height:44px}
#root .rounded-lg{border-radius:2px}
#root aside{background:#f0f1ef;border-color:#d5d9db}
#root aside .text-white,#root aside .text-hsi-onink{color:#3c4859}
#root aside .bg-hsi-teal{background:#e1e8ef;color:#17253c;border-left:2px solid #1d4e9b}
#root aside .border-hsi-slate{border-color:#d5d9db}
#root aside button:hover{background:#e1e8ef;color:#17253c}
#root aside .font-display{font-size:18px;color:#17253c}
#root aside a{color:#3c4859;font-size:14px}
#root :focus-visible{outline:3px solid #1d4e9b;outline-offset:3px}
.navigator-footer{background:#f0f1ef;color:#505c69;font-size:14px;border-color:#d5d9db}
.navigator-footer a{color:#3c4859;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:600px){#root>div>header>div{padding:10px 20px}#root>div>header a>span{font-size:16px}#root main>header{height:auto;min-height:56px}#root main p{font-size:16px}#root .p-6{padding:20px}#root h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{#root>div>header,#root aside,.navigator-footer,#root button{display:none}#root main{overflow:visible}#root .overflow-y-auto{overflow:visible}}
#root>div>header nav{background:#fff;border-color:#d5d9db}
#root>div>header nav a{color:#17253c}
#root>div>header nav.absolute{max-height:calc(100dvh - 82px);overflow-y:auto}
#root main>header{min-height:56px;height:auto}
@media(min-width:768px) and (max-width:1040px){#root aside:not(.fixed){width:200px}#root main .max-w-4xl{padding:28px 24px}#root main>header>div.ml-auto{display:none}}
#root [class*="text-hsi-navy/60"]{color:#505c69}
/* A labeled selector replaces the nine tiny mobile progress-bar controls. */
#root [data-step-bar]{display:none}
#root .assessment-section-picker{display:block;width:100%;max-width:100%;background:#fff;color:#17253c;border:1px solid #a7b0b8;padding:10px 12px;min-height:46px;font:14px/1.5 Archivo,sans-serif}
#root main .overflow-y-auto{min-width:0}