/* Apex site look for the CELPIP practice home (exam screens keep the neutral computer-test look) */
.brand{text-decoration:none;color:inherit}
.brand-logo{width:35px;height:35px;border-radius:8px;display:block}
body:has(.home-main:not(.skill-ready)){background:#0c0c0c;color:#d7e2ea;font-family:Manrope,Arial,sans-serif}
body:has(.home-main:not(.skill-ready)) .home-header{background:#0c0c0c;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
body:has(.home-main:not(.skill-ready)) .brand{color:#fff;letter-spacing:.2em}
body:has(.home-main:not(.skill-ready)) .brand-sub{color:#9aa6ae}
body:has(.home-main:not(.skill-ready)) .badge{color:#cdd6dc;border-color:rgba(255,255,255,.2);border-radius:999px;padding:7px 14px}
.home-main:not(.skill-ready) .intro-label{color:#e33ec8;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.18em}
.home-main:not(.skill-ready) h1{font-family:Kanit,Manrope,sans-serif;font-weight:700;font-size:clamp(2.4rem,6vw,4.2rem);color:#fff;letter-spacing:-.005em;line-height:1.05;text-transform:uppercase}
.home-main:not(.skill-ready) .intro-copy{color:#a9b3bc;font-size:1.05rem;max-width:46rem}
.home-main:not(.skill-ready) .home-instructions{background:#14141a;color:#d7e2ea;border:1px solid rgba(255,255,255,.1);border-left:3px solid #ff7a1a;border-radius:10px}
.home-main:not(.skill-ready) .test-card,.home-main:not(.skill-ready) .all-skills-card,.home-main:not(.skill-ready) .part-card{background:#14141a;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#d7e2ea}
.home-main:not(.skill-ready) .test-card{border-top:3px solid var(--skill-accent,#ff7a1a)}
.home-main:not(.skill-ready) .test-card h2,.home-main:not(.skill-ready) .all-skills-card h2,.home-main:not(.skill-ready) h2,.home-main:not(.skill-ready) h3{color:#fff;font-family:Kanit,Manrope,sans-serif;font-weight:600}
.home-main:not(.skill-ready) p,.home-main:not(.skill-ready) li{color:#b4bec7}
.home-main:not(.skill-ready) .pill,.home-main:not(.skill-ready) .chip,.home-main:not(.skill-ready) [class*="meta"] span{background:rgba(255,255,255,.07);color:#cdd6dc;border-color:rgba(255,255,255,.12)}
.home-main:not(.skill-ready) .set-buttons button{background:#1c1c24;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;transition:.25s}
.home-main:not(.skill-ready) .set-buttons button:hover{background:linear-gradient(135deg,#b600a8,#6d28d9);border-color:transparent;transform:translateY(-1px)}
.home-main:not(.skill-ready) .primary{background:linear-gradient(135deg,#b600a8,#6d28d9);border:0;border-radius:999px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:12px 22px}
.home-main:not(.skill-ready) .secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px}
.home-main:not(.skill-ready) .resume-card{background:#16201a;border-color:#2c4a36;color:#d7e2ea}
.home-main:not(.skill-ready) .footer-note{color:#8a959d}
.home-main:not(.skill-ready) a{color:#ff9f1c}
.home-main:not(.skill-ready) .combined{background:#14141a;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#d7e2ea}
.home-main:not(.skill-ready) .combined strong{color:#fff;font-family:Kanit,Manrope,sans-serif;font-weight:600}
.home-main:not(.skill-ready) .focused button{background:#14141a;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;transition:.25s}
.home-main:not(.skill-ready) .focused button:hover{border-color:#b600a8;transform:translateY(-2px)}
.home-main:not(.skill-ready) .focused small{color:#a9b3bc}
.home-main:not(.skill-ready) select{background:#1c1c24;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px}
@media(max-width:800px){.home-header{padding:14px 18px}.home-header .badge{display:none}}

/* site navigation shows on the chooser only; exam and result screens keep their own bars */
body:has(.home-main:not(.skill-ready)) .sitenav{display:block}
body:has(.home-main:not(.skill-ready)) .home-header{display:none}