/* Career assessment */
.quiz-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:900px){.quiz-layout{grid-template-columns:minmax(0,1fr)}.hide-sm{display:none}}
.quiz-card{padding:clamp(22px,3vw,40px)}
.quiz-top{display:flex;justify-content:space-between;align-items:center}
.nav-bubble{display:flex;gap:12px;align-items:center;margin-top:26px;padding:12px 16px;border-radius:16px;background:var(--ivory);min-height:52px}
.nav-bubble img{width:34px;height:34px;border-radius:50%;background:var(--navy);padding:4px;flex:none}
.nav-bubble p{font-size:.95rem;color:var(--ink-2)}
.nav-bubble .adapt{color:var(--blue-ink);font-weight:600}
.q-title{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);margin-top:24px}
#qSub{margin-top:8px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
@media (max-width:620px){.opts{grid-template-columns:minmax(0,1fr)}}
.opt{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;padding:16px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);transition:border-color .2s,background .2s,transform .15s}
.opt:hover{border-color:var(--navy-600);transform:translateY(-1px)}
.opt .oi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--sky);color:var(--blue-ink)}
.opt b{display:block;font:600 .95rem/1.35 var(--f-ui);color:var(--ink)}
.opt b em{color:var(--blue-ink)}
.opt small{color:var(--ink-3);font-size:.82rem}
.opt .ck{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;color:transparent}
.opt .kb{font:700 .62rem var(--f-ui);color:var(--ink-3);border:1px solid var(--line);border-radius:4px;padding:1px 5px;margin-right:6px}
.opt[aria-pressed="true"]{border-color:var(--navy);background:var(--sky)}
.opt[aria-pressed="true"] .oi{background:var(--navy);color:#fff}
.opt[aria-pressed="true"] .ck{background:var(--navy);border-color:var(--navy);color:#fff}
.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.live{position:sticky;top:calc(var(--head-h) + 16px)}
.live-bars{display:grid;gap:12px;margin-top:18px}
.lb{display:grid;grid-template-columns:110px 1fr 34px;gap:10px;align-items:center;font:600 .8rem var(--f-ui);color:var(--ink-2)}
.lb .progress{height:8px}
.lb.lead span:first-child{color:var(--navy)}
.lb.lead .progress>span{background:linear-gradient(90deg,var(--blue),var(--pink))}
.analysing{min-height:420px;display:grid;place-items:center}
.spinner{width:96px;height:96px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan),var(--blue),transparent 70%);animation:spin 1.2s linear infinite}
.spinner img{width:84px;height:84px;border-radius:50%;background:var(--navy);padding:10px;animation:spin 1.2s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.rep-hero{overflow:hidden;isolation:isolate}
.rep-hero h2 em{color:var(--cyan);font-style:italic}
.code{display:flex;gap:10px;margin-top:26px;align-items:stretch}
.code .rc{width:86px;padding:14px 10px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);text-align:center}
.code .rc b{display:block;font:500 2.4rem/1 var(--f-display);color:#fff}
.code .rc small{display:block;margin-top:6px;font:600 .62rem var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-2)}
.code .rc.lead{background:#fff;border-color:#fff}
.code .rc.lead b{color:var(--navy)}
.code .rc.lead small{color:var(--ink-3)}
.code .cap{align-self:center;color:var(--on-dark-2);font-size:.8rem;max-width:100px}
.radar-wrap{max-width:420px;margin:0 auto;width:100%}
.radar-wrap text{font:600 11px var(--f-ui);fill:var(--on-dark)}
.trait-bars{display:grid;gap:16px;margin-top:24px}
.tr{display:grid;gap:6px}
.tr-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.tr-top b{font:600 .95rem var(--f-ui);color:var(--navy)}
.tr-top span{color:var(--ink-3);font-size:.84rem}
.matches{display:grid;gap:14px}
.match{display:grid;grid-template-columns:44px 56px minmax(0,1fr) 150px;gap:18px;align-items:center;padding:20px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line)}
.match.lead{border-color:var(--navy);box-shadow:var(--sh-2)}
.match .rk{font:500 1.6rem var(--f-display);color:var(--ink-3)}
.match.lead .rk{color:var(--navy)}
.match .mi{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--sky);color:var(--blue-ink)}
.match.lead .mi{background:var(--navy);color:#fff}
.match h3{font-size:1.25rem}
.match p{color:var(--ink-2);font-size:.92rem;margin-top:4px}
.match .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.match .fit{text-align:right}
.match .fit b{display:block;font:500 2rem/1 var(--f-display);color:var(--navy)}
.match .fit small{font:600 .66rem var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.match .fit .progress{margin-top:8px}
@media (max-width:760px){.match{grid-template-columns:44px minmax(0,1fr);}.match .mi{display:none}.match .fit{grid-column:1/-1;text-align:left}}
.pathway{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative}
.pathway::before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--cyan))}
.pathway li{position:relative;padding:56px 16px 0 0}
.pathway li::before{content:"";position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:var(--paper);border:3px solid var(--navy)}
.pathway li:last-child::before{border-color:var(--pink)}
.pathway b{display:block;font:600 .98rem var(--f-ui);color:var(--navy)}
.pathway span{color:var(--ink-3);font-size:.86rem}
@media (max-width:820px){.pathway{grid-template-columns:minmax(0,1fr)}.pathway::before{left:10px;right:auto;top:0;bottom:0;width:2px;height:auto}.pathway li{padding:0 0 22px 40px}.pathway li::before{top:2px}}
.rec{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:var(--r);background:var(--ivory);text-decoration:none;color:var(--ink)}
.rec:hover{background:var(--sky);color:var(--ink)}
.rec .mono{width:40px;height:40px;border-radius:10px;font-size:.62rem}
.rec b{display:block;font:600 .92rem var(--f-ui);color:var(--navy)}
.rec small{color:var(--ink-3);font-size:.8rem}
.rec .icon{margin-left:auto;color:var(--ink-3)}
.plan{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.plan label{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);cursor:pointer}
.plan input{width:20px;height:20px;accent-color:var(--navy)}
.plan b{display:block;font:600 .95rem var(--f-ui);color:var(--ink)}
.plan small{color:var(--ink-3)}
.plan input:checked~span b{text-decoration:line-through;color:var(--ink-3)}
/* 2026-11: details form + e-mailed report (no live profile) */
.ca-narrow{max-width:760px}
.ca-form{padding:clamp(22px,4vw,36px)}
.ca-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:22px}
.ca-span{grid-column:1/-1}
@media (max-width:600px){.ca-grid{grid-template-columns:minmax(0,1fr)}}
.ca-consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:.9rem;line-height:1.5;color:var(--ink-2,#3b4656)}
.ca-consent input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--navy,#002349)}
.ca-err{margin-top:12px;color:#b4232f;font-weight:600;font-size:.9rem}
.ca-form .input.is-bad,.ca-form .select.is-bad{border-color:#d13b47;box-shadow:0 0 0 3px rgba(209,59,71,.12)}
.ca-sent{text-align:center;padding:clamp(26px,5vw,48px)}
.ca-sent-ico{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3FD8F7,#0A8FDB);color:#fff;margin-bottom:14px}
.ca-sent-ico svg{width:34px;height:34px}
.ca-sent.is-warn .ca-sent-ico{background:linear-gradient(135deg,#f6b44b,#e07b1a)}
.ca-next{list-style:none;padding:0;margin:22px auto 6px;max-width:520px;text-align:left;display:grid;gap:10px}
.ca-next li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.ca-next svg{flex:none;width:20px;height:20px;color:var(--cyan-d,#0A8FDB);margin-top:2px}