

.masthead{background:#172b38;border-top:0;border-bottom:3px solid #f2c35e;min-height:92px;padding-top:19px;padding-bottom:19px}
.masthead .brand,.masthead .wordmark,.masthead .wordmark>span,.masthead .wordmark>strong{color:#fff}
.masthead .wordmark{font-size:32px;letter-spacing:-1px}
.masthead .brand img{width:52px;height:52px;object-fit:contain}
.primary-nav{background:transparent;border-color:#4b6071}.primary-nav a,.primary-nav a:first-child,.primary-nav a:hover,.primary-nav a:focus-visible{color:#fff}
.primary-nav a:hover,.primary-nav a:focus-visible{text-decoration:underline;text-decoration-color:#f2c35e;text-underline-offset:6px}
.v17-menu{color:#fff;background:transparent;border-color:#718292}.v17-menu:hover{background:#294252}
.masthead a:focus-visible,.masthead button:focus-visible{outline:3px solid #f2c35e;outline-offset:4px}
.hero h1{font-size:48px!important;line-height:1.07!important}.v19-section-head h2{font-size:32px!important}.v19-story-copy h3{font-size:30px!important}.v19-mini h3{font-size:22px!important}
.hero-actions .button:not(.secondary){background:#f2c35e;border-color:#f2c35e;color:#172b38;font-size:14px}.hero-actions .button:not(.secondary):hover{background:#e7b449;border-color:#e7b449;color:#172b38}
.hero-actions .button.secondary{font-size:14px}.diagnosis-start{font-size:14px}
@media(min-width:1440px){.hero h1{font-size:52px!important}}
@media(max-width:1180px){.masthead .wordmark{font-size:30px}}
@media(max-width:760px){.masthead{min-height:82px;padding:13px 18px}.masthead .brand img{width:42px;height:42px}.masthead .wordmark{font-size:22px}.primary-nav.is-open{background:#172b38}.hero h1{font-size:38px!important}.v19-section-head h2{font-size:27px!important}.v19-story-copy h3{font-size:28px!important}.v19-mini h3{font-size:19px!important}}



:root{--palette-header:#172b38;--palette-accent:#f2c35e;--palette-hover:#e7b449;--palette-link:#365981;--palette-wash:#f6f8fb}
.masthead,.primary-nav.is-open{background:var(--palette-header);border-bottom-color:var(--palette-accent)}
.masthead .brand,.masthead .wordmark,.masthead .wordmark>span,.masthead .wordmark>strong,.primary-nav a,.primary-nav a:first-child,.primary-nav a:hover{color:white}
.masthead a:focus-visible,.masthead button:focus-visible{outline-color:var(--palette-accent)}
.primary-nav a:hover,.primary-nav a:focus-visible{text-decoration-color:var(--palette-accent)}
.hero-actions .button:not(.secondary){background:var(--palette-accent);border-color:var(--palette-accent);color:#172b38}
.hero-actions .button:not(.secondary):hover{background:var(--palette-hover);border-color:var(--palette-hover);color:#172b38}
.diagnosis-start,.diagnosis-start:hover{background:var(--palette-header);color:white;border-color:var(--palette-header)}
.diagnosis-panel{border-top-color:var(--palette-link)}
.diagnosis-choices button[aria-pressed=true]{background:var(--palette-header);color:white}
.v19-link,.diagnosis-guide{color:var(--palette-link)}
.v19-job:hover,.v19-job:focus-visible{background:var(--palette-wash);border-color:var(--palette-link)}
.footer{background:var(--palette-header)}


.island{border:1px solid #c8d8e9;border-top:3px solid #a8d7fa;border-radius:22px;background:#f1f6fc;box-shadow:0 12px 28px rgba(23,43,56,.065);align-self:center}
.island [hidden]{display:none!important}
.island-heading{padding:23px 24px 0;text-align:left}
.island-label{display:inline-block;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#365981}
.island .island-heading h2{font:800 25px/1.14 Manrope,Arial,sans-serif!important;letter-spacing:-.04em;margin:11px 0 10px;max-width:none}
.island-heading>p{font:400 13px/1.55 Manrope,Arial,sans-serif;color:#526474;margin:0 0 16px}
.island .diagnosis-flow{padding:0 24px 4px;min-height:0;text-align:left}
.island .diagnosis-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}
.island .diagnosis-choices button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:56px;padding:11px 12px;background:white;border:1px solid #b8cada;border-radius:11px;font:700 12px/1.35 Manrope,Arial,sans-serif;color:#172b38;text-align:left}
.island .diagnosis-choices button svg{width:20px;height:20px;flex:none;color:#365981}
.island .diagnosis-choices button::before,.island .diagnosis-choices button::after{content:none!important}
.island .diagnosis-choices button:hover,.island .diagnosis-choices button:focus-visible{background:#172b38;color:white;border-color:#172b38}
.island .diagnosis-choices button:hover svg,.island .diagnosis-choices button:focus-visible svg{color:white}
.island .diagnosis-choices button:focus-visible,.island .island-reset:focus-visible{outline:3px solid #365981;outline-offset:3px}
.island-reassurance{padding:12px 24px 20px;margin:0;text-align:left;font:400 11px/1.4 Manrope,Arial,sans-serif;color:#526474}
.island.has-selection .island-heading h2,.island.has-selection .island-heading>p{display:none}
.island.has-selection .island-heading{padding-bottom:12px}
.island .diagnosis-flow .island-selected{display:inline-block;margin:0 0 10px;padding:6px 10px;border-radius:7px;background:#f2c35e;color:#172b38;font:800 12px/1.4 Manrope,Arial,sans-serif}
.island .diagnosis-result{margin:0;padding:0;border:0;text-align:left}
.island .diagnosis-result-label{font-size:10px;color:#526474}
.island [data-result-title]{font:800 23px/1.2 Manrope,Arial,sans-serif!important;letter-spacing:-.025em;margin:8px 0 12px;text-align:left}
.island [data-result-action]{font:400 14px/1.6 Manrope,Arial,sans-serif;max-width:none;color:#26394d}
.island .island-evidence{margin:12px 0;border-top:1px solid #c8d8e9;padding-top:10px}
.island-evidence summary{font:700 12px/1.4 Manrope,Arial,sans-serif;cursor:pointer;min-height:44px}
.island .island-evidence [data-result-evidence]{font-size:12px!important;line-height:1.5!important;color:#526474!important;margin:5px 0 10px!important}
.island .diagnosis-guide{display:flex;justify-content:center;align-items:center;min-height:46px;margin:12px 0 10px;padding:10px 12px;background:#f2c35e;border:1px solid #f2c35e;border-radius:9px;color:#172b38;font:800 12px/1.4 Manrope,Arial,sans-serif;text-align:center;text-decoration:none}
.island .diagnosis-guide:hover{background:#e7b449;border-color:#e7b449}
.island .diagnosis-tools{display:flex;flex-direction:column;gap:8px;margin:0}
.island .diagnosis-tools a{background:transparent;border:0;padding:4px 0;color:#294f78;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.island-reset{display:block;min-height:44px;background:transparent;border:0;padding:10px 0;margin-top:7px;color:#294f78;font:700 12px Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.island noscript p,.island noscript ul{padding-left:24px;padding-right:24px;font-size:14px;line-height:1.7}
@media(max-width:760px){.island-heading{padding:20px 20px 0}.island .island-heading h2{font-size:25px!important}.island .diagnosis-flow{padding:0 20px 4px}.island .diagnosis-choices button{padding:10px;min-height:56px;font-size:12px}.island .diagnosis-choices button svg{width:18px;height:18px}.island-reassurance{padding:11px 20px 18px}.island.has-selection .island-heading{padding-bottom:12px}}



#journal-preview{border-top:1px solid #d7e0e7;padding-top:38px}
#journal-preview .inside-label{font:800 12px/1.4 Manrope,Arial,sans-serif;color:#365981;margin:16px 0 8px}
#journal-preview .inside-guide{margin:0 0 16px;padding-left:18px;color:#26394d;font:400 14px/1.5 Manrope,Arial,sans-serif}
#journal-preview .inside-guide li{margin:0 0 7px}
#software-jobs{border-top:1px solid #d7e0e7}
@media(max-width:760px){#journal-preview{padding-top:26px}#journal-preview .inside-guide{font-size:14px}}

.masthead #primary-navigation a,.masthead #primary-navigation a:visited,.masthead #primary-navigation a:hover,.masthead #primary-navigation a:focus-visible{color:#fff!important;opacity:1!important}
