/* Shared NursesAce palette; Android should use the same semantic roles. */
:root{--na-midnight:#14243A;--na-coral:#FF6B61;--na-deep-coral:#BA3C38;--na-white:#FFFFFF;--na-warm-neutral:#F3F0EB;--na-cool-mist:#EDF2F7;--na-deep-midnight:#0B1423;--na-slate:#293A50;--na-graphite:#454B54;--na-soft-coral:#FFE4DF;--na-muted-taupe:#8B8177;--na-muted-slate:#627083;--np-blue:var(--na-deep-coral);--np-blue-soft:var(--na-soft-coral);--np-blue-bright:var(--na-coral);--np-slate:var(--na-midnight);--np-olive:var(--na-deep-coral);--np-olive-soft:var(--na-cool-mist);--np-lime:var(--na-soft-coral);--np-olive-deep:var(--na-midnight);--np-bg:var(--na-warm-neutral);--np-line:var(--na-cool-mist);--np-teal:var(--na-deep-coral);--np-dark:var(--na-midnight);--np-gold:var(--na-deep-coral);--np-text:var(--na-midnight);--ink:var(--na-midnight);--muted:var(--na-muted-slate);--soft:var(--na-cool-mist);--line:var(--na-cool-mist);--line-strong:var(--na-muted-slate);--brand:var(--na-deep-coral);--brand-dark:var(--na-midnight);--brand-soft:var(--na-soft-coral);--navy:var(--na-midnight)}
html{overflow-x:hidden}body{color:var(--np-slate);background:var(--np-bg);overflow-x:hidden}
.product-brand{color:var(--np-slate)}.product-brand span{background:var(--np-slate)}
.product-header{border-bottom-color:var(--np-line)}.product-header nav a,.product-header nav button{color:var(--np-slate)}
.product-header .nav-cta,.product-header nav button{background:var(--na-coral);color:var(--na-white)!important;}
.product-header nav>a[href*="/accounts/login/"]{border:1px solid var(--np-slate)!important;border-radius:9px!important;background:var(--np-slate)!important;color:#FFFFFF!important;font-weight:700!important;padding:9px 14px!important;line-height:1.2}
.product-header nav>a[href*="/accounts/login/"]:hover{border-color:var(--np-blue)!important;background:var(--np-blue)!important;color:#FFFFFF!important}
.product-header .nav-cta,.product-header nav>a[href*="/accounts/login/"],.site-mobile-menu-panel a.mobile-menu-primary{border-radius:3px!important}
.mock-public-actions .mock-public-primary,.mock-public-cta>a[href*="/accounts/login/"]{border-color:var(--np-slate)!important;background:var(--np-slate)!important;color:#FFFFFF!important}
.mock-public-actions .mock-public-primary:hover,.mock-public-cta>a[href*="/accounts/login/"]:hover{border-color:var(--np-blue)!important;background:var(--np-blue)!important;color:#FFFFFF!important}
.mock-public-actions .mock-public-secondary{border-color:var(--np-blue)!important;background:#FFFFFF!important;color:var(--np-slate)!important}
.daily-mock-panel .mock-facts .dashboard-timer-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;white-space:nowrap}
.daily-mock-panel .mock-facts .dashboard-timer-badge strong{line-height:1.1}
.button,.auth-submit,.competition-button,.runner-button.primary,.mock-primary-action,.premium-pack-action,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:10px 15px;border:1px solid var(--np-slate);border-radius:9px;background:var(--np-slate);color:#FFFFFF;line-height:1.2;text-align:center;text-decoration:none;vertical-align:middle}
.button:hover,.auth-submit:hover,.competition-button:hover,.runner-button.primary:hover,.mock-primary-action:hover,.premium-pack-action:hover,.button-primary:hover{border-color:var(--np-blue);background:var(--np-blue);color:#FFFFFF}
.competition-card .competition-button,.competition-ticket .competition-button,.mock-public-cta .competition-button{background:var(--np-slate);color:#FFFFFF}
.button-ghost,.runner-button.secondary{border-color:var(--np-blue);background:#FFFFFF;color:var(--np-slate)}.button-ghost:hover,.runner-button.secondary:hover{background:var(--na-coral);color:var(--na-white)!important;}
.button:focus-visible,.auth-submit:focus-visible,.competition-button:focus-visible,.runner-button:focus-visible{outline:3px solid var(--np-blue-bright);outline-offset:2px}
.button img,.auth-submit img,.competition-button img{flex:0 0 auto}
.button,.auth-submit,.competition-button,.runner-button,.nav-cta,.mock-public-actions>a,.mock-public-cta a,.photo-select-button,.premium-pack-action,.daily-mock-action .button,.pack-settings-dialog>form>footer button,.history-nav a,.dashboard-nav-links a{border-radius:6px}
a,.auth-switch a{color:var(--np-olive)}.account-avatar,.profile-photo-large{background:var(--na-coral);color:var(--na-white)!important;}
.message{background:var(--np-olive-soft);border-color:var(--np-lime)}.purchase-status{background:var(--np-olive-soft);color:var(--np-olive-deep)}
.competition-hero{background:radial-gradient(ellipse at top right,var(--np-blue) 0,transparent 65%),var(--np-slate)}.competition-hero-facts{color:var(--np-lime)}
.competition-card{border-top-color:var(--np-blue)}.competition-badge{background:var(--na-coral);color:var(--na-white)!important;}.competition-view-tabs a.is-active,.competition-table th{background:var(--np-slate)}
.competition-promotion{background:var(--na-coral);color:var(--na-white)!important;}.auth-kicker,.login-hero h1 em{color:var(--np-olive)}
.auth-card,.account-card,.latest-national-exams{border-color:var(--np-line)}.auth-card input:focus,.account-card input:focus{border-color:var(--np-blue);outline-color:rgba(20,36,58,.35)}
.site-mobile-menu[open] summary{background:var(--na-coral);color:var(--na-white)!important;}
.mock-public-actions>a:first-child,.mock-public-cta a,.account-card label.photo-select-button,.daily-mock-action .button,.premium-pack-action,.runner-button.primary,.pack-settings-dialog>form>footer .premium-pack-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-color:var(--np-slate);background:var(--np-slate);color:#FFFFFF;line-height:1.2;text-align:center}
.mock-public-actions>a:first-child:hover,.mock-public-cta a:hover,.account-card label.photo-select-button:hover,.daily-mock-action .button:hover,.premium-pack-action:hover,.runner-button.primary:hover,.pack-settings-dialog>form>footer .premium-pack-action:hover{border-color:var(--np-blue);background:var(--np-blue);color:#FFFFFF}
.mock-public-actions>a:last-child{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-color:var(--np-blue);background:#FFFFFF;color:var(--np-slate);line-height:1.2;text-align:center}
.timer-selector input:checked+span,.negative-marking-selector input:checked+span,.pack-settings-dialog .timer-selector input:checked+span,.pack-settings-dialog .negative-marking-selector input:checked+span{border-color:var(--np-slate);background:var(--np-slate);color:#FFFFFF}
.daily-label,.eyebrow,.competition-eyebrow{color:var(--np-olive-deep)}
@media(max-width:600px){.button,.auth-submit,.competition-button,.runner-button{white-space:normal}.product-header{width:100%}}

/* Brand assets retain their original proportions at every breakpoint. */
.product-brand{flex-shrink:0}.product-brand .brand-wordmark{display:block;width:180px;height:40px;object-fit:contain;object-position:left center}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-brand img{object-fit:contain}.screen-toolbar .screen-brand-icon{width:18px;height:18px;object-fit:contain}.public-result-brand{display:inline-flex;align-items:center;gap:8px}.public-result-brand img{width:28px;height:28px;object-fit:contain}
input,select,textarea,progress{accent-color:var(--na-deep-coral)}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--na-coral);outline-offset:3px}::selection{background:var(--na-coral);color:var(--na-white)!important;}
.competition-hero-facts{color:var(--na-soft-coral)}.competition-card{border-top-color:var(--na-coral)}.competition-hero{background:radial-gradient(ellipse at top right,var(--na-slate),transparent 65%),var(--na-midnight)}
@media(max-width:600px){.product-brand .brand-wordmark{width:145px;height:34px}.product-header{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Keep custom radio targets contained and visible to keyboard navigation. */
.answer-option,.timer-selector label,.negative-marking-selector label{position:relative}
.answer-option input,.timer-selector input,.negative-marking-selector input{width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden;clip-path:inset(50%)}
.answer-option input:focus-visible+span,.timer-selector input:focus-visible+span,.negative-marking-selector input:focus-visible+span{outline:3px solid var(--na-coral);outline-offset:2px}
.review-option.correct{border-color:var(--na-muted-slate);background:var(--na-cool-mist)}.review-option.incorrect{border-color:var(--na-deep-coral);background:var(--na-coral);color:var(--na-white)!important;}

.button img,.auth-submit img,.competition-button img,.premium-pack-action img,.runner-button.primary img{filter:brightness(0) invert(1)}.button-ghost img,.button-light img,.runner-button.secondary img{filter:none}

/* Primary actions use midnight with white text; hover uses the supplied coral. */
.product-header .nav-cta,.product-header nav>a[href*="/accounts/login/"],.site-mobile-menu-panel a.mobile-menu-primary,
.mock-public-actions>a:first-child,.mock-public-actions>a:last-child,.mock-public-actions .mock-public-primary,.mock-public-cta a,
.button,.auth-submit,.competition-button,.runner-button,.mock-primary-action,.premium-pack-action,.daily-mock-action .button,.navigator-submit,.account-card label.photo-select-button,.pack-settings-dialog>form>footer .premium-pack-action{
 background:var(--na-midnight)!important;border-color:var(--na-midnight)!important;color:var(--na-white)!important;
}
.product-header .nav-cta:hover,.product-header nav>a[href*="/accounts/login/"]:hover,.site-mobile-menu-panel a.mobile-menu-primary:hover,
.mock-public-actions>a:first-child:hover,.mock-public-actions>a:last-child:hover,.mock-public-actions .mock-public-primary:hover,.mock-public-cta a:hover,
.button:hover,.auth-submit:hover,.competition-button:hover,.runner-button:hover,.mock-primary-action:hover,.premium-pack-action:hover,.daily-mock-action .button:hover,.navigator-submit:hover,.account-card label.photo-select-button:hover,.pack-settings-dialog>form>footer .premium-pack-action:hover{
 background:var(--na-coral)!important;border-color:var(--na-coral)!important;
;color:var(--na-white)!important;}
.button img,.auth-submit img,.competition-button img,.premium-pack-action img,.runner-button img,.mock-public-actions>a img,.mock-public-cta a img{filter:brightness(0) invert(1)}
.button:hover img,.auth-submit:hover img,.competition-button:hover img,.premium-pack-action:hover img,.runner-button:hover img,.mock-public-actions>a:hover img,.mock-public-cta a:hover img{filter:brightness(0) invert(1)}
.product-footer{display:block!important}.footer-overview{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-policy-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;line-height:1.5}.footer-policy-links a{font-size:12px;color:var(--na-midnight);text-decoration:underline;text-underline-offset:3px}.footer-contact-details{margin-top:20px}.site-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 28px}.site-contact-list li{display:flex;flex-wrap:wrap;gap:7px;line-height:1.5;overflow-wrap:anywhere}.site-contact-list li>span{color:var(--na-muted-slate)}.site-contact-list a{color:var(--na-deep-coral);text-decoration:underline}.legal-copy a{color:var(--na-deep-coral);text-decoration:underline}
@media(max-width:600px){.site-contact-list{display:grid;gap:10px}.footer-policy-links{gap:10px 16px}}

.mock-demo-footer button{background:var(--na-midnight)!important;border-color:var(--na-midnight)!important;color:var(--na-white)!important}.mock-demo-footer button img{filter:brightness(0) invert(1)}.mock-demo-footer button:hover{background:var(--na-coral)!important;color:var(--na-white)!important;}.mock-demo-footer button:hover img{filter:brightness(0) invert(1)}

/* Public browsing and readable landing previews. */
.mock-premium-section li img,.mock-premium-label img,.mock-premium-section>div>div>a img{filter:brightness(0) invert(1)}
.real-screen-card .screen-pack{background:var(--na-cool-mist)!important;color:var(--na-midnight)!important}.real-screen-card .screen-pack h3,.real-screen-card .screen-pack p,.real-screen-card .screen-pack header,.real-screen-card .screen-pack .premium-pack-facts{color:var(--na-midnight)!important}.real-screen-card .screen-pack header span,.real-screen-card .screen-pack .premium-subject-mix span{background:var(--na-white);color:var(--na-midnight)}.real-screen-card .screen-window{height:auto;min-height:285px;overflow:visible}.real-screen-card .screen-pack{min-height:245px}.mock-premium-section>div>div>a{background:var(--na-midnight);color:var(--na-white);border:1px solid var(--na-white)}.mock-premium-section>div>div>a:hover{background:var(--na-coral);border-color:var(--na-coral);color:var(--na-white)!important;}
.auth-card label.registration-agreement{display:flex;gap:10px;align-items:flex-start;margin:20px 0;line-height:1.6;font-size:13px}.auth-card .registration-agreement input{width:18px;min-width:18px;height:18px;margin:3px 0;padding:0}.registration-agreement a{color:var(--na-deep-coral);text-decoration:underline}.public-pack-catalogue{margin:36px auto 64px}.public-pack-catalogue header p{line-height:1.7}.public-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.public-pack-card{padding:26px;background:var(--na-white);border:1px solid var(--na-cool-mist);border-radius:6px;overflow-wrap:anywhere}.public-pack-card p{line-height:1.7}.public-pack-card dl{display:grid;gap:12px}.public-pack-card dl>div,.public-pack-card footer{display:flex;justify-content:space-between;gap:16px;align-items:center}.public-pack-card dd{margin:0;font-weight:700}.public-pack-card footer>strong{font-size:24px}.public-mock-settings{display:grid;gap:10px;margin:20px 0}.public-mock-settings select{width:100%;padding:12px;background:var(--na-white);color:var(--na-midnight);border:1px solid var(--na-muted-slate);font:inherit}.public-mock-settings .errorlist{color:var(--na-deep-coral)}@media(max-width:650px){.public-pack-grid{grid-template-columns:1fr}.public-pack-card{padding:20px}.public-pack-card footer{flex-wrap:wrap}.real-screen-card .screen-window{min-height:255px}.product-header nav{gap:12px}}

.mock-pack-preview p{color:var(--na-midnight)!important}
