/* The new site look for older pages (built on shared-styles.css): load after the page's own styles,
   with <script src="/gn.js" data-chrome="tab"> to swap the old nav and footer for the new header. */
:root{--navy:#1F1F1F;--indigo:#0B57D0;--indigo-lt:#D3E3FD;--indigo-mid:#A8C7FA;--emerald:#137333;--emerald-lt:#E6F4EA;--emerald-mid:#A8DAB5;--slate:#5F6368;--border:#DADCE0;--bg:#F7F4EF;--white:#fff}
html.gn-chrome body{font-family:Roboto,"Open Sans",Arial,sans-serif;background:#F7F4EF;color:#1F1F1F}
html.gn-chrome h1,html.gn-chrome h2,html.gn-chrome h3,html.gn-chrome h4,html.gn-chrome h5{font-family:"Open Sans",Roboto,Arial,sans-serif;letter-spacing:0}
html.gn-chrome h1{font-weight:400}html.gn-chrome h2,html.gn-chrome h3{font-weight:500}html.gn-chrome h4,html.gn-chrome h5{font-weight:600}
/* Old site chrome off; the new header and footer come from gn.js */
html.gn-chrome body>nav:not(.gn-tabs),html.gn-chrome .mobile-menu,html.gn-chrome body>footer:not(.gn-foot){display:none!important}
html.gn-chrome .eyebrow{color:#0B57D0;letter-spacing:.05em}
/* Buttons: blue, pill-shaped */
html.gn-chrome .btn-primary,html.gn-chrome .bpd-cta:not(.pending),html.gn-chrome .ad-bottom-cta a,html.gn-chrome .ad-acts button.dark,html.gn-chrome .ad-fv a.go,html.gn-chrome .ad-fit .start,html.gn-chrome .fit-merged #adFit .ad-fv a.go.fit-go{background:#0B57D0!important;border-color:#0B57D0!important;color:#fff!important;border-radius:20px!important;font-weight:500!important}
html.gn-chrome .btn-primary:hover,html.gn-chrome .bpd-cta:not(.pending):hover{background:#0842A0!important}
html.gn-chrome .btn-ghost,html.gn-chrome .bpd-cta.pending{border-radius:20px!important;font-weight:500!important}
html.gn-chrome .bpd-cta{text-align:center!important}
/* Detail pages (app-detail and friends) */
html.gn-chrome .bpd-crumb{max-width:1200px;color:#5F6368}html.gn-chrome .bpd-crumb a{color:#0B57D0;text-decoration:none}
html.gn-chrome .bpd-wrap{max-width:1200px}
html.gn-chrome .bpd-wrap>div:first-child{background:#fff;border-radius:16px;padding:24px}
html.gn-chrome .bpd-sidebox{background:#fff;border:0!important;box-shadow:none}
html.gn-chrome .bpd-sidebox h4{font-weight:500}
html.gn-chrome .bpd-tabs{border-bottom:1px solid #DADCE0}
html.gn-chrome .bpd-tab{font-size:14.5px;font-weight:500;color:#5F6368;padding:12px 6px 13px}
html.gn-chrome .bpd-tab.active{color:#0B57D0;border-bottom:3px solid #0B57D0;font-weight:500;border-radius:3px 3px 0 0}
html.gn-chrome .bpd-hd h1{font-size:30px;line-height:1.25}
html.gn-chrome .bpd-box,html.gn-chrome .bpd-includes>*{border-color:#DADCE0}
html.gn-chrome .bpd-step-num,html.gn-chrome .dh-badge-builtin,html.gn-chrome .ad-fa button.on{background:#0B57D0!important;border-color:#0B57D0!important}
html.gn-chrome .bpd-hd-ic{background:#D3E3FD;color:#041E49}
html.gn-chrome input,html.gn-chrome textarea,html.gn-chrome select{font-family:inherit}
@media(max-width:700px){html.gn-chrome .bpd-wrap>div:first-child{padding:16px;border-radius:12px}}
html.embed.gn-chrome body{background:transparent!important}html.embed.gn-chrome .bpd-wrap>div:first-child{padding:24px;border-radius:16px;overflow:visible}@media(max-width:700px){html.embed.gn-chrome .bpd-wrap>div:first-child{padding:16px}}
html.gn-chrome nav.gn-tabs{position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:auto}
html.gn-chrome footer.gn-foot{background:transparent!important;padding:20px 16px 28px}
html.gn-chrome .aba-ss-wrap{display:none!important}
html.gn-chrome .ad-bottom-cta{background:#fff!important;border-color:#DADCE0!important}
/* Pages built on the site's step template (design tools, Tech Stack…) */
html.gn-chrome body,html.gn-chrome .ws-body{background:#F7F4EF!important}
html.gn-chrome .ie-hero.ie-clay,html.gn-chrome .ie-hero.ie-grey,html.gn-chrome .ie-hero.ie-light{background:#F7F4EF!important;border-bottom:1px solid #DADCE0}
html.gn-chrome .ws-b,html.gn-chrome .cn-b{border-radius:20px!important;font-weight:500!important}
html.gn-chrome .ws-b.pri,html.gn-chrome .cn-b.pri,html.gn-chrome .ws-pages .ws-b.pri{background:#0B57D0!important;border-color:#0B57D0!important;color:#fff!important}
html.gn-chrome .ws-b:not(.pri){border-color:#DADCE0!important;color:#0B57D0!important}
html.gn-chrome .ws-num{background:#0B57D0!important}
html.gn-chrome .ws-steps button{border-color:#DADCE0}
html.gn-chrome .ws-steps .on button,html.gn-chrome .ws-steps li.on button{border-color:#0B57D0!important;box-shadow:0 0 0 1px #0B57D0}
html.gn-chrome .ws-steps .n{background:#D3E3FD!important;color:#041E49!important}
html.gn-chrome .ws-steps .ok .n{background:#E6F4EA!important;color:#137333!important}
html.gn-chrome .bl-box.bl-band.b1{background:#E8F0FE!important;box-shadow:0 0 0 100vmax #E8F0FE!important;color:#1F1F1F!important}
html.gn-chrome .bl-band.b1 h2,html.gn-chrome .bl-band.b1 h3,html.gn-chrome .bl-band.b1 p,html.gn-chrome .bl-band.b1 li,html.gn-chrome .bl-band.b1 small{color:#1F1F1F!important}
html.gn-chrome .eyebrow{color:#0B57D0!important}
html.gn-chrome .bl-body{background:#F7F4EF!important}
html.gn-chrome .bl-band.b1 h4,html.gn-chrome .bl-band.b1 .bl-hd p{color:#1F1F1F!important}
html.gn-chrome .bl-b{border-radius:20px!important;font-weight:500!important}
html.gn-chrome .bl-b.pri{background:#0B57D0!important;border-color:#0B57D0!important;color:#fff!important}
html.gn-chrome .bl-b:not(.pri){border-color:#DADCE0!important;color:#0B57D0!important}
html.gn-chrome .bl-steps button{border-color:#DADCE0}html.gn-chrome .bl-steps .on button{border-color:#0B57D0!important;box-shadow:0 0 0 1px #0B57D0 inset!important}
html.gn-chrome .bl-steps .n{background:#D3E3FD!important;color:#041E49!important}html.gn-chrome .bl-steps .ok .n{background:#E6F4EA!important;color:#137333!important}
html.gn-chrome .bl-chip{background:#E9EEF6}
html.gn-chrome .bl-card h3,html.gn-chrome .bl-hd h4{font-weight:500!important}
html.gn-chrome .ws-hd2 h3{font-weight:500!important}
/* Compare tables: a blue band between options */
html.gn-chrome .alt-tw{border-color:#DADCE0;border-radius:16px}
html.gn-chrome .alt-t.alt-rows thead th,html.gn-chrome .alt-t.alt-rows thead th.pick{background:#F1F3F4!important;color:#5F6368}
html.gn-chrome .alt-t.alt-rows tr.alt-more>td{border-bottom:14px solid #F7F4EF!important}
html.gn-chrome .alt-t.alt-rows tbody tr.alt-more:last-child>td{border-bottom:0!important}
html.gn-chrome .alt-t.alt-rows tr.alt-row>th,html.gn-chrome .alt-t.alt-rows tr.alt-row>td{border-bottom:0}
html.gn-chrome .alt-t.alt-rows tr.alt-row{border-top:0}
/* Dashboard, profile and admin pages */
html.gn-chrome .nh-apply{background:#0B57D0!important;border-radius:20px!important;font-weight:500!important}
html.gn-chrome .emp-hero-band{background:#E8F0FE!important;color:#0B57D0}
html.gn-chrome .ca-tab{border-radius:20px}html.gn-chrome .ca-tab.on{background:#D3E3FD!important;color:#041E49!important;border-color:#D3E3FD!important}
/* Voices family: light hero, blue toggles */
html.gn-chrome .ie-hero.ie-green,html.gn-chrome .ie-hero.ie-dark{background:#F7F4EF!important;border-bottom:1px solid #DADCE0}
html.gn-chrome .ie-hero.ie-green .section-hd *,html.gn-chrome .ie-hero.ie-dark .section-hd *,html.gn-chrome .ie-hero.ie-green>.inner>*:not(div),html.gn-chrome .ie-hero.ie-dark>.inner>*:not(div){color:#1F1F1F!important}
html.gn-chrome .ie-hero.ie-green .section-hd p,html.gn-chrome .ie-hero.ie-dark .section-hd p{color:#444746!important}
html.gn-chrome .ie-hero.ie-green a,html.gn-chrome .ie-hero.ie-dark a{color:#0B57D0!important}
html.gn-chrome .ie-hero .eyebrow{color:#0B57D0!important}
html.gn-chrome .ns-tog button.on,html.gn-chrome .vc-chip.on{background:#D3E3FD!important;color:#041E49!important;border-color:#D3E3FD!important}
html.gn-chrome .ie-hero.ie-green .section-hd .eyebrow,html.gn-chrome .ie-hero.ie-dark .section-hd .eyebrow,html.gn-chrome .ie-hero.ie-green .section-hd a,html.gn-chrome .ie-hero.ie-dark .section-hd a{color:#0B57D0!important}
html.gn-chrome #gnHeader,html.gn-chrome .gn-foot{visibility:visible}
html.gn-chrome .alt-tw{border:0!important;background:transparent!important}html.gn-chrome .alt-t.alt-rows thead th:first-child{border-top-left-radius:16px}html.gn-chrome .alt-t.alt-rows thead th:last-child{border-top-right-radius:16px}
html.gn-chrome .alt-t.alt-rows tbody td:not(.pick),html.gn-chrome .alt-t.alt-rows tbody th:not(.pick){background:#fff}
/* Assessment (answers page and results) */
html.gn-chrome .bh-chips a.on,html.gn-chrome .bha-opts button.on,html.gn-chrome .hc-opts button.on{background:#D3E3FD!important;color:#041E49!important;border-color:#0B57D0!important}
html.gn-chrome .bha-opts button,html.gn-chrome .hc-opts button,html.gn-chrome .bh-chips a,html.gn-chrome .bha-jump a{border-radius:20px}
html.gn-chrome .hc-go{background:#0B57D0!important;border-radius:20px!important;font-weight:500!important}
html.gn-chrome .hc-go.gh{background:#fff!important;color:#0B57D0!important;border-color:#DADCE0!important}
html.gn-chrome .bh-btns .btn-ghost{border-radius:20px;border-color:#DADCE0;color:#0B57D0}
html.gn-chrome .hcp-k.gap{background:#C5221F}html.gn-chrome .hcp-k.rev{background:#B06000}
/* Data tables: each row its own white strip, with a small gap in the page color between rows */
html.gn-chrome :where(.mb-cmp,.ca-t,.ws-tbl,.pd-tbl,.at-tbl,.ae-tbl,.sx-tbl,.sk-tbl,.ra-t,.cp,.compare-table,.ad-cmp){border-collapse:separate!important;border-spacing:0 6px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
html.gn-chrome :where(.mb-cmp,.ca-t,.ws-tbl,.pd-tbl,.at-tbl,.ae-tbl,.sx-tbl,.sk-tbl,.ra-t,.cp,.compare-table,.ad-cmp) :where(td,th){background:#fff;border-bottom:0!important;border-top:0!important}
html.gn-chrome :where(.mb-cmp,.ca-t,.ws-tbl,.pd-tbl,.at-tbl,.ae-tbl,.sx-tbl,.sk-tbl,.ra-t,.cp,.compare-table,.ad-cmp) :where(thead th,tr:first-child>th:not([scope=row])){background:#F1F3F4!important;color:#5F6368}
html.gn-chrome :where(.mb-cmp,.ca-t,.ws-tbl,.pd-tbl,.at-tbl,.ae-tbl,.sx-tbl,.sk-tbl,.ra-t,.cp,.compare-table,.ad-cmp) tr>:first-child{border-radius:12px 0 0 12px}
html.gn-chrome :where(.mb-cmp,.ca-t,.ws-tbl,.pd-tbl,.at-tbl,.ae-tbl,.sx-tbl,.sk-tbl,.ra-t,.cp,.compare-table,.ad-cmp) tr>:last-child{border-radius:0 12px 12px 0}
html.gn-chrome :where(.mb-cmp,.ca-t,.ws-tbl,.pd-tbl,.at-tbl,.ae-tbl,.sx-tbl,.sk-tbl,.ra-t,.cp,.compare-table,.ad-cmp) tr>:only-child{border-radius:12px}
html.gn-chrome .mb-cmp tr.me td{background:#FEF7E0!important}