/* My Pathway — private Commander development preferences and recommendations. */
.pathway-hero{background:linear-gradient(105deg,rgba(34,211,238,.07),rgba(7,10,12,.25) 48%,transparent)}
.pathway-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:22px;align-items:start}
.pathway-panel{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:linear-gradient(155deg,rgba(15,21,25,.94),rgba(8,12,15,.98));box-shadow:var(--shadow)}
.pathway-panel.is-accent{border-color:var(--line-accent);background:linear-gradient(155deg,rgba(34,211,238,.06),rgba(8,12,15,.98) 45%)}
.pathway-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}
.pathway-panel-head h2{margin:0 0 7px;font-size:clamp(1.35rem,2.7vw,2rem);text-transform:uppercase;letter-spacing:-.02em}
.pathway-panel-head p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.65;max-width:660px}
.pathway-privacy{flex:0 0 auto;border:1px solid rgba(94,230,168,.3);border-radius:999px;padding:6px 9px;color:#8af0bd;background:rgba(94,230,168,.035);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.pathway-group{margin-top:24px}
.pathway-group+.pathway-group{padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
.pathway-group-title{margin:0 0 12px;color:#dfecef;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.pathway-preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.pathway-pref-card{display:grid;gap:11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px;background:rgba(255,255,255,.018)}
.pathway-pref-card.is-selected{border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.04)}
.pathway-pref-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.pathway-pref-card h3{margin:0;font-size:.88rem;text-transform:uppercase;letter-spacing:.025em}
.pathway-pref-card small{color:var(--muted);font-size:.61rem}
.pathway-pref-options{display:flex;gap:8px;flex-wrap:wrap}
.pathway-choice{display:flex;align-items:center;gap:7px;cursor:pointer;color:#cbd7dc;font-size:.68rem}
.pathway-choice input{accent-color:var(--accent)}
.pathway-experience{display:grid;gap:5px;color:var(--muted);font-size:.6rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.pathway-experience select,.pathway-settings select,.pathway-settings textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#080d10;color:#edf8fa;padding:9px 10px;outline:none}
.pathway-experience select:focus,.pathway-settings select:focus,.pathway-settings textarea:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.07)}
.pathway-experience select:disabled{opacity:.45;cursor:not-allowed}
.pathway-settings{display:grid;grid-template-columns:220px 1fr;gap:14px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
.pathway-settings label{display:grid;gap:7px;color:#d6e4e8;font-size:.68rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.pathway-settings textarea{resize:vertical;min-height:94px;line-height:1.5}
.pathway-form-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}
.pathway-save-status{color:var(--muted);font-size:.68rem;line-height:1.45}
.pathway-save-status[data-state="success"]{color:#8af0bd}.pathway-save-status[data-state="error"]{color:#ffc1c1}
.pathway-form-actions .btn:disabled{opacity:.55;cursor:wait}
.pathway-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.pathway-summary span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:.6rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.pathway-summary strong{color:var(--accent)}
.pathway-empty{border:1px dashed rgba(34,211,238,.28);border-radius:11px;padding:22px;color:var(--muted);line-height:1.65;background:rgba(34,211,238,.025)}
.pathway-recommendations{display:grid;gap:12px}
.pathway-recommendation{border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:17px;background:rgba(255,255,255,.018)}
.pathway-recommendation.is-priority{border-color:rgba(34,211,238,.32);background:rgba(34,211,238,.04)}
.pathway-recommendation-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pathway-recommendation h3{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.02em}
.pathway-recommendation-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pathway-badge{border:1px solid var(--line);border-radius:999px;padding:4px 7px;color:var(--muted);font-size:.53rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.pathway-badge.is-improve{border-color:rgba(34,211,238,.32);color:var(--accent)}
.pathway-recommendation p{margin:11px 0 14px;color:#afbdc3;font-size:.78rem;line-height:1.58}
.pathway-next-label{display:block;margin-bottom:4px;color:var(--accent);font-size:.55rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.pathway-recommendation strong{display:block;color:#e7f4f6;font-size:.78rem;line-height:1.45}
.pathway-recommendation .btn{margin-top:14px;min-height:38px;padding:0 13px;font-size:.66rem}
.pathway-goal-card{margin-top:18px;padding:17px;border-left:2px solid var(--accent);background:rgba(34,211,238,.035);border-radius:0 10px 10px 0}
.pathway-goal-card span{display:block;margin-bottom:6px;color:var(--accent);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.pathway-goal-card p{margin:0;color:#c5d1d5;line-height:1.58;font-size:.78rem;white-space:pre-wrap}
.pathway-footnote{margin-top:18px;color:var(--muted);font-size:.65rem;line-height:1.55}

/* AX — first persistent guided pathway and Pathway v2 testbed. */
.ax-pathway{margin:0 0 18px}
.ax-pathway-loading{padding:16px;border:1px dashed rgba(34,211,238,.28);border-radius:10px;color:var(--muted);font-size:.72rem;background:rgba(34,211,238,.025)}
.ax-route-card{border:1px solid rgba(34,211,238,.32);border-radius:12px;padding:18px;background:linear-gradient(140deg,rgba(34,211,238,.075),rgba(8,12,15,.97) 58%)}
.ax-route-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.ax-route-kicker{display:block;margin-bottom:5px;color:var(--accent);font-size:.56rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.ax-route-head h3{margin:0;font-size:1.08rem;text-transform:uppercase;letter-spacing:.015em}
.ax-route-head p{margin:6px 0 0;color:#b8c6cc;font-size:.76rem;line-height:1.55}
.ax-route-audience{margin:13px 0 0;color:var(--muted);font-size:.69rem;line-height:1.55}
.ax-progress{display:grid;grid-template-columns:auto minmax(110px,1fr) auto;gap:10px;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.ax-progress>div:first-child{display:grid}.ax-progress>div:first-child strong{font-size:.78rem;color:#e8f7f9}.ax-progress>div:first-child span,.ax-progress>span{color:var(--muted);font-size:.56rem;text-transform:uppercase;letter-spacing:.06em}
.ax-progress-track{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.ax-progress-track i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .2s ease}
.ax-route-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.ax-route-actions .btn{min-height:36px;padding:0 12px;font-size:.6rem}.ax-text-button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:6px}.ax-text-button:hover{color:#fff}
.ax-current-assignment{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;margin-top:14px;border:1px solid rgba(94,230,168,.26);border-radius:12px;padding:19px;background:linear-gradient(145deg,rgba(94,230,168,.045),rgba(9,13,16,.96) 55%)}
.ax-current-assignment.is-graduate{display:block;border-color:rgba(34,211,238,.36);background:rgba(34,211,238,.055)}.ax-current-assignment.is-graduate h3{margin:4px 0 8px;text-transform:uppercase}.ax-current-assignment.is-graduate p{color:#c5d2d7;line-height:1.6}.ax-current-assignment.is-graduate .btn{margin-top:8px}
.ax-assignment-number{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:58px;border:1px solid rgba(34,211,238,.22);border-radius:10px;padding:11px 7px;background:rgba(34,211,238,.035)}.ax-assignment-number span{font-size:1.25rem;font-weight:900;color:var(--accent)}.ax-assignment-number small{margin-top:3px;color:var(--muted);font-size:.5rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-align:center}
.ax-next-label,.ax-assignment-stage{display:block;color:#8af0bd;font-size:.55rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.ax-current-copy h3{margin:5px 0 8px;font-size:1.15rem;text-transform:uppercase;letter-spacing:.01em}.ax-objective{margin:0;color:#e0ecef;font-size:.82rem;line-height:1.62}
.ax-assignment-meta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px}.ax-type-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 7px;color:#c6d4d9;background:rgba(255,255,255,.02);font-size:.5rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ax-type-badge.type-build{border-color:rgba(34,211,238,.28);color:#8eeeff}.ax-type-badge.type-demonstrate{border-color:rgba(94,230,168,.28);color:#8af0bd}.ax-type-badge.type-challenge{border-color:rgba(245,215,135,.3);color:#f5d787}.ax-type-badge.type-wing{border-color:rgba(164,154,255,.32);color:#c8c0ff}.ax-type-badge.type-mentor{border-color:rgba(255,164,214,.28);color:#ffc4e4}
.ax-why{margin-top:14px;padding:12px 13px;border-left:2px solid var(--accent);background:rgba(34,211,238,.025)}.ax-why strong,.ax-checklist>strong{display:block;color:var(--accent);font-size:.57rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ax-why p{margin:5px 0 0;color:#abb9c0;font-size:.7rem;line-height:1.55}
.ax-checklist{margin-top:14px}.ax-checklist ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.ax-checklist li{position:relative;padding-left:19px;color:#c2ced3;font-size:.7rem;line-height:1.45}.ax-checklist li::before{content:'◇';position:absolute;left:0;color:var(--accent)}
.ax-assignment-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.ax-assignment-actions .btn{min-height:38px;padding:0 11px;font-size:.58rem}
.ax-assignment-list,.ax-sources{margin-top:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.015);overflow:hidden}.ax-assignment-list>summary,.ax-sources>summary{cursor:pointer;padding:13px 15px;color:#dce9ec;font-size:.68rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.ax-assignment-list[open]>summary,.ax-sources[open]>summary{border-bottom:1px solid rgba(255,255,255,.07)}
.ax-assignment-list-body{display:grid}.ax-list-task{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;border-top:1px solid rgba(255,255,255,.055)}.ax-list-task:first-child{border-top:0}.ax-list-task.is-current{background:rgba(34,211,238,.035)}.ax-list-index{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(34,211,238,.2);border-radius:7px;color:var(--accent);font-size:.58rem;font-weight:900}.ax-list-task>div:nth-child(2){display:grid;gap:2px}.ax-list-task>div:nth-child(2)>span{color:var(--accent);font-size:.49rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ax-list-task>div:nth-child(2)>strong{font-size:.68rem;text-transform:uppercase;letter-spacing:.015em}.ax-list-task>div:nth-child(2)>small{color:var(--muted);font-size:.61rem;line-height:1.42}
.ax-list-status{display:grid;justify-items:end;gap:4px;min-width:105px}.ax-list-status span{font-size:.5rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:right}.ax-list-status.status-complete span{color:#8af0bd}.ax-list-status.status-known span{color:#8eeeff}.ax-list-status.status-skipped span{color:#f5d787}.ax-list-status button{appearance:none;border:0;background:transparent;color:var(--accent);font:inherit;font-size:.5rem;font-weight:850;text-transform:uppercase;cursor:pointer;padding:2px}
.ax-sources{padding-bottom:2px}.ax-sources>p{margin:13px 15px;color:var(--muted);font-size:.65rem;line-height:1.55}.ax-sources>div{display:flex;gap:8px;flex-wrap:wrap;margin:0 15px 14px}.ax-sources a{color:#dffaff;font-size:.6rem;font-weight:800;text-decoration:none}.ax-sources a:hover{text-decoration:underline}
.ax-action-status{min-height:18px;margin-top:8px;color:var(--muted);font-size:.6rem}.ax-action-status[data-state='working']{color:#f5d787}.ax-action-status[data-state='success']{color:#8af0bd}.ax-action-status[data-state='error']{color:#ffc1c1}.ax-pathway button:disabled{opacity:.5;cursor:wait}

@media(max-width:980px){.pathway-shell{grid-template-columns:1fr}.pathway-panel.is-accent{order:-1}}
@media(max-width:720px){.pathway-preference-grid{grid-template-columns:1fr}.pathway-settings{grid-template-columns:1fr}.pathway-panel{padding:21px}.pathway-panel-head{display:grid}.pathway-privacy{justify-self:start}.pathway-form-actions{align-items:flex-start;flex-direction:column}.pathway-recommendation-top{display:grid}.pathway-recommendation-badges{justify-content:flex-start}.ax-current-assignment{grid-template-columns:1fr}.ax-assignment-number{width:100%;flex-direction:row;gap:8px;justify-content:flex-start}.ax-list-task{grid-template-columns:32px minmax(0,1fr)}.ax-list-status{grid-column:2;justify-items:start;min-width:0}.ax-list-status span{text-align:left}}
@media(max-width:520px){.ax-route-head{display:grid}.ax-route-head .pathway-recommendation-badges{justify-content:flex-start}.ax-progress{grid-template-columns:1fr auto}.ax-progress-track{grid-column:1/-1;grid-row:2}.ax-assignment-actions .btn{width:100%}}
