/* Rapid Alpha — diagnostic app styles. Loads after ra.css. */
.card{border:1px solid var(--line);border-radius:var(--r);padding:32px;margin-top:-36px;background:#fff;box-shadow:0 2px 24px rgba(11,26,46,.08)}
.meta{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.meta span{display:flex;align-items:center;gap:7px}
.dot{width:5px;height:5px;background:var(--bright);border-radius:50%;flex:none}
.btn:disabled{background:var(--line);border-color:var(--line);color:var(--muted);cursor:not-allowed}
.prog{height:2px;background:var(--line);margin-bottom:6px}
.prog i{display:block;height:2px;background:var(--bright);width:0;transition:width .25s}
.progtxt{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px}
.axis{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:12px}
.axis.v{color:var(--primary)} .axis.c{color:var(--teal)}
.q{font-size:22px;font-weight:900;color:var(--ink);line-height:1.3;margin-bottom:6px;letter-spacing:-.015em}
.qsub{font-size:15px;color:var(--muted);margin-bottom:24px}
.opts{display:flex;flex-direction:column;gap:9px;margin-bottom:28px}
.opt{text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--rb);padding:15px 17px;color:var(--body);font-weight:300;line-height:1.4}
.opt:hover{border-color:var(--bright);background:#fafcfe}
.opt.sel{border-color:var(--primary);background:#f2f7fb;color:var(--ink);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}
/* The quiz's Back/Next row. Named .qnav, NOT .nav: this stylesheet loads
   after ra.css, so a .nav rule here silently overrides the site header's
   nav on this page only — which is exactly what it did. */
.qnav{display:flex;justify-content:space-between;align-items:center;gap:12px}
.link{background:none;border:none;color:var(--muted);font-size:15px;padding:8px 0;text-decoration:underline;text-underline-offset:3px}
.link:hover{color:var(--primary)}
.hide{display:none}
/* result */
.scores{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 30px}
.score{border:1px solid var(--line);border-radius:var(--r);padding:22px}
.score.lead{border-color:var(--primary);box-shadow:inset 0 3px 0 var(--primary)}
.score h3{font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
.score.v h3{color:var(--primary)} .score.c h3{color:var(--teal)}
.num{font-size:46px;font-weight:900;color:var(--ink);line-height:1;letter-spacing:-.03em}
.num small{font-size:16px;color:var(--muted);font-weight:300;letter-spacing:0}
.bar{height:6px;background:var(--line);margin:16px 0 12px;position:relative}
.bar i{display:block;height:6px;width:0;transition:width .5s ease-out}
.score.v .bar i{background:var(--primary)} .score.c .bar i{background:var(--teal)}
.band{font-size:14px;font-weight:600;color:var(--ink)}
.bandnote{font-size:14px;color:var(--muted);margin-top:5px}
.split{font-size:13px;color:var(--muted);margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.verdict{background:#f7f9fb;border-left:3px solid var(--primary);padding:22px 24px;margin:28px 0}
.verdict h3{font-size:19px;margin-bottom:9px}
.route{border:1px solid var(--line);border-radius:var(--r);padding:26px;margin:28px 0}
.route h3{font-size:19px;margin-bottom:10px}
.capture{background:var(--strip);color:#fff;border-radius:var(--r);padding:28px;margin:32px 0 0}
.capture h3{color:#fff;font-size:19px;margin-bottom:8px}
.capture p{color:#a9b4c0;font-size:15px;margin-bottom:18px}
.frow{display:flex;gap:10px;flex-wrap:wrap}
input[type=email]{flex:1;min-width:220px;font-family:var(--sans);font-size:16px;font-weight:300;padding:13px 15px;border:1px solid #2b3348;background:#0b1a2e;color:#fff;border-radius:var(--r)}
input[type=email]::placeholder{color:#6b7688}
input[type=email]:focus{outline:none;border-color:var(--bright)}
.fine{font-size:12px;color:#6b7688;margin-top:12px}
.note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);margin-top:34px;padding-top:16px}
h2.sec{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:34px 0 14px;font-weight:600}
.tag{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#a06800;background:#fff6e0;border:1px solid #f0dfb4;padding:3px 8px;border-radius:var(--r);margin-left:8px;vertical-align:middle}
@media(max-width:600px){
  body{font-size:16px}
    .card{padding:22px;margin-top:-26px} .q{font-size:19px}
  .scores{grid-template-columns:1fr;gap:14px}
  .qnav{flex-direction:column-reverse;align-items:stretch}
  /* Was ".nav .btn,.nav   .num{font-size:38px}" — a mangled selector that
     reversed the site header's mobile menu and left .num at desktop size,
     since .num is not inside the row. Split back apart. */
  .num{font-size:38px}
}