/* Style B: existing brass, cream and blue panels; one hero-body scroll owner. */
.hero-identity{position:relative}
.header-xp-track{display:block;position:absolute;left:0;bottom:-7px;width:52px;height:4px;background:#102e40;border:1px solid #718582;border-radius:4px;overflow:hidden}
.header-xp-track>span{display:block;height:100%;background:#f5bc4b}
.hero-tabs{max-width:620px}
.hero-tabs button{font-size:12px}
[data-hero-tab='progression'] .hero-layout{display:block}
.level-roadmap-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 16px;border:1px solid #c3a76b;border-radius:8px;background:#304f55}
.level-roadmap-intro p{font-size:11px;color:#d2c294;margin-bottom:4px}
.level-roadmap-intro h3{font-size:20px;color:#ffe1a1;margin:0 0 8px}
.level-roadmap-intro span{font-size:12px}
.level-growth{display:grid;gap:6px;flex-shrink:0;font-size:12px}
.level-growth small{color:#c9dfa9}
.level-roadmap-rule{font-size:12px;line-height:1.5;color:#cbdad2;margin:12px 0}
.level-roadmap-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.level-milestone{padding:12px;border:1px solid #607b82;border-radius:8px;background:#193b4e;min-width:0}
.level-milestone.is-reached{border-color:#7eaa79;background:#274d4e}
.level-milestone.is-next{border-color:#f5bc4b;box-shadow:inset 0 0 0 1px #f5bc4b}
.level-milestone-heading{display:flex;align-items:center;gap:10px}
.level-milestone-heading>strong{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bda36a;border-radius:50%;color:#ffe1a1;font-size:19px}
.level-milestone-heading>span{font-size:12px;font-weight:700}
.level-milestone-heading small{display:block;margin-top:3px;font-size:10px;color:#b9cfcb}
.level-milestone>p{font-size:11px;margin:9px 0 6px;color:#d9e7bd}
.level-milestone>ul{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.5;color:#ffe1a1}
@media(max-width:959px){.level-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-roadmap-intro{align-items:flex-start}.level-growth{flex-shrink:1}}
@media(max-width:639px){.identity-copy>span{display:none}.level-roadmap-grid{grid-template-columns:1fr}.level-roadmap-intro{display:block}.level-growth{margin-top:12px}.hero-tabs{gap:5px}.hero-tabs button{padding:8px 4px;font-size:11px}.level-roadmap-intro h3{font-size:18px}}
@media(max-height:650px) and (max-width:639px){.hero-experience{padding:8px 10px}.hero-experience small{font-size:9px}}