.mastery-path-hero{gap:28px;align-items:center}
.mastery-path-copy{width:min(650px,calc(100% - 130px));position:relative;z-index:1}
.mastery-path-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.mastery-path-heading>button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#fff;border-radius:999px;padding:6px 11px 6px 7px;font:700 11px var(--body);cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:7px}
.mastery-path-heading>button:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.35)}
.progress-hero .mastery-info-icon{display:inline-grid;place-items:center;width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;color:#fff;font:800 11px/1 var(--body);letter-spacing:0;text-transform:none}
.mastery-path-hero h2{margin-bottom:4px}
.mastery-path-hero #masteryNext{margin:0 0 18px;color:#d8d2e5}
.mastery-stage-copy{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}
.mastery-stage-copy strong{font-size:12px;color:#fff}
.mastery-stage-copy small{font-size:10px;color:#c8bdff;text-align:right}
.mastery-path-hero .xp-bar{width:100%}
.mastery-stage-labels{display:flex;justify-content:space-between;gap:18px;margin-top:8px}
.progress-hero .mastery-stage-labels span{font-size:9px;letter-spacing:0;color:#bfb7d1;text-transform:none}
.progress-hero .level-orbit{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.progress-hero .level-orbit small{font-size:8px;letter-spacing:.15em;color:#c8bdff;font-weight:800}
.progress-hero .level-orbit strong{font:800 35px var(--display);margin:4px 0 2px}
.progress-hero .level-orbit em{font:700 8px var(--body);font-style:normal;color:#aaa0c2}
.mastery-help-card{max-width:590px;text-align:left}
.mastery-help-card h2{font:800 28px var(--display);margin:5px 0 8px}
.mastery-help-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 15px}
.mastery-help-list>div{background:#f7f5fb;border:1px solid var(--line);border-radius:13px;padding:14px}
.mastery-help-list b,.mastery-help-list span,.mastery-permanent-callout strong,.mastery-permanent-callout span{display:block}
.mastery-help-list b{font:800 13px var(--display);margin-bottom:4px}
.mastery-help-list span{font-size:11px;line-height:1.45;color:var(--muted)}
.mastery-permanent-callout{background:#eee9ff;border-left:4px solid var(--violet);border-radius:11px;padding:14px 16px;margin:0 0 17px}
.mastery-permanent-callout strong{font:800 13px var(--display);color:var(--violet-dark);margin-bottom:3px}
.mastery-permanent-callout span{font-size:11px;line-height:1.45;color:#5d527c}
@media(max-width:760px){.mastery-path-hero{display:block}.mastery-path-copy{width:100%}.mastery-path-hero .level-orbit{margin:24px 0 0 auto}.mastery-stage-copy{align-items:flex-start;flex-direction:column;gap:3px}.mastery-stage-copy small{text-align:left}.mastery-help-list{grid-template-columns:1fr}.mastery-help-card{max-height:88vh;overflow:auto}}