/* One shared page grid keeps navigation and content aligned across routes. */
:root{--na-page-width:1180px;--na-page-gutter:20px;--container:var(--na-page-width)}
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
.product-header{padding-inline:max(var(--na-page-gutter),calc((100% - var(--na-page-width))/2))}
.page-shell,.detail-shell,.mock-public-shell,.competition-shell,.auth-shell,.login-experience,.product-footer,.message-stack{
 box-sizing:border-box;width:min(var(--na-page-width),calc(100% - 2 * var(--na-page-gutter)));max-width:var(--na-page-width);margin-inline:auto;padding-inline:0;
}
/* Reading and form panels stay narrow inside the common outer grid. */
.account-page>.account-page-heading,.account-page>.account-card{max-width:780px;margin-inline:auto}
.account-page>.success-card{max-width:580px}
.policy-reading-panel{max-width:856px;margin-inline:auto}
.mock-runner-layout{width:min(var(--na-page-width),calc(100% - 2 * var(--na-page-gutter)))}
@media(max-width:760px){:root{--na-page-gutter:16px}.page-shell,.detail-shell,.mock-public-shell,.competition-shell,.auth-shell,.login-experience,.product-footer,.message-stack{padding-inline:0}.product-header{padding-inline:var(--na-page-gutter)}.mock-runner-layout{width:calc(100% - 2 * var(--na-page-gutter))}}
.premium-access-summary{padding:16px;margin:16px 0;background:var(--na-cool-mist);border:1px solid var(--na-muted-slate);border-radius:6px}.premium-access-summary p{font-size:12px;line-height:1.6}.premium-confirm-content{padding:24px;color:var(--na-midnight);background:var(--na-white)}.premium-confirm-content p{line-height:1.7}.premium-open-warning{padding:16px;background:var(--na-coral);border-radius:6px;margin:16px 0;color:var(--na-white)!important;}.premium-open-warning label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}.premium-confirm-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.premium-start-confirmation::backdrop{background:rgba(20,36,58,.65)}

.premium-confirm-actions>.button{width:auto;min-width:120px}.premium-confirm-actions>.button.button-ghost{background:var(--na-white)!important;color:var(--na-midnight)!important;border-color:var(--na-midnight)!important}@media(max-width:600px){.premium-confirm-actions>.button{width:100%}}

/* Daily challenge actions are a layout group, never a second button. */
.mock-hub .daily-mock-action{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:220px;padding:12px 0 12px 24px;border:0;border-left:1px solid var(--na-cool-mist);border-radius:0;background:transparent;color:var(--na-midnight);text-align:center}
.mock-hub .daily-mock-action form{margin:0;width:100%}.mock-hub .daily-mock-action .mock-primary-action{width:100%;min-height:48px;padding:14px 20px;border-radius:10px;font-size:13px;font-weight:700;gap:12px;box-shadow:0 5px 14px rgba(20,36,58,.14)}
.mock-hub .daily-mock-action .mock-primary-action:hover{background:var(--na-slate)!important;border-color:var(--na-slate)!important;color:var(--na-white)!important}.mock-hub .daily-mock-action>small{color:var(--na-muted-slate);font-size:11px;line-height:1.5}
@media(max-width:760px){.mock-hub .daily-mock-action{min-width:0;padding:18px 0 0;border-left:0;border-top:1px solid var(--na-cool-mist);width:100%}}

/* Strong logo colours on account actions and coral hover controls. */
.product-header .account-menu-panel form button,.site-mobile-menu-panel form button{background:var(--na-midnight);border:1px solid var(--na-midnight);color:var(--na-white);min-height:42px;width:100%;font-weight:700;border-radius:6px}
.product-header .account-menu-panel form button:hover,.site-mobile-menu-panel form button:hover{background:var(--na-coral);border-color:var(--na-coral);color:var(--na-white)!important;}
.button:hover,.auth-submit:hover,.competition-button:hover,.runner-button:hover,.mock-primary-action:hover,.premium-pack-action:hover,.navigator-submit:hover{color:var(--na-white)!important}
.button:hover img,.auth-submit:hover img,.competition-button:hover img,.premium-pack-action:hover img,.runner-button:hover img{filter:brightness(0) invert(1)}
/* Actions with midnight/slate hover retain white labels and icons. */
.mock-hub .daily-mock-action .mock-primary-action:hover,.premium-checkout .premium-pack-action:hover,.razorpay-payment-panel .payment-pay-button:hover{color:var(--na-white)!important}
.mock-hub .daily-mock-action .mock-primary-action:hover img,.premium-checkout .premium-pack-action:hover img,.razorpay-payment-panel .payment-pay-button:hover img{filter:brightness(0) invert(1)}

.product-header .account-identity .competition-prepid{background:var(--na-midnight);border-color:var(--na-midnight);color:var(--na-white)}

/* White labels on logo-coral surfaces, including nested headings and facts. */
.daily-premium-feature.marking > h1,.daily-premium-feature.marking > h2,.daily-premium-feature.marking > h3,.daily-premium-feature.marking > p,.daily-premium-feature.marking > span,.daily-premium-feature.marking > strong,.daily-premium-feature.marking > small,.daily-premium-feature.marking > label{color:var(--na-white)!important}
.daily-premium-feature.marking > img{filter:brightness(0) invert(1)}
.daily-premium-cta > h1,.daily-premium-cta > h2,.daily-premium-cta > h3,.daily-premium-cta > p,.daily-premium-cta > span,.daily-premium-cta > strong,.daily-premium-cta > small,.daily-premium-cta > label{color:var(--na-white)!important}
.daily-premium-cta > img{filter:brightness(0) invert(1)}
.product-header .nav-cta > h1,.product-header .nav-cta > h2,.product-header .nav-cta > h3,.product-header .nav-cta > p,.product-header .nav-cta > span,.product-header .nav-cta > strong,.product-header .nav-cta > small,.product-header .nav-cta > label,.product-header nav button > h1,.product-header nav button > h2,.product-header nav button > h3,.product-header nav button > p,.product-header nav button > span,.product-header nav button > strong,.product-header nav button > small,.product-header nav button > label{color:var(--na-white)!important}
.product-header .nav-cta > img,.product-header nav button > img{filter:brightness(0) invert(1)}
.button-ghost:hover > h1,.button-ghost:hover > h2,.button-ghost:hover > h3,.button-ghost:hover > p,.button-ghost:hover > span,.button-ghost:hover > strong,.button-ghost:hover > small,.button-ghost:hover > label,.runner-button.secondary:hover > h1,.runner-button.secondary:hover > h2,.runner-button.secondary:hover > h3,.runner-button.secondary:hover > p,.runner-button.secondary:hover > span,.runner-button.secondary:hover > strong,.runner-button.secondary:hover > small,.runner-button.secondary:hover > label{color:var(--na-white)!important}
.button-ghost:hover > img,.runner-button.secondary:hover > img{filter:brightness(0) invert(1)}
.account-avatar > h1,.account-avatar > h2,.account-avatar > h3,.account-avatar > p,.account-avatar > span,.account-avatar > strong,.account-avatar > small,.account-avatar > label,.profile-photo-large > h1,.profile-photo-large > h2,.profile-photo-large > h3,.profile-photo-large > p,.profile-photo-large > span,.profile-photo-large > strong,.profile-photo-large > small,.profile-photo-large > label{color:var(--na-white)!important}
.account-avatar > img,.profile-photo-large > img{filter:brightness(0) invert(1)}
.competition-badge > h1,.competition-badge > h2,.competition-badge > h3,.competition-badge > p,.competition-badge > span,.competition-badge > strong,.competition-badge > small,.competition-badge > label{color:var(--na-white)!important}
.competition-badge > img{filter:brightness(0) invert(1)}
.competition-promotion > h1,.competition-promotion > h2,.competition-promotion > h3,.competition-promotion > p,.competition-promotion > span,.competition-promotion > strong,.competition-promotion > small,.competition-promotion > label{color:var(--na-white)!important}
.competition-promotion > img{filter:brightness(0) invert(1)}
.site-mobile-menu[open] summary > h1,.site-mobile-menu[open] summary > h2,.site-mobile-menu[open] summary > h3,.site-mobile-menu[open] summary > p,.site-mobile-menu[open] summary > span,.site-mobile-menu[open] summary > strong,.site-mobile-menu[open] summary > small,.site-mobile-menu[open] summary > label{color:var(--na-white)!important}
.site-mobile-menu[open] summary > img{filter:brightness(0) invert(1)}
.review-option.incorrect > h1,.review-option.incorrect > h2,.review-option.incorrect > h3,.review-option.incorrect > p,.review-option.incorrect > span,.review-option.incorrect > strong,.review-option.incorrect > small,.review-option.incorrect > label{color:var(--na-white)!important}
.review-option.incorrect > img{filter:brightness(0) invert(1)}
.product-header .nav-cta:hover > h1,.product-header .nav-cta:hover > h2,.product-header .nav-cta:hover > h3,.product-header .nav-cta:hover > p,.product-header .nav-cta:hover > span,.product-header .nav-cta:hover > strong,.product-header .nav-cta:hover > small,.product-header .nav-cta:hover > label,.product-header nav>a[href*="/accounts/login/"]:hover > h1,.product-header nav>a[href*="/accounts/login/"]:hover > h2,.product-header nav>a[href*="/accounts/login/"]:hover > h3,.product-header nav>a[href*="/accounts/login/"]:hover > p,.product-header nav>a[href*="/accounts/login/"]:hover > span,.product-header nav>a[href*="/accounts/login/"]:hover > strong,.product-header nav>a[href*="/accounts/login/"]:hover > small,.product-header nav>a[href*="/accounts/login/"]:hover > label,.site-mobile-menu-panel a.mobile-menu-primary:hover > h1,.site-mobile-menu-panel a.mobile-menu-primary:hover > h2,.site-mobile-menu-panel a.mobile-menu-primary:hover > h3,.site-mobile-menu-panel a.mobile-menu-primary:hover > p,.site-mobile-menu-panel a.mobile-menu-primary:hover > span,.site-mobile-menu-panel a.mobile-menu-primary:hover > strong,.site-mobile-menu-panel a.mobile-menu-primary:hover > small,.site-mobile-menu-panel a.mobile-menu-primary:hover > label,.mock-public-actions>a:first-child:hover > h1,.mock-public-actions>a:first-child:hover > h2,.mock-public-actions>a:first-child:hover > h3,.mock-public-actions>a:first-child:hover > p,.mock-public-actions>a:first-child:hover > span,.mock-public-actions>a:first-child:hover > strong,.mock-public-actions>a:first-child:hover > small,.mock-public-actions>a:first-child:hover > label,.mock-public-actions>a:last-child:hover > h1,.mock-public-actions>a:last-child:hover > h2,.mock-public-actions>a:last-child:hover > h3,.mock-public-actions>a:last-child:hover > p,.mock-public-actions>a:last-child:hover > span,.mock-public-actions>a:last-child:hover > strong,.mock-public-actions>a:last-child:hover > small,.mock-public-actions>a:last-child:hover > label,.mock-public-actions .mock-public-primary:hover > h1,.mock-public-actions .mock-public-primary:hover > h2,.mock-public-actions .mock-public-primary:hover > h3,.mock-public-actions .mock-public-primary:hover > p,.mock-public-actions .mock-public-primary:hover > span,.mock-public-actions .mock-public-primary:hover > strong,.mock-public-actions .mock-public-primary:hover > small,.mock-public-actions .mock-public-primary:hover > label,.mock-public-cta a:hover > h1,.mock-public-cta a:hover > h2,.mock-public-cta a:hover > h3,.mock-public-cta a:hover > p,.mock-public-cta a:hover > span,.mock-public-cta a:hover > strong,.mock-public-cta a:hover > small,.mock-public-cta a:hover > label,.button:hover > h1,.button:hover > h2,.button:hover > h3,.button:hover > p,.button:hover > span,.button:hover > strong,.button:hover > small,.button:hover > label,.auth-submit:hover > h1,.auth-submit:hover > h2,.auth-submit:hover > h3,.auth-submit:hover > p,.auth-submit:hover > span,.auth-submit:hover > strong,.auth-submit:hover > small,.auth-submit:hover > label,.competition-button:hover > h1,.competition-button:hover > h2,.competition-button:hover > h3,.competition-button:hover > p,.competition-button:hover > span,.competition-button:hover > strong,.competition-button:hover > small,.competition-button:hover > label,.runner-button:hover > h1,.runner-button:hover > h2,.runner-button:hover > h3,.runner-button:hover > p,.runner-button:hover > span,.runner-button:hover > strong,.runner-button:hover > small,.runner-button:hover > label,.mock-primary-action:hover > h1,.mock-primary-action:hover > h2,.mock-primary-action:hover > h3,.mock-primary-action:hover > p,.mock-primary-action:hover > span,.mock-primary-action:hover > strong,.mock-primary-action:hover > small,.mock-primary-action:hover > label,.premium-pack-action:hover > h1,.premium-pack-action:hover > h2,.premium-pack-action:hover > h3,.premium-pack-action:hover > p,.premium-pack-action:hover > span,.premium-pack-action:hover > strong,.premium-pack-action:hover > small,.premium-pack-action:hover > label,.daily-mock-action .button:hover > h1,.daily-mock-action .button:hover > h2,.daily-mock-action .button:hover > h3,.daily-mock-action .button:hover > p,.daily-mock-action .button:hover > span,.daily-mock-action .button:hover > strong,.daily-mock-action .button:hover > small,.daily-mock-action .button:hover > label,.navigator-submit:hover > h1,.navigator-submit:hover > h2,.navigator-submit:hover > h3,.navigator-submit:hover > p,.navigator-submit:hover > span,.navigator-submit:hover > strong,.navigator-submit:hover > small,.navigator-submit:hover > label,.account-card label.photo-select-button:hover > h1,.account-card label.photo-select-button:hover > h2,.account-card label.photo-select-button:hover > h3,.account-card label.photo-select-button:hover > p,.account-card label.photo-select-button:hover > span,.account-card label.photo-select-button:hover > strong,.account-card label.photo-select-button:hover > small,.account-card label.photo-select-button:hover > label,.pack-settings-dialog>form>footer .premium-pack-action:hover > h1,.pack-settings-dialog>form>footer .premium-pack-action:hover > h2,.pack-settings-dialog>form>footer .premium-pack-action:hover > h3,.pack-settings-dialog>form>footer .premium-pack-action:hover > p,.pack-settings-dialog>form>footer .premium-pack-action:hover > span,.pack-settings-dialog>form>footer .premium-pack-action:hover > strong,.pack-settings-dialog>form>footer .premium-pack-action:hover > small,.pack-settings-dialog>form>footer .premium-pack-action:hover > label{color:var(--na-white)!important}
.product-header .nav-cta:hover > img,.product-header nav>a[href*="/accounts/login/"]:hover > img,.site-mobile-menu-panel a.mobile-menu-primary:hover > img,.mock-public-actions>a:first-child:hover > img,.mock-public-actions>a:last-child:hover > img,.mock-public-actions .mock-public-primary:hover > img,.mock-public-cta a:hover > img,.button:hover > img,.auth-submit:hover > img,.competition-button:hover > img,.runner-button:hover > img,.mock-primary-action:hover > img,.premium-pack-action:hover > img,.daily-mock-action .button:hover > img,.navigator-submit:hover > img,.account-card label.photo-select-button:hover > img,.pack-settings-dialog>form>footer .premium-pack-action:hover > img{filter:brightness(0) invert(1)}
.mock-demo-footer button:hover > h1,.mock-demo-footer button:hover > h2,.mock-demo-footer button:hover > h3,.mock-demo-footer button:hover > p,.mock-demo-footer button:hover > span,.mock-demo-footer button:hover > strong,.mock-demo-footer button:hover > small,.mock-demo-footer button:hover > label{color:var(--na-white)!important}
.mock-demo-footer button:hover > img{filter:brightness(0) invert(1)}
.mock-premium-section>div>div>a:hover > h1,.mock-premium-section>div>div>a:hover > h2,.mock-premium-section>div>div>a:hover > h3,.mock-premium-section>div>div>a:hover > p,.mock-premium-section>div>div>a:hover > span,.mock-premium-section>div>div>a:hover > strong,.mock-premium-section>div>div>a:hover > small,.mock-premium-section>div>div>a:hover > label{color:var(--na-white)!important}
.mock-premium-section>div>div>a:hover > img{filter:brightness(0) invert(1)}
.status-pending .purchase-status > h1,.status-pending .purchase-status > h2,.status-pending .purchase-status > h3,.status-pending .purchase-status > p,.status-pending .purchase-status > span,.status-pending .purchase-status > strong,.status-pending .purchase-status > small,.status-pending .purchase-status > label{color:var(--na-white)!important}
.status-pending .purchase-status > img{filter:brightness(0) invert(1)}
.purchase-attempt-row span > h1,.purchase-attempt-row span > h2,.purchase-attempt-row span > h3,.purchase-attempt-row span > p,.purchase-attempt-row span > span,.purchase-attempt-row span > strong,.purchase-attempt-row span > small,.purchase-attempt-row span > label{color:var(--na-white)!important}
.purchase-attempt-row span > img{filter:brightness(0) invert(1)}
.collection-pack-action > h1,.collection-pack-action > h2,.collection-pack-action > h3,.collection-pack-action > p,.collection-pack-action > span,.collection-pack-action > strong,.collection-pack-action > small,.collection-pack-action > label{color:var(--na-white)!important}
.collection-pack-action > img{filter:brightness(0) invert(1)}
.policy-draft-banner > h1,.policy-draft-banner > h2,.policy-draft-banner > h3,.policy-draft-banner > p,.policy-draft-banner > span,.policy-draft-banner > strong,.policy-draft-banner > small,.policy-draft-banner > label{color:var(--na-white)!important}
.policy-draft-banner > img{filter:brightness(0) invert(1)}
.checkout-allowance>div:first-child > h1,.checkout-allowance>div:first-child > h2,.checkout-allowance>div:first-child > h3,.checkout-allowance>div:first-child > p,.checkout-allowance>div:first-child > span,.checkout-allowance>div:first-child > strong,.checkout-allowance>div:first-child > small,.checkout-allowance>div:first-child > label{color:var(--na-white)!important}
.checkout-allowance>div:first-child > img{filter:brightness(0) invert(1)}
.checkout-payment-note > h1,.checkout-payment-note > h2,.checkout-payment-note > h3,.checkout-payment-note > p,.checkout-payment-note > span,.checkout-payment-note > strong,.checkout-payment-note > small,.checkout-payment-note > label{color:var(--na-white)!important}
.checkout-payment-note > img{filter:brightness(0) invert(1)}
.progress-calendar-days button:hover > h1,.progress-calendar-days button:hover > h2,.progress-calendar-days button:hover > h3,.progress-calendar-days button:hover > p,.progress-calendar-days button:hover > span,.progress-calendar-days button:hover > strong,.progress-calendar-days button:hover > small,.progress-calendar-days button:hover > label,.progress-calendar-header button:hover > h1,.progress-calendar-header button:hover > h2,.progress-calendar-header button:hover > h3,.progress-calendar-header button:hover > p,.progress-calendar-header button:hover > span,.progress-calendar-header button:hover > strong,.progress-calendar-header button:hover > small,.progress-calendar-header button:hover > label{color:var(--na-white)!important}
.progress-calendar-days button:hover > img,.progress-calendar-header button:hover > img{filter:brightness(0) invert(1)}
.purchase-quick-start > h1,.purchase-quick-start > h2,.purchase-quick-start > h3,.purchase-quick-start > p,.purchase-quick-start > span,.purchase-quick-start > strong,.purchase-quick-start > small,.purchase-quick-start > label{color:var(--na-white)!important}
.purchase-quick-start > img{filter:brightness(0) invert(1)}
.desktop-nav a:hover > h1,.desktop-nav a:hover > h2,.desktop-nav a:hover > h3,.desktop-nav a:hover > p,.desktop-nav a:hover > span,.desktop-nav a:hover > strong,.desktop-nav a:hover > small,.desktop-nav a:hover > label,.desktop-nav a.active > h1,.desktop-nav a.active > h2,.desktop-nav a.active > h3,.desktop-nav a.active > p,.desktop-nav a.active > span,.desktop-nav a.active > strong,.desktop-nav a.active > small,.desktop-nav a.active > label,.desktop-account > a:hover > h1,.desktop-account > a:hover > h2,.desktop-account > a:hover > h3,.desktop-account > a:hover > p,.desktop-account > a:hover > span,.desktop-account > a:hover > strong,.desktop-account > a:hover > small,.desktop-account > a:hover > label,.text-button:hover > h1,.text-button:hover > h2,.text-button:hover > h3,.text-button:hover > p,.text-button:hover > span,.text-button:hover > strong,.text-button:hover > small,.text-button:hover > label{color:var(--na-white)!important}
.desktop-nav a:hover > img,.desktop-nav a.active > img,.desktop-account > a:hover > img,.text-button:hover > img{filter:brightness(0) invert(1)}
.desktop-jobs-menu > summary:hover > h1,.desktop-jobs-menu > summary:hover > h2,.desktop-jobs-menu > summary:hover > h3,.desktop-jobs-menu > summary:hover > p,.desktop-jobs-menu > summary:hover > span,.desktop-jobs-menu > summary:hover > strong,.desktop-jobs-menu > summary:hover > small,.desktop-jobs-menu > summary:hover > label,.desktop-jobs-menu.active > summary > h1,.desktop-jobs-menu.active > summary > h2,.desktop-jobs-menu.active > summary > h3,.desktop-jobs-menu.active > summary > p,.desktop-jobs-menu.active > summary > span,.desktop-jobs-menu.active > summary > strong,.desktop-jobs-menu.active > summary > small,.desktop-jobs-menu.active > summary > label,.desktop-jobs-menu[open] > summary > h1,.desktop-jobs-menu[open] > summary > h2,.desktop-jobs-menu[open] > summary > h3,.desktop-jobs-menu[open] > summary > p,.desktop-jobs-menu[open] > summary > span,.desktop-jobs-menu[open] > summary > strong,.desktop-jobs-menu[open] > summary > small,.desktop-jobs-menu[open] > summary > label{color:var(--na-white)!important}
.desktop-jobs-menu > summary:hover > img,.desktop-jobs-menu.active > summary > img,.desktop-jobs-menu[open] > summary > img{filter:brightness(0) invert(1)}
.account-avatar > h1,.account-avatar > h2,.account-avatar > h3,.account-avatar > p,.account-avatar > span,.account-avatar > strong,.account-avatar > small,.account-avatar > label{color:var(--na-white)!important}
.account-avatar > img{filter:brightness(0) invert(1)}
.desktop-user-popover a:hover > h1,.desktop-user-popover a:hover > h2,.desktop-user-popover a:hover > h3,.desktop-user-popover a:hover > p,.desktop-user-popover a:hover > span,.desktop-user-popover a:hover > strong,.desktop-user-popover a:hover > small,.desktop-user-popover a:hover > label,.desktop-user-popover button:hover > h1,.desktop-user-popover button:hover > h2,.desktop-user-popover button:hover > h3,.desktop-user-popover button:hover > p,.desktop-user-popover button:hover > span,.desktop-user-popover button:hover > strong,.desktop-user-popover button:hover > small,.desktop-user-popover button:hover > label{color:var(--na-white)!important}
.desktop-user-popover a:hover > img,.desktop-user-popover button:hover > img{filter:brightness(0) invert(1)}
.mobile-nav-panel a:hover > h1,.mobile-nav-panel a:hover > h2,.mobile-nav-panel a:hover > h3,.mobile-nav-panel a:hover > p,.mobile-nav-panel a:hover > span,.mobile-nav-panel a:hover > strong,.mobile-nav-panel a:hover > small,.mobile-nav-panel a:hover > label,.mobile-logout:hover > h1,.mobile-logout:hover > h2,.mobile-logout:hover > h3,.mobile-logout:hover > p,.mobile-logout:hover > span,.mobile-logout:hover > strong,.mobile-logout:hover > small,.mobile-logout:hover > label{color:var(--na-white)!important}
.mobile-nav-panel a:hover > img,.mobile-logout:hover > img{filter:brightness(0) invert(1)}
.mobile-jobs-submenu[open] > summary > h1,.mobile-jobs-submenu[open] > summary > h2,.mobile-jobs-submenu[open] > summary > h3,.mobile-jobs-submenu[open] > summary > p,.mobile-jobs-submenu[open] > summary > span,.mobile-jobs-submenu[open] > summary > strong,.mobile-jobs-submenu[open] > summary > small,.mobile-jobs-submenu[open] > summary > label{color:var(--na-white)!important}
.mobile-jobs-submenu[open] > summary > img{filter:brightness(0) invert(1)}
.org-mark > h1,.org-mark > h2,.org-mark > h3,.org-mark > p,.org-mark > span,.org-mark > strong,.org-mark > small,.org-mark > label,.nurse-avatar > h1,.nurse-avatar > h2,.nurse-avatar > h3,.nurse-avatar > p,.nurse-avatar > span,.nurse-avatar > strong,.nurse-avatar > small,.nurse-avatar > label{color:var(--na-white)!important}
.org-mark > img,.nurse-avatar > img{filter:brightness(0) invert(1)}
.listing-kicker .nuid-pending > h1,.listing-kicker .nuid-pending > h2,.listing-kicker .nuid-pending > h3,.listing-kicker .nuid-pending > p,.listing-kicker .nuid-pending > span,.listing-kicker .nuid-pending > strong,.listing-kicker .nuid-pending > small,.listing-kicker .nuid-pending > label,.listing-kicker .nuid-missing > h1,.listing-kicker .nuid-missing > h2,.listing-kicker .nuid-missing > h3,.listing-kicker .nuid-missing > p,.listing-kicker .nuid-missing > span,.listing-kicker .nuid-missing > strong,.listing-kicker .nuid-missing > small,.listing-kicker .nuid-missing > label{color:var(--na-white)!important}
.listing-kicker .nuid-pending > img,.listing-kicker .nuid-missing > img{filter:brightness(0) invert(1)}
.compact-mark > h1,.compact-mark > h2,.compact-mark > h3,.compact-mark > p,.compact-mark > span,.compact-mark > strong,.compact-mark > small,.compact-mark > label{color:var(--na-white)!important}
.compact-mark > img{filter:brightness(0) invert(1)}
.job-listing-card .listing-kicker em > h1,.job-listing-card .listing-kicker em > h2,.job-listing-card .listing-kicker em > h3,.job-listing-card .listing-kicker em > p,.job-listing-card .listing-kicker em > span,.job-listing-card .listing-kicker em > strong,.job-listing-card .listing-kicker em > small,.job-listing-card .listing-kicker em > label{color:var(--na-white)!important}
.job-listing-card .listing-kicker em > img{filter:brightness(0) invert(1)}
.module-icon > h1,.module-icon > h2,.module-icon > h3,.module-icon > p,.module-icon > span,.module-icon > strong,.module-icon > small,.module-icon > label{color:var(--na-white)!important}
.module-icon > img{filter:brightness(0) invert(1)}
.dashboard-avatar > h1,.dashboard-avatar > h2,.dashboard-avatar > h3,.dashboard-avatar > p,.dashboard-avatar > span,.dashboard-avatar > strong,.dashboard-avatar > small,.dashboard-avatar > label{color:var(--na-white)!important}
.dashboard-avatar > img{filter:brightness(0) invert(1)}
.dashboard-action-icon > h1,.dashboard-action-icon > h2,.dashboard-action-icon > h3,.dashboard-action-icon > p,.dashboard-action-icon > span,.dashboard-action-icon > strong,.dashboard-action-icon > small,.dashboard-action-icon > label{color:var(--na-white)!important}
.dashboard-action-icon > img{filter:brightness(0) invert(1)}
.cne-status.status-pending > h1,.cne-status.status-pending > h2,.cne-status.status-pending > h3,.cne-status.status-pending > p,.cne-status.status-pending > span,.cne-status.status-pending > strong,.cne-status.status-pending > small,.cne-status.status-pending > label{color:var(--na-white)!important}
.cne-status.status-pending > img{filter:brightness(0) invert(1)}
.privacy-lock-notice > h1,.privacy-lock-notice > h2,.privacy-lock-notice > h3,.privacy-lock-notice > p,.privacy-lock-notice > span,.privacy-lock-notice > strong,.privacy-lock-notice > small,.privacy-lock-notice > label{color:var(--na-white)!important}
.privacy-lock-notice > img{filter:brightness(0) invert(1)}
.privacy-closeout-notice > h1,.privacy-closeout-notice > h2,.privacy-closeout-notice > h3,.privacy-closeout-notice > p,.privacy-closeout-notice > span,.privacy-closeout-notice > strong,.privacy-closeout-notice > small,.privacy-closeout-notice > label{color:var(--na-white)!important}
.privacy-closeout-notice > img{filter:brightness(0) invert(1)}
.qr-ticket code > h1,.qr-ticket code > h2,.qr-ticket code > h3,.qr-ticket code > p,.qr-ticket code > span,.qr-ticket code > strong,.qr-ticket code > small,.qr-ticket code > label{color:var(--na-white)!important}
.qr-ticket code > img{filter:brightness(0) invert(1)}
.inline-action > h1,.inline-action > h2,.inline-action > h3,.inline-action > p,.inline-action > span,.inline-action > strong,.inline-action > small,.inline-action > label,.secondary-action > h1,.secondary-action > h2,.secondary-action > h3,.secondary-action > p,.secondary-action > span,.secondary-action > strong,.secondary-action > small,.secondary-action > label{color:var(--na-white)!important}
.inline-action > img,.secondary-action > img{filter:brightness(0) invert(1)}
input::file-selector-button > h1,input::file-selector-button > h2,input::file-selector-button > h3,input::file-selector-button > p,input::file-selector-button > span,input::file-selector-button > strong,input::file-selector-button > small,input::file-selector-button > label{color:var(--na-white)!important}
input::file-selector-button > img{filter:brightness(0) invert(1)}
.profile-section-icon > h1,.profile-section-icon > h2,.profile-section-icon > h3,.profile-section-icon > p,.profile-section-icon > span,.profile-section-icon > strong,.profile-section-icon > small,.profile-section-icon > label,.credential-icon > h1,.credential-icon > h2,.credential-icon > h3,.credential-icon > p,.credential-icon > span,.credential-icon > strong,.credential-icon > small,.credential-icon > label{color:var(--na-white)!important}
.profile-section-icon > img,.credential-icon > img{filter:brightness(0) invert(1)}
.nuid-status-pill.is-pending > h1,.nuid-status-pill.is-pending > h2,.nuid-status-pill.is-pending > h3,.nuid-status-pill.is-pending > p,.nuid-status-pill.is-pending > span,.nuid-status-pill.is-pending > strong,.nuid-status-pill.is-pending > small,.nuid-status-pill.is-pending > label{color:var(--na-white)!important}
.nuid-status-pill.is-pending > img{filter:brightness(0) invert(1)}
.profile-contact-heading > span > h1,.profile-contact-heading > span > h2,.profile-contact-heading > span > h3,.profile-contact-heading > span > p,.profile-contact-heading > span > span,.profile-contact-heading > span > strong,.profile-contact-heading > span > small,.profile-contact-heading > span > label{color:var(--na-white)!important}
.profile-contact-heading > span > img{filter:brightness(0) invert(1)}
.editor-section-heading > span > h1,.editor-section-heading > span > h2,.editor-section-heading > span > h3,.editor-section-heading > span > p,.editor-section-heading > span > span,.editor-section-heading > span > strong,.editor-section-heading > span > small,.editor-section-heading > span > label,.side-panel-heading > span > h1,.side-panel-heading > span > h2,.side-panel-heading > span > h3,.side-panel-heading > span > p,.side-panel-heading > span > span,.side-panel-heading > span > strong,.side-panel-heading > span > small,.side-panel-heading > span > label{color:var(--na-white)!important}
.editor-section-heading > span > img,.side-panel-heading > span > img{filter:brightness(0) invert(1)}
.photo-preview > h1,.photo-preview > h2,.photo-preview > h3,.photo-preview > p,.photo-preview > span,.photo-preview > strong,.photo-preview > small,.photo-preview > label{color:var(--na-white)!important}
.photo-preview > img{filter:brightness(0) invert(1)}
.location-status-dot > h1,.location-status-dot > h2,.location-status-dot > h3,.location-status-dot > p,.location-status-dot > span,.location-status-dot > strong,.location-status-dot > small,.location-status-dot > label{color:var(--na-white)!important}
.location-status-dot > img{filter:brightness(0) invert(1)}
.employer-verification-chip.is-pending > h1,.employer-verification-chip.is-pending > h2,.employer-verification-chip.is-pending > h3,.employer-verification-chip.is-pending > p,.employer-verification-chip.is-pending > span,.employer-verification-chip.is-pending > strong,.employer-verification-chip.is-pending > small,.employer-verification-chip.is-pending > label{color:var(--na-white)!important}
.employer-verification-chip.is-pending > img{filter:brightness(0) invert(1)}
.employer-verification-chip.is-pending i > h1,.employer-verification-chip.is-pending i > h2,.employer-verification-chip.is-pending i > h3,.employer-verification-chip.is-pending i > p,.employer-verification-chip.is-pending i > span,.employer-verification-chip.is-pending i > strong,.employer-verification-chip.is-pending i > small,.employer-verification-chip.is-pending i > label{color:var(--na-white)!important}
.employer-verification-chip.is-pending i > img{filter:brightness(0) invert(1)}
.employer-metric-icon.shortlisted > h1,.employer-metric-icon.shortlisted > h2,.employer-metric-icon.shortlisted > h3,.employer-metric-icon.shortlisted > p,.employer-metric-icon.shortlisted > span,.employer-metric-icon.shortlisted > strong,.employer-metric-icon.shortlisted > small,.employer-metric-icon.shortlisted > label{color:var(--na-white)!important}
.employer-metric-icon.shortlisted > img{filter:brightness(0) invert(1)}
.credential-file-icon > h1,.credential-file-icon > h2,.credential-file-icon > h3,.credential-file-icon > p,.credential-file-icon > span,.credential-file-icon > strong,.credential-file-icon > small,.credential-file-icon > label{color:var(--na-white)!important}
.credential-file-icon > img{filter:brightness(0) invert(1)}
.profile-lock-chip > h1,.profile-lock-chip > h2,.profile-lock-chip > h3,.profile-lock-chip > p,.profile-lock-chip > span,.profile-lock-chip > strong,.profile-lock-chip > small,.profile-lock-chip > label{color:var(--na-white)!important}
.profile-lock-chip > img{filter:brightness(0) invert(1)}
.credit-unlock-dialog.has-verification-warning > div > span > h1,.credit-unlock-dialog.has-verification-warning > div > span > h2,.credit-unlock-dialog.has-verification-warning > div > span > h3,.credit-unlock-dialog.has-verification-warning > div > span > p,.credit-unlock-dialog.has-verification-warning > div > span > span,.credit-unlock-dialog.has-verification-warning > div > span > strong,.credit-unlock-dialog.has-verification-warning > div > span > small,.credit-unlock-dialog.has-verification-warning > div > span > label{color:var(--na-white)!important}
.credit-unlock-dialog.has-verification-warning > div > span > img{filter:brightness(0) invert(1)}
.nuid-value .nuid-unverified-warning > h1,.nuid-value .nuid-unverified-warning > h2,.nuid-value .nuid-unverified-warning > h3,.nuid-value .nuid-unverified-warning > p,.nuid-value .nuid-unverified-warning > span,.nuid-value .nuid-unverified-warning > strong,.nuid-value .nuid-unverified-warning > small,.nuid-value .nuid-unverified-warning > label{color:var(--na-white)!important}
.nuid-value .nuid-unverified-warning > img{filter:brightness(0) invert(1)}
.verification-head em > h1,.verification-head em > h2,.verification-head em > h3,.verification-head em > p,.verification-head em > span,.verification-head em > strong,.verification-head em > small,.verification-head em > label{color:var(--na-white)!important}
.verification-head em > img{filter:brightness(0) invert(1)}
.campus-status.status-pending > h1,.campus-status.status-pending > h2,.campus-status.status-pending > h3,.campus-status.status-pending > p,.campus-status.status-pending > span,.campus-status.status-pending > strong,.campus-status.status-pending > small,.campus-status.status-pending > label{color:var(--na-white)!important}
.campus-status.status-pending > img{filter:brightness(0) invert(1)}
.premium-pack-card > header > span > h1,.premium-pack-card > header > span > h2,.premium-pack-card > header > span > h3,.premium-pack-card > header > span > p,.premium-pack-card > header > span > span,.premium-pack-card > header > span > strong,.premium-pack-card > header > span > small,.premium-pack-card > header > span > label{color:var(--na-white)!important}
.premium-pack-card > header > span > img{filter:brightness(0) invert(1)}
.difficulty-moderate > h1,.difficulty-moderate > h2,.difficulty-moderate > h3,.difficulty-moderate > p,.difficulty-moderate > span,.difficulty-moderate > strong,.difficulty-moderate > small,.difficulty-moderate > label{color:var(--na-white)!important}
.difficulty-moderate > img{filter:brightness(0) invert(1)}
.difficulty-hard > h1,.difficulty-hard > h2,.difficulty-hard > h3,.difficulty-hard > p,.difficulty-hard > span,.difficulty-hard > strong,.difficulty-hard > small,.difficulty-hard > label{color:var(--na-white)!important}
.difficulty-hard > img{filter:brightness(0) invert(1)}
.difficulty-very_hard > h1,.difficulty-very_hard > h2,.difficulty-very_hard > h3,.difficulty-very_hard > p,.difficulty-very_hard > span,.difficulty-very_hard > strong,.difficulty-very_hard > small,.difficulty-very_hard > label{color:var(--na-white)!important}
.difficulty-very_hard > img{filter:brightness(0) invert(1)}
.navigator-grid a.review > h1,.navigator-grid a.review > h2,.navigator-grid a.review > h3,.navigator-grid a.review > p,.navigator-grid a.review > span,.navigator-grid a.review > strong,.navigator-grid a.review > small,.navigator-grid a.review > label{color:var(--na-white)!important}
.navigator-grid a.review > img{filter:brightness(0) invert(1)}
.navigator-legend i.review > h1,.navigator-legend i.review > h2,.navigator-legend i.review > h3,.navigator-legend i.review > p,.navigator-legend i.review > span,.navigator-legend i.review > strong,.navigator-legend i.review > small,.navigator-legend i.review > label{color:var(--na-white)!important}
.navigator-legend i.review > img{filter:brightness(0) invert(1)}
.premium-status-card i > h1,.premium-status-card i > h2,.premium-status-card i > h3,.premium-status-card i > p,.premium-status-card i > span,.premium-status-card i > strong,.premium-status-card i > small,.premium-status-card i > label{color:var(--na-white)!important}
.premium-status-card i > img{filter:brightness(0) invert(1)}
.premium-link-list a > h1,.premium-link-list a > h2,.premium-link-list a > h3,.premium-link-list a > p,.premium-link-list a > span,.premium-link-list a > strong,.premium-link-list a > small,.premium-link-list a > label{color:var(--na-white)!important}
.premium-link-list a > img{filter:brightness(0) invert(1)}
.premium-review-status > h1,.premium-review-status > h2,.premium-review-status > h3,.premium-review-status > p,.premium-review-status > span,.premium-review-status > strong,.premium-review-status > small,.premium-review-status > label{color:var(--na-white)!important}
.premium-review-status > img{filter:brightness(0) invert(1)}
.negative-marking-selector input:checked + span > h1,.negative-marking-selector input:checked + span > h2,.negative-marking-selector input:checked + span > h3,.negative-marking-selector input:checked + span > p,.negative-marking-selector input:checked + span > span,.negative-marking-selector input:checked + span > strong,.negative-marking-selector input:checked + span > small,.negative-marking-selector input:checked + span > label{color:var(--na-white)!important}
.negative-marking-selector input:checked + span > img{filter:brightness(0) invert(1)}
.operations-status.review > h1,.operations-status.review > h2,.operations-status.review > h3,.operations-status.review > p,.operations-status.review > span,.operations-status.review > strong,.operations-status.review > small,.operations-status.review > label,.operations-difficulty.moderate > h1,.operations-difficulty.moderate > h2,.operations-difficulty.moderate > h3,.operations-difficulty.moderate > p,.operations-difficulty.moderate > span,.operations-difficulty.moderate > strong,.operations-difficulty.moderate > small,.operations-difficulty.moderate > label{color:var(--na-white)!important}
.operations-status.review > img,.operations-difficulty.moderate > img{filter:brightness(0) invert(1)}
.operations-difficulty.hard > h1,.operations-difficulty.hard > h2,.operations-difficulty.hard > h3,.operations-difficulty.hard > p,.operations-difficulty.hard > span,.operations-difficulty.hard > strong,.operations-difficulty.hard > small,.operations-difficulty.hard > label{color:var(--na-white)!important}
.operations-difficulty.hard > img{filter:brightness(0) invert(1)}
.mock-subject-row span > i.community > h1,.mock-subject-row span > i.community > h2,.mock-subject-row span > i.community > h3,.mock-subject-row span > i.community > p,.mock-subject-row span > i.community > span,.mock-subject-row span > i.community > strong,.mock-subject-row span > i.community > small,.mock-subject-row span > i.community > label{color:var(--na-white)!important}
.mock-subject-row span > i.community > img{filter:brightness(0) invert(1)}
.mock-subject-row span > i.aptitude > h1,.mock-subject-row span > i.aptitude > h2,.mock-subject-row span > i.aptitude > h3,.mock-subject-row span > i.aptitude > p,.mock-subject-row span > i.aptitude > span,.mock-subject-row span > i.aptitude > strong,.mock-subject-row span > i.aptitude > small,.mock-subject-row span > i.aptitude > label{color:var(--na-white)!important}
.mock-subject-row span > i.aptitude > img{filter:brightness(0) invert(1)}
.pack-attempt-warning > h1,.pack-attempt-warning > h2,.pack-attempt-warning > h3,.pack-attempt-warning > p,.pack-attempt-warning > span,.pack-attempt-warning > strong,.pack-attempt-warning > small,.pack-attempt-warning > label{color:var(--na-white)!important}
.pack-attempt-warning > img{filter:brightness(0) invert(1)}
.competition-preview header strong > h1,.competition-preview header strong > h2,.competition-preview header strong > h3,.competition-preview header strong > p,.competition-preview header strong > span,.competition-preview header strong > strong,.competition-preview header strong > small,.competition-preview header strong > label{color:var(--na-white)!important}
.competition-preview header strong > img{filter:brightness(0) invert(1)}
.login-test-preview header strong > h1,.login-test-preview header strong > h2,.login-test-preview header strong > h3,.login-test-preview header strong > p,.login-test-preview header strong > span,.login-test-preview header strong > strong,.login-test-preview header strong > small,.login-test-preview header strong > label{color:var(--na-white)!important}
.login-test-preview header strong > img{filter:brightness(0) invert(1)}
.review-line>i > h1,.review-line>i > h2,.review-line>i > h3,.review-line>i > p,.review-line>i > span,.review-line>i > strong,.review-line>i > small,.review-line>i > label{color:var(--na-white)!important}
.review-line>i > img{filter:brightness(0) invert(1)}
.competition-table .my-rank > h1,.competition-table .my-rank > h2,.competition-table .my-rank > h3,.competition-table .my-rank > p,.competition-table .my-rank > span,.competition-table .my-rank > strong,.competition-table .my-rank > small,.competition-table .my-rank > label{color:var(--na-white)!important}
.competition-table .my-rank > img{filter:brightness(0) invert(1)}
.competition-hero-compact .competition-hero-facts b > h1,.competition-hero-compact .competition-hero-facts b > h2,.competition-hero-compact .competition-hero-facts b > h3,.competition-hero-compact .competition-hero-facts b > p,.competition-hero-compact .competition-hero-facts b > span,.competition-hero-compact .competition-hero-facts b > strong,.competition-hero-compact .competition-hero-facts b > small,.competition-hero-compact .competition-hero-facts b > label{color:var(--na-white)!important}
.competition-hero-compact .competition-hero-facts b > img{filter:brightness(0) invert(1)}
.policy-editor-toolbar button:hover > h1,.policy-editor-toolbar button:hover > h2,.policy-editor-toolbar button:hover > h3,.policy-editor-toolbar button:hover > p,.policy-editor-toolbar button:hover > span,.policy-editor-toolbar button:hover > strong,.policy-editor-toolbar button:hover > small,.policy-editor-toolbar button:hover > label{color:var(--na-white)!important}
.policy-editor-toolbar button:hover > img{filter:brightness(0) invert(1)}
.premium-open-warning > h1,.premium-open-warning > h2,.premium-open-warning > h3,.premium-open-warning > p,.premium-open-warning > span,.premium-open-warning > strong,.premium-open-warning > small,.premium-open-warning > label{color:var(--na-white)!important}
.premium-open-warning > img{filter:brightness(0) invert(1)}
.product-header .account-menu-panel form button:hover > h1,.product-header .account-menu-panel form button:hover > h2,.product-header .account-menu-panel form button:hover > h3,.product-header .account-menu-panel form button:hover > p,.product-header .account-menu-panel form button:hover > span,.product-header .account-menu-panel form button:hover > strong,.product-header .account-menu-panel form button:hover > small,.product-header .account-menu-panel form button:hover > label,.site-mobile-menu-panel form button:hover > h1,.site-mobile-menu-panel form button:hover > h2,.site-mobile-menu-panel form button:hover > h3,.site-mobile-menu-panel form button:hover > p,.site-mobile-menu-panel form button:hover > span,.site-mobile-menu-panel form button:hover > strong,.site-mobile-menu-panel form button:hover > small,.site-mobile-menu-panel form button:hover > label{color:var(--na-white)!important}
.product-header .account-menu-panel form button:hover > img,.site-mobile-menu-panel form button:hover > img{filter:brightness(0) invert(1)}
.razorpay-payment-panel .payment-feedback > h1,.razorpay-payment-panel .payment-feedback > h2,.razorpay-payment-panel .payment-feedback > h3,.razorpay-payment-panel .payment-feedback > p,.razorpay-payment-panel .payment-feedback > span,.razorpay-payment-panel .payment-feedback > strong,.razorpay-payment-panel .payment-feedback > small,.razorpay-payment-panel .payment-feedback > label{color:var(--na-white)!important}
.razorpay-payment-panel .payment-feedback > img{filter:brightness(0) invert(1)}
.payment-journey .is-current > h1,.payment-journey .is-current > h2,.payment-journey .is-current > h3,.payment-journey .is-current > p,.payment-journey .is-current > span,.payment-journey .is-current > strong,.payment-journey .is-current > small,.payment-journey .is-current > label{color:var(--na-white)!important}
.payment-journey .is-current > img{filter:brightness(0) invert(1)}
.daily-premium-cta:hover{color:var(--na-white)}
.daily-premium-feature.marking .daily-premium-feature-label,.daily-premium-feature.marking h3,.daily-premium-feature.marking p,.daily-premium-feature.marking .daily-premium-detail{color:var(--na-white)}
.competition-promotion>div .competition-eyebrow,.competition-promotion>div h2,.competition-promotion>div p,.purchase-quick-start:not(.is-complete)>div span,.purchase-quick-start:not(.is-complete)>div strong{color:var(--na-white)!important}

.google-auth-button { display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 16px; border:1px solid var(--na-midnight); border-radius:8px; background:var(--na-white); color:var(--na-midnight); font-weight:600; text-decoration:none; }
.google-auth-button span { font-size:22px; font-weight:700; }
.google-auth-button:hover { background:var(--na-midnight); color:var(--na-white); }
.google-auth-divider { text-align:center; font-size:12px; margin:16px 0; }