/* Shared brand and assessment palette: one source for every app page. */
:root {
  --ink:#172e50;--muted:#52627a;--paper:#fafbfe;--surface:#fff;--surface-soft:#eef2fa;
  --brand:#2456d8;--brand-strong:#173b9d;--brand-soft:#e5edff;
  --line:#d8e0ec;--line-strong:#b8c8e4;--accent-yellow:#f4cf59;
  --archetypes-ink:#ad3b31;--archetypes-tint:#ffded5;--archetypes-border:#d8a297;
  --motivation-ink:#785a0a;--motivation-tint:#fff1bc;--motivation-border:#d4bb71;
  --traits-ink:#2456d8;--traits-tint:#e5edff;--traits-border:#b8c8e4;
  --danger:#ad3b31;--danger-soft:#ffded5;--warning-ink:#785a0a;--warning-soft:#fff1bc;
  --shadow:#1d3d7020;--backdrop:#172e5073;
  /* Compatibility aliases for existing components. */
  --green:var(--brand);--white:var(--surface);--lime:var(--accent-yellow);--peach:var(--archetypes-tint);
}
.primary {background:var(--brand);border-radius:7px;box-shadow:0 3px 0 var(--brand-strong);}
.primary:hover {background:var(--brand-strong);}
.secondary:hover {background:var(--brand-soft);border-color:var(--brand);}
.light {background:var(--accent-yellow);color:var(--ink);}
.bottom-cta {background:var(--brand-strong);}
.bottom-cta .eyebrow,.bottom-cta p:last-child {color:var(--brand-soft);}
.brand-dot {color:var(--archetypes-ink);}
:focus-visible {outline:2px solid var(--brand);outline-offset:4px;}
.example-selector a {border-radius:8px;background:var(--surface);border-color:var(--line-strong);}
.example-selector a[aria-current="page"] {background:var(--brand);border-color:var(--brand);color:var(--white);}
.example-selector a:hover:not([aria-current]) {background:var(--brand-soft);}
.example-audience {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:22px;}
.example-audience a {display:flex;align-items:center;gap:14px;padding:18px 20px;min-width:0;}
.example-audience a strong {display:block;font-size:18px;}
.example-audience a small {display:block;font-size:12px;line-height:1.5;margin-top:4px;}
.example-audience a[aria-current="page"] {box-shadow:0 3px 0 var(--brand-strong);}
.home-icon {display:block;width:44px;height:44px;flex-shrink:0;}
.example-profile .home-icon,.workplace-profile .home-icon,.employer-example-card .home-icon {width:48px;height:48px;}
.catalog-dialog-symbol .home-icon {width:36px;height:36px;}
.result-header .result-symbol {width:64px;height:64px;margin:0 auto 20px;}
.catalog-archetype-art {display:block;width:120px;height:120px;object-fit:cover;border-radius:8px;margin-bottom:10px;}
.catalog-options li:has(.catalog-archetype-art)>div {display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;}
.quiz-wrap .pill {display:flex;align-items:center;gap:10px;background:var(--profile-tint,var(--brand-soft));border-color:var(--profile-color,var(--brand));color:var(--profile-color,var(--brand));}
.quiz-wrap .pill .home-icon {width:26px;height:26px;}
.quiz-wrap progress::-webkit-progress-value {background:var(--profile-color,var(--brand));}
.quiz-wrap progress::-moz-progress-bar {background:var(--profile-color,var(--brand));}
@media(max-width:800px){.example-profile .home-icon {width:34px;height:34px;}}
@media(max-width:600px){
.example-audience {gap:10px;}
.example-audience a {padding:14px 12px;gap:10px;align-items:start;flex-direction:column;}
.example-audience a .home-icon {width:28px;height:28px;}
.example-audience a strong {font-size:17px;}
.example-audience a small {font-size:11px;}
#assessment-catalog-dialog .catalog-archetype-art {width:64px;height:64px;margin-bottom:6px;}
.catalog-dialog-symbol .home-icon {width:28px;height:28px;}
}

#employer-discovery {scroll-margin-top:24px;}
#employer-discovery h2 {font-size:24px;margin-bottom:18px;}
#employer-discovery:target {outline:2px solid var(--brand);outline-offset:4px;}