.vocation-path{color:#f1e3be;background:linear-gradient(145deg,#243d32,#142e28);border:1px solid #a68e56;border-radius:14px;min-width:0;margin-block:12px;padding:18px}.vocation-path-heading small{letter-spacing:.16em;color:#cab57c;font-size:10px}.vocation-path-heading h3{color:#f5e8bf;margin:6px 0 4px;font-family:Georgia,serif;font-size:27px;line-height:1.2}.vocation-path-heading p{color:#b9c7b8;margin:0;font-size:13px}.vocation-path-mana{color:#bdd6d6;flex-wrap:wrap;justify-content:space-between;gap:7px;margin-top:18px;font-size:12px;display:flex}.vocation-path-mana progress{-webkit-appearance:none;appearance:none;background:#102722;border:0;border-radius:8px;width:100%;height:6px;overflow:hidden}.vocation-path-mana progress::-webkit-progress-bar{background:#102722}.vocation-path-mana progress::-webkit-progress-value{background:#86b8c2}.vocation-path-mana progress::-moz-progress-bar{background:#86b8c2}.vocation-path-guide{color:#becabb;margin:14px 0;font-size:12px;line-height:1.6}.vocation-path-next{color:#e5cc8c;background:#bda56912;border:1px solid #8e7e50;border-radius:8px;justify-content:space-between;gap:8px;padding:10px 12px;font-size:12px;display:flex}.vocation-path-levels{margin-top:18px}.vocation-path-level{border-left:1px solid #8a7c4d;margin-left:4px;padding:0 0 18px 14px}.vocation-path-level:last-child{padding-bottom:0}.vocation-path-level h4{color:#edda9d;justify-content:space-between;align-items:center;gap:8px;margin:0 0 9px;font-family:Georgia,serif;font-size:17px;display:flex;position:relative}.vocation-path-level h4:before{content:"";background:#d5bd79;width:7px;height:7px;position:absolute;left:-18px;transform:rotate(45deg)}.vocation-path-level h4 small{color:#b7c6b5;font:10px system-ui,sans-serif}.vocation-path-arts{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px;display:grid}.vocation-path .vocation-path-art{text-align:left;color:#f5e5b8;white-space:normal;opacity:1;width:100%;min-width:0;min-height:78px;box-shadow:none;background:#2d493d;border:1px solid #8c8058;border-radius:9px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;display:flex}.vocation-path-art-title{overflow-wrap:anywhere;font-family:Georgia,serif;font-size:17px;line-height:1.3}.vocation-path-art-meta{color:#bccbbc;font-size:11px;line-height:1.4}.vocation-path-art-meta span{color:#b29d65;padding:0 4px}.vocation-path-status{letter-spacing:.02em;color:#b7c4b6;font-size:10px}.vocation-path-status.is-ready{color:#e4d090}.vocation-path .vocation-path-art:not(:disabled):hover{background:#395747;border-color:#e0c580}.vocation-path .vocation-path-art:focus-visible{outline-offset:3px;outline:2px solid #f4dc97}.vocation-path-level.is-locked{border-left-color:#53614a}.vocation-path-level.is-locked h4:before{background:#657058}.vocation-path-level.is-locked .vocation-path-art{color:#bec5ac;background:#19332c;border-color:#4e624d}.vocation-path-level.is-next h4:before{background:#d5bd79}.vocation-path-level.is-next h4 small{color:#e1c884}@media (max-width:420px){.vocation-path{padding:12px}.vocation-path-level{padding-left:11px}.vocation-path-level h4:before{left:-15px}}