/* Career Atlas. Purposeful motion, bounded decorative effects and a slimmer scrollbar. */
:root {
  --ca-ink: #15223f;
  --ca-muted: #65718c;
  --ca-surface: color-mix(in srgb, var(--surface, #fff) 92%, #eef5ff);
  --ca-line: color-mix(in srgb, var(--border, #dbe2f0) 78%, transparent);
  --ca-shadow: 0 24px 70px rgba(34, 49, 93, .12);
}
* { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, #786eff 65%, #45d6c8) transparent; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, #786eff, #50c8d8, #ef7ec7, #786eff) 0 0 / 100% 300%;
  background-clip: padding-box;
  animation: ca-scrollbar-hue 20s linear infinite;
}
::-webkit-scrollbar-thumb:hover { border-width: 0; }
@keyframes ca-scrollbar-hue { to { background-position: 0 300%; } }

.career-atlas { --ca-accent: #6559e8; --ca-soft: #eeecff; color: var(--text, var(--ca-ink)); max-width: 1540px; margin: 0 auto; padding-bottom: 72px; }
.career-atlas.ca-violet,.ca-violet { --ca-accent:#7257e8; --ca-soft:#f1edff; }
.career-atlas.ca-cyan,.ca-cyan { --ca-accent:#138ea4; --ca-soft:#e7fbff; }
.career-atlas.ca-amber,.ca-amber { --ca-accent:#bd7220; --ca-soft:#fff4df; }
.career-atlas.ca-indigo,.ca-indigo { --ca-accent:#4355c9; --ca-soft:#e9edff; }
.career-atlas.ca-blue,.ca-blue { --ca-accent:#1c73bd; --ca-soft:#e8f5ff; }
.career-atlas.ca-green,.ca-green { --ca-accent:#23815c; --ca-soft:#e7f9ef; }
.career-atlas.ca-rose,.ca-rose { --ca-accent:#bd4f7d; --ca-soft:#ffeaf2; }
.career-atlas.ca-magenta,.ca-magenta { --ca-accent:#9f48bd; --ca-soft:#f9eaff; }
.ca-kicker { display:block; margin-bottom:9px; color:color-mix(in srgb,var(--ca-accent) 55%,var(--text,var(--ca-ink))); font-size:.73rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.ca-pill { display:inline-flex; align-items:center; border:1px solid color-mix(in srgb,var(--ca-accent) 30%,var(--ca-line)); border-radius:999px; padding:6px 10px; background:color-mix(in srgb,var(--ca-soft) 78%,transparent); color:color-mix(in srgb,var(--ca-accent) 55%,var(--text,var(--ca-ink))); font-size:.72rem; font-weight:750; }
.ca-icon { width:24px; height:24px; }
.ca-hero {
  position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); gap:60px; align-items:center;
  min-height:510px; margin:8px 0 38px; padding:68px clamp(28px,6vw,90px); border:1px solid var(--ca-line); border-radius:38px;
  background:
    radial-gradient(circle at 10% 10%,rgba(122,105,255,.2),transparent 34%),
    radial-gradient(circle at 90% 80%,rgba(65,209,195,.2),transparent 34%),
    linear-gradient(135deg,color-mix(in srgb,var(--surface,#fff) 94%,#eff1ff),color-mix(in srgb,var(--surface,#fff) 92%,#eafff9));
  box-shadow:var(--ca-shadow);
}
.ca-hero::after { content:""; position:absolute; inset:auto -8% -48% 40%; height:500px; background:repeating-radial-gradient(circle at center,transparent 0 30px,rgba(110,95,225,.06) 31px 32px); transform:rotate(-12deg); pointer-events:none; }
.ca-hero-copy { position:relative; z-index:2; }
.ca-hero h1,.ca-path-hero h1,.ca-reinforce-hero h1,.ca-quiz-header h1,.ca-result-hero h1,.ca-admin-hero h1 { margin:0; max-width:900px; font-size:clamp(2.35rem,5vw,5.25rem); line-height:.98; letter-spacing:-.055em; }
.ca-hero p { max-width:720px; margin:24px 0; color:var(--ca-muted); font-size:clamp(1.02rem,1.7vw,1.28rem); line-height:1.65; }
.ca-hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:27px; }
.ca-atlas-visual { position:relative; z-index:1; width:min(400px,100%); aspect-ratio:1; margin:auto; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.9) 0 25%,rgba(255,255,255,.24) 26% 44%,transparent 45%); filter:drop-shadow(0 28px 60px rgba(61,74,144,.15)); }
.ca-atlas-visual::before,.ca-atlas-visual::after { content:""; position:absolute; inset:12%; border:1px dashed color-mix(in srgb,var(--ca-accent) 35%,transparent); border-radius:50%; }
.ca-atlas-visual::after { inset:27%; border-style:solid; opacity:.35; }
.ca-atlas-visual.mini { width:310px; flex:0 0 auto; }
.ca-orbit { position:absolute; width:22px; height:22px; border:5px solid color-mix(in srgb,var(--surface,#fff) 90%,transparent); border-radius:50%; background:var(--ca-accent); box-shadow:0 8px 22px color-mix(in srgb,var(--ca-accent) 35%,transparent); }
.ca-orbit-a { top:15%; left:23%; animation:ca-orbit-a 12s ease-in-out infinite alternate; }
.ca-orbit-b { right:10%; bottom:25%; background:#42c5b4; animation:ca-orbit-b 15s ease-in-out infinite alternate; }
.ca-core { position:absolute; inset:35%; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.9); border-radius:50%; background:linear-gradient(145deg,var(--ca-accent),color-mix(in srgb,var(--ca-accent) 50%,#42c5b4)); color:white; box-shadow:0 24px 60px color-mix(in srgb,var(--ca-accent) 35%,transparent); text-align:center; }
.ca-core .ca-icon { width:34px; height:34px; margin-bottom:4px; }
.ca-core strong { font-size:2rem; }
.ca-core span { max-width:90px; font-size:.68rem; font-weight:700; opacity:.85; }
.ca-orbit-label { position:absolute; display:grid; place-items:center; min-width:72px; min-height:40px; padding:6px 13px; border:1px solid rgba(255,255,255,.85); border-radius:999px; background:color-mix(in srgb,var(--surface,#fff) 94%,transparent); box-shadow:0 12px 28px rgba(44,54,97,.11); color:var(--text,var(--ca-ink)); font-size:.72rem; font-weight:800; }
.ca-o0{top:3%;left:47%}.ca-o1{right:0;top:40%}.ca-o2{bottom:3%;left:45%}.ca-o3{left:-2%;top:42%}
@keyframes ca-orbit-a { to { transform:translate(230px,235px) scale(.78); } }
@keyframes ca-orbit-b { to { transform:translate(-240px,-170px) scale(1.15); } }
.ca-research-stamp { display:grid; grid-template-columns:auto auto 1fr; gap:12px 18px; align-items:center; margin:0 0 34px; padding:18px 22px; border:1px solid var(--ca-line); border-radius:18px; background:var(--ca-surface); }
.ca-research-stamp span { color:var(--ca-muted); font-size:.78rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.ca-research-stamp strong { color:var(--ca-accent); }
.ca-research-stamp small { color:var(--ca-muted); line-height:1.5; }
.ca-section { margin:62px 0; }
.ca-section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:25px; }
.ca-section-head h2,.ca-method h2,.ca-nudges h2,.ca-outcomes h2,.ca-market h2,.ca-history h2,.ca-review-list h2,.ca-admin-policy h2,.ca-admin-nudge h2,.ca-admin-audit h2 { margin:0; font-size:clamp(1.75rem,3vw,3rem); letter-spacing:-.035em; }
.ca-section-head p { max-width:760px; margin:10px 0 0; color:var(--ca-muted); line-height:1.65; }
.ca-path-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.ca-path-card { --ca-accent:#6559e8; --ca-soft:#eeecff; position:relative; overflow:hidden; min-height:410px; padding:27px; border:1px solid var(--ca-line); border-radius:26px; background:linear-gradient(145deg,var(--surface,#fff),color-mix(in srgb,var(--ca-soft) 52%,var(--surface,#fff))); box-shadow:0 16px 45px rgba(40,50,90,.08); transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
.ca-path-card:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--ca-accent) 35%,var(--ca-line)); box-shadow:0 26px 60px color-mix(in srgb,var(--ca-accent) 15%,rgba(30,40,80,.13)); }
.ca-path-glow { position:absolute; width:210px; height:210px; right:-75px; top:-90px; border-radius:50%; background:var(--ca-accent); opacity:.12; filter:blur(4px); transition:transform .5s ease; }
.ca-path-card:hover .ca-path-glow { transform:scale(1.35) translate(-10px,12px); }
.ca-path-card header { position:relative; display:flex; justify-content:space-between; gap:12px; align-items:center; }
.ca-path-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:17px; background:var(--ca-accent); color:white; box-shadow:0 12px 26px color-mix(in srgb,var(--ca-accent) 28%,transparent); }
.ca-path-card h2 { position:relative; margin:26px 0 10px; font-size:clamp(1.55rem,2.5vw,2.25rem); letter-spacing:-.035em; }
.ca-path-card>p { position:relative; min-height:78px; color:var(--ca-muted); line-height:1.58; }
.ca-path-stats { display:flex; flex-wrap:wrap; gap:9px; margin:22px 0; }
.ca-path-stats span,.ca-role-list span,.ca-tags span { border:1px solid color-mix(in srgb,var(--ca-accent) 15%,var(--ca-line)); border-radius:999px; padding:7px 10px; background:color-mix(in srgb,var(--surface,#fff) 78%,transparent); color:var(--ca-muted); font-size:.72rem; }
.ca-path-stats strong { color:var(--text,var(--ca-ink)); }
.ca-card-progress { display:grid; grid-template-columns:1fr auto; gap:9px; margin:20px 0; color:var(--ca-muted); font-size:.78rem; }
.ca-card-progress>div,.ca-mini-progress,.ca-quiz-progress>div { grid-column:1/-1; overflow:hidden; height:7px; border-radius:999px; background:color-mix(in srgb,var(--ca-accent) 10%,var(--ca-line)); }
.ca-card-progress i,.ca-mini-progress i,.ca-quiz-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--ca-accent),#46c9b4); }
.ca-course-preview { display:flex; flex-direction:column; gap:4px; margin:20px 0; padding:14px; border-radius:14px; background:color-mix(in srgb,var(--ca-soft) 65%,transparent); }
.ca-course-preview span { color:var(--ca-muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }
.ca-path-card footer { margin-top:20px; }
.ca-method { display:grid; grid-template-columns:minmax(240px,.6fr) minmax(0,1fr); gap:52px; align-items:start; margin:80px 0 20px; padding:42px; border-radius:30px; background:linear-gradient(140deg,#182242,#293669); color:white; }
.ca-method ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none; }
.ca-method li { display:flex; gap:13px; padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.06); }
.ca-method li>b { display:grid; place-items:center; flex:0 0 34px; height:34px; border-radius:50%; background:#52d3be; color:#13233b; }
.ca-method li span { display:flex; flex-direction:column; gap:5px; color:rgba(255,255,255,.72); line-height:1.45; }
.ca-method li strong { color:white; }
.ca-nudges { margin:30px 0; padding:26px; border:1px solid var(--ca-line); border-radius:26px; background:var(--ca-surface); }
.ca-nudges>header { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.ca-nudge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ca-nudge-grid article { position:relative; display:flex; gap:13px; padding:17px; border:1px solid var(--ca-line); border-radius:17px; background:var(--surface,#fff); }
.ca-nudge-grid article>.ca-icon { color:var(--ca-accent); }
.ca-nudge-grid p { margin:5px 0 8px; color:var(--ca-muted); line-height:1.45; }
.ca-nudge-grid a { color:var(--ca-accent); font-weight:750; }
.ca-nudge-grid button { position:absolute; right:8px; top:7px; border:0; background:transparent; color:var(--ca-muted); font-size:1.2rem; cursor:pointer; }
.ca-notification-empty { display:flex; gap:17px; align-items:center; margin:24px 0; padding:22px; border:1px dashed var(--ca-line); border-radius:20px; background:var(--ca-surface); }
.ca-notification-empty>span { display:grid; place-items:center; width:46px; height:46px; border-radius:15px; background:var(--ca-soft); color:var(--ca-accent); }
.ca-notification-empty p { margin:5px 0 0; color:var(--ca-muted); }
.ca-breadcrumb { display:flex; gap:8px; align-items:center; margin:17px 0 25px; color:var(--ca-muted); font-size:.82rem; }
.ca-breadcrumb a { color:var(--ca-accent); font-weight:750; }
.ca-path-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr); gap:40px; padding:47px; border:1px solid var(--ca-line); border-radius:32px; background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--ca-accent) 18%,transparent),transparent 32%),linear-gradient(145deg,var(--surface,#fff),color-mix(in srgb,var(--ca-soft) 58%,var(--surface,#fff))); box-shadow:var(--ca-shadow); }
.ca-path-hero h1 { font-size:clamp(2.4rem,5vw,4.6rem); }
.ca-path-hero>div>p { max-width:760px; margin:20px 0; color:var(--ca-muted); font-size:1.08rem; line-height:1.65; }
.ca-role-list,.ca-tags { display:flex; flex-wrap:wrap; gap:7px; }
.ca-path-hero aside { display:grid; place-items:center; align-content:center; gap:25px; padding:22px; border:1px solid color-mix(in srgb,var(--ca-accent) 18%,var(--ca-line)); border-radius:25px; background:color-mix(in srgb,var(--surface,#fff) 85%,transparent); }
.ca-ring { --ca-progress:0; display:grid; place-items:center; width:164px; height:164px; border-radius:50%; background:conic-gradient(var(--ca-accent) calc(var(--ca-progress)*1%),color-mix(in srgb,var(--ca-accent) 12%,var(--ca-line)) 0); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ca-accent) 15%,transparent),0 18px 45px color-mix(in srgb,var(--ca-accent) 15%,transparent); }
.ca-ring>div { display:grid; place-items:center; width:126px; height:126px; border-radius:50%; background:var(--surface,#fff); }
.ca-ring strong { font-size:2rem; letter-spacing:-.04em; }
.ca-ring span { color:var(--ca-muted); font-size:.7rem; }
.ca-path-hero dl { width:100%; margin:0; }
.ca-path-hero dl>div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--ca-line); }
.ca-path-hero dt { color:var(--ca-muted); }
.ca-path-hero dd { margin:0; font-weight:800; text-align:right; }
.ca-action-deck { display:grid; grid-template-columns:1fr auto auto; gap:25px; align-items:center; margin:22px 0; padding:24px 27px; border:1px solid color-mix(in srgb,var(--ca-accent) 28%,var(--ca-line)); border-radius:22px; background:linear-gradient(100deg,color-mix(in srgb,var(--ca-soft) 72%,var(--surface,#fff)),var(--surface,#fff)); }
.ca-action-deck h2 { margin:0; font-size:1.5rem; }
.ca-action-deck p { margin:5px 0 0; color:var(--ca-muted); }
.ca-due { display:flex; flex-direction:column; padding-left:20px; border-left:1px solid var(--ca-line); }
.ca-due span { color:var(--ca-muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.07em; }
.ca-stage-roadmap { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.ca-stage-roadmap::before { content:""; position:absolute; left:50%; top:5%; bottom:5%; width:1px; background:linear-gradient(transparent,var(--ca-accent),transparent); opacity:.18; }
.ca-stage { position:relative; padding:25px; border:1px solid var(--ca-line); border-radius:24px; background:var(--surface,#fff); box-shadow:0 14px 40px rgba(32,42,76,.06); }
.ca-stage.complete { border-color:color-mix(in srgb,#3fa976 55%,var(--ca-line)); }
.ca-stage>header { display:flex; justify-content:space-between; color:var(--ca-muted); font-size:.75rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.ca-stage>header b { color:var(--ca-accent); }
.ca-stage h3 { margin:14px 0 7px; font-size:1.45rem; }
.ca-stage>p { min-height:52px; color:var(--ca-muted); line-height:1.55; }
.ca-stage ul { display:grid; gap:9px; margin:20px 0; padding:0; list-style:none; }
.ca-course-row { display:grid; grid-template-columns:30px 1fr auto; gap:11px; align-items:center; padding:12px; border:1px solid var(--ca-line); border-radius:14px; background:var(--ca-surface); }
.ca-course-num { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--ca-soft); color:var(--ca-accent); font-size:.72rem; font-weight:850; }
.ca-course-row.complete .ca-course-num { background:#daf6e8; color:#207552; }
.ca-course-row>div { min-width:0; }
.ca-course-row strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.82rem; }
.ca-course-row small { color:var(--ca-muted); font-size:.67rem; }
.ca-mini-progress { height:4px; margin-top:6px; }
.ca-course-row .button { padding:7px 9px; font-size:.7rem; }
.ca-stage>footer { display:flex; flex-direction:column; gap:4px; padding:15px; border-radius:14px; background:color-mix(in srgb,var(--ca-soft) 62%,transparent); }
.ca-stage>footer span,.ca-deliverable span { color:color-mix(in srgb,var(--text,var(--ca-ink)) 76%,var(--ca-muted)); font-size:.67rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.ca-stage>footer small { color:color-mix(in srgb,var(--text,var(--ca-ink)) 76%,var(--ca-muted)); }
.ca-studio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.ca-studio-card { padding:24px; border:1px solid var(--ca-line); border-radius:23px; background:linear-gradient(155deg,var(--surface,#fff),color-mix(in srgb,var(--ca-soft) 33%,var(--surface,#fff))); }
.ca-studio-card.complete { border-color:color-mix(in srgb,#3ca678 58%,var(--ca-line)); }
.ca-studio-card>header { display:flex; justify-content:space-between; align-items:center; }
.ca-studio-index { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:var(--ca-accent); color:white; font-weight:900; }
.ca-studio-card h3 { margin:20px 0 8px; font-size:1.25rem; }
.ca-studio-card>p { color:var(--ca-muted); line-height:1.55; }
.ca-deliverable { display:flex; flex-direction:column; gap:5px; margin:17px 0; padding:14px; border-left:3px solid var(--ca-accent); border-radius:0 12px 12px 0; background:color-mix(in srgb,var(--ca-soft) 62%,transparent); }
.ca-studio-card form { display:grid; gap:10px; margin-top:18px; }
.ca-studio-card textarea,.ca-preferences textarea,.ca-admin textarea { min-height:105px; resize:vertical; }
.ca-complete-note { padding:12px; border-radius:12px; background:#e7f8ef; color:#226b4e!important; font-weight:700; }
.ca-outcomes,.ca-market { display:grid; grid-template-columns:minmax(230px,.55fr) minmax(0,1fr); gap:45px; margin:60px 0; padding:36px; border-radius:27px; }
.ca-outcomes { background:linear-gradient(140deg,#17213f,#283563); color:white; }
.ca-outcomes ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none; }
.ca-outcomes li { display:flex; gap:11px; padding:15px; border:1px solid rgba(255,255,255,.12); border-radius:15px; background:rgba(255,255,255,.06); }
.ca-outcomes li .ca-icon { flex:0 0 21px; color:#5be0c6; }
.ca-market { border:1px solid var(--ca-line); background:var(--ca-surface); }
.ca-market p { color:var(--ca-muted); line-height:1.65; }
.ca-source-list { display:grid; gap:10px; align-content:center; }
.ca-source-list a { display:flex; justify-content:space-between; gap:10px; padding:14px 16px; border:1px solid var(--ca-line); border-radius:14px; background:var(--surface,#fff); color:var(--text,var(--ca-ink)); font-weight:730; }
.ca-preferences { margin:30px 0; border:1px solid var(--ca-line); border-radius:20px; background:var(--surface,#fff); }
.ca-preferences summary { padding:18px 22px; cursor:pointer; font-weight:800; }
.ca-preferences form { display:grid; grid-template-columns:1fr 1fr; gap:15px; padding:0 22px 22px; }
.ca-preferences .ca-check,.ca-preferences button { grid-column:1/-1; }
.ca-check { display:flex!important; flex-direction:row!important; gap:9px; align-items:center; }
.ca-quiz-shell { max-width:1120px; }
.ca-reinforce-hero { display:flex; gap:55px; align-items:center; padding:42px; border:1px solid var(--ca-line); border-radius:30px; background:linear-gradient(140deg,var(--surface,#fff),color-mix(in srgb,var(--ca-soft) 65%,var(--surface,#fff))); box-shadow:var(--ca-shadow); }
.ca-reinforce-hero h1,.ca-quiz-header h1,.ca-result-hero h1 { font-size:clamp(2.2rem,4.8vw,4.3rem); }
.ca-reinforce-hero p,.ca-quiz-header p,.ca-result-hero p { color:var(--ca-muted); line-height:1.62; }
.ca-reinforce-hero ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:20px 0; padding:0; list-style:none; }
.ca-reinforce-hero li { display:flex; gap:8px; align-items:center; color:var(--ca-muted); }
.ca-reinforce-hero li .ca-icon { width:17px; color:var(--ca-accent); }
.ca-history { margin:35px 0; }
.ca-history>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ca-history article { display:grid; gap:4px; padding:17px; border:1px solid var(--ca-line); border-radius:16px; background:var(--surface,#fff); }
.ca-history strong { color:var(--ca-accent); font-size:1.5rem; }
.ca-history span,.ca-history small { color:var(--ca-muted); }
.ca-quiz-header { display:grid; grid-template-columns:1fr 220px; gap:35px; align-items:end; margin:25px 0; padding:32px; border-radius:25px; background:linear-gradient(135deg,#182241,#2b396d); color:white; }
.ca-quiz-header p { color:rgba(255,255,255,.7); }
.ca-quiz-progress { align-self:end; padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.06); }
.ca-quiz-progress strong { display:block; font-size:2rem; }
.ca-quiz-progress span { color:rgba(255,255,255,.65); }
.ca-quiz-progress>div { margin-top:10px; background:rgba(255,255,255,.12); }
.ca-quiz-list { display:grid; gap:18px; }
.ca-quiz-question { padding:27px; border:1px solid var(--ca-line); border-radius:23px; background:var(--surface,#fff); box-shadow:0 12px 35px rgba(35,45,80,.05); }
.ca-quiz-question>header { display:flex; justify-content:space-between; color:var(--ca-muted); font-size:.72rem; font-weight:750; text-transform:uppercase; letter-spacing:.07em; }
.ca-quiz-question h2 { margin:17px 0; font-size:1.28rem; line-height:1.42; }
.ca-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ca-choice { display:flex; gap:12px; align-items:flex-start; min-height:72px; padding:14px; border:1px solid var(--ca-line); border-radius:15px; background:var(--ca-surface); color:var(--text,var(--ca-ink)); text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.ca-choice:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--ca-accent) 45%,var(--ca-line)); }
.ca-choice.selected { border-color:var(--ca-accent); background:color-mix(in srgb,var(--ca-soft) 70%,var(--surface,#fff)); box-shadow:0 0 0 2px color-mix(in srgb,var(--ca-accent) 14%,transparent); }
.ca-choice b { display:grid; place-items:center; flex:0 0 29px; height:29px; border-radius:9px; background:var(--surface,#fff); color:var(--ca-accent); }
.ca-choice span { line-height:1.45; }
.ca-quiz-submit { position:sticky; bottom:12px; display:flex; justify-content:space-between; gap:20px; align-items:center; z-index:5; margin:24px 0; padding:18px 22px; border:1px solid var(--ca-line); border-radius:18px; background:color-mix(in srgb,var(--surface,#fff) 91%,transparent); box-shadow:0 18px 50px rgba(28,36,66,.18); backdrop-filter:blur(16px); }
.ca-quiz-submit>div { display:flex; flex-direction:column; }
.ca-quiz-submit span { color:var(--ca-muted); font-size:.75rem; }
.ca-result-hero { display:grid; grid-template-columns:190px 1fr; gap:35px; align-items:center; padding:35px; border:1px solid var(--ca-line); border-radius:27px; background:linear-gradient(140deg,var(--surface,#fff),color-mix(in srgb,var(--ca-soft) 65%,var(--surface,#fff))); box-shadow:var(--ca-shadow); }
.ca-result-rewards { display:flex; gap:9px; flex-wrap:wrap; }
.ca-result-rewards span { border-radius:999px; padding:8px 11px; background:var(--ca-soft); color:var(--ca-accent); font-weight:800; }
.ca-review-list { margin:40px 0; }
.ca-review-list>article { margin:13px 0; padding:22px; border:1px solid var(--ca-line); border-left:5px solid #d05b6d; border-radius:16px; background:var(--surface,#fff); }
.ca-review-list>article.correct { border-left-color:#35a574; }
.ca-review-list article>header { display:flex; justify-content:space-between; color:var(--ca-muted); font-size:.72rem; font-weight:800; text-transform:uppercase; }
.ca-review-list h3 { margin:12px 0; }
.ca-review-list article>div { margin-top:12px; padding:14px; border-radius:12px; background:var(--ca-surface); color:var(--ca-muted); line-height:1.55; }
.ca-toast-region { position:fixed; right:18px; bottom:18px; z-index:9999; display:grid; gap:8px; max-width:min(390px,calc(100vw - 36px)); }
.ca-toast { padding:13px 16px; border:1px solid var(--ca-line); border-left:4px solid #4d6ad5; border-radius:13px; background:var(--surface,#fff); box-shadow:0 18px 45px rgba(20,28,55,.2); }
.ca-toast.success { border-left-color:#2f9d6c; }.ca-toast.error { border-left-color:#d34d61; }
.ca-admin { max-width:1600px; }
.ca-admin-hero { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; padding:38px; border-radius:28px; background:linear-gradient(135deg,#17213f,#2e3e76); color:white; }
.ca-admin-hero h1 { font-size:clamp(2.1rem,4vw,4rem); }
.ca-admin-hero p { max-width:800px; color:rgba(255,255,255,.7); line-height:1.6; }
.ca-admin-metrics { display:grid; grid-template-columns:repeat(3,minmax(120px,1fr)); gap:10px; }
.ca-admin-metrics article { display:flex; flex-direction:column; padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:17px; background:rgba(255,255,255,.06); }
.ca-admin-metrics strong { font-size:2rem; }.ca-admin-metrics span { color:rgba(255,255,255,.65); font-size:.72rem; }
.ca-admin-policy,.ca-admin-nudge,.ca-admin-audit { margin:28px 0; padding:25px; border:1px solid var(--ca-line); border-radius:23px; background:var(--surface,#fff); }
.ca-admin-policy>header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.ca-admin-policy form { display:grid; grid-template-columns:repeat(4,minmax(160px,1fr)); gap:14px; }
.ca-admin label,.ca-studio-card label,.ca-preferences label { display:flex; flex-direction:column; gap:7px; color:var(--ca-muted); font-size:.74rem; font-weight:750; }
.ca-admin input,.ca-admin select,.ca-admin textarea,.ca-studio-card textarea,.ca-preferences input,.ca-preferences select { width:100%; box-sizing:border-box; border:1px solid var(--ca-line); border-radius:11px; padding:11px; background:var(--ca-surface); color:var(--text,var(--ca-ink)); font:inherit; }
.ca-switch { flex-direction:row!important; align-items:center; padding:10px; border:1px solid var(--ca-line); border-radius:12px; }
.ca-switch input { width:auto; }
.ca-admin-reason { grid-column:span 3; }
.ca-admin-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.ca-admin-path { padding:22px; border:1px solid var(--ca-line); border-radius:21px; background:var(--surface,#fff); }
.ca-admin-path>header { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; }
.ca-admin-path h3 { margin:0; font-size:1.25rem; }.ca-admin-path>p { color:var(--ca-muted); line-height:1.5; }
.ca-admin-path form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.ca-admin-path .ca-admin-reason,.ca-admin-path button { grid-column:1/-1; }
.ca-admin-nudge { display:grid; grid-template-columns:.7fr 1fr; gap:35px; }
.ca-admin-nudge p { color:var(--ca-muted); line-height:1.55; }
.ca-admin-nudge form { display:grid; gap:10px; }
.ca-admin-nudge output { display:block; min-height:35px; padding:13px; border-radius:12px; background:var(--ca-surface); }
.ca-admin-nudge output p { margin:5px 0; }
.ca-admin-audit>div { display:grid; gap:8px; }
.ca-admin-audit article { display:grid; grid-template-columns:160px 1fr auto; gap:12px; padding:11px; border-bottom:1px solid var(--ca-line); }
.ca-admin-audit span,.ca-admin-audit time { color:var(--ca-muted); }
.ca-error { margin:16px 0; padding:16px; border-left:4px solid #d44f63; border-radius:12px; background:#fff0f2; color:#823040; }

@media (max-width:1050px) {
  .ca-hero,.ca-path-hero,.ca-admin-hero { grid-template-columns:1fr; }
  .ca-hero { gap:20px; }
  .ca-atlas-visual { width:320px; }
  .ca-path-hero aside { grid-template-columns:auto 1fr; }
  .ca-path-hero dl { max-width:480px; }
  .ca-action-deck { grid-template-columns:1fr auto; }.ca-due { grid-column:1/-1; border:0; padding:0; }
  .ca-admin-policy form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ca-admin-reason { grid-column:1/-1; }
}
@media (max-width:760px) {
  .career-atlas { padding-bottom:40px; }
  .ca-hero { grid-template-columns:1fr; min-height:auto; padding:35px 22px; border-radius:25px; }
  .ca-hero h1,.ca-path-hero h1,.ca-reinforce-hero h1,.ca-quiz-header h1,.ca-result-hero h1,.ca-admin-hero h1 { font-size:clamp(2rem,11vw,3.3rem); }
  .ca-atlas-visual { width:min(280px,85vw); }
  .ca-path-grid,.ca-stage-roadmap,.ca-studio-grid,.ca-nudge-grid,.ca-outcomes ul,.ca-admin-paths,.ca-choices { grid-template-columns:1fr; }
  .ca-stage-roadmap::before { display:none; }
  .ca-method,.ca-outcomes,.ca-market,.ca-admin-nudge { grid-template-columns:1fr; padding:25px; gap:22px; }
  .ca-method ol { grid-template-columns:1fr; }
  .ca-research-stamp { grid-template-columns:1fr 1fr; }.ca-research-stamp small { grid-column:1/-1; }
  .ca-path-hero { padding:28px 20px; border-radius:24px; }
  .ca-path-hero aside { grid-template-columns:1fr; }
  .ca-action-deck { grid-template-columns:1fr; }.ca-action-deck .button { width:100%; }
  .ca-course-row { grid-template-columns:28px 1fr; }.ca-course-row .button { grid-column:2; justify-self:start; }
  .ca-reinforce-hero { flex-direction:column; padding:26px 20px; }.ca-atlas-visual.mini { width:235px; }
  .ca-reinforce-hero ul,.ca-history>div { grid-template-columns:1fr; }
  .ca-quiz-header,.ca-result-hero { grid-template-columns:1fr; padding:23px; }
  .ca-quiz-progress { width:auto; }.ca-result-hero .ca-ring { margin:auto; }
  .ca-quiz-question { padding:19px; }.ca-quiz-submit { flex-direction:column; align-items:stretch; bottom:68px; }
  .ca-preferences form,.ca-admin-policy form,.ca-admin-path form { grid-template-columns:1fr; }
  .ca-preferences .ca-check,.ca-preferences button,.ca-admin-reason,.ca-admin-path .ca-admin-reason,.ca-admin-path button { grid-column:auto; }
  .ca-admin-hero { padding:25px; }.ca-admin-metrics { grid-template-columns:1fr; }
  .ca-admin-audit article { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .ca-orbit,.ca-path-card,.ca-path-glow,::-webkit-scrollbar-thumb { animation:none!important; transition:none!important; }
}
html[data-motion="off"] .ca-orbit,html[data-motion="off"] .ca-path-card,html[data-motion="off"] .ca-path-glow,html[data-motion="off"] ::-webkit-scrollbar-thumb { animation:none!important; transition:none!important; }
@media (forced-colors:active) {
  .ca-core,.ca-path-icon,.ca-studio-index { border:1px solid CanvasText; background:Canvas; color:CanvasText; }
  .ca-ring { border:6px solid Highlight; background:Canvas; }
  .ca-path-card,.ca-stage,.ca-studio-card,.ca-choice { border-color:CanvasText; }
  .ca-choice.selected { outline:3px solid Highlight; }
}