/* WoWForever Balance Guide Navigation — fully scoped */
.wf-balance-nav{width:100%;max-width:1000px;margin:0 auto 26px;clear:both;font-family:inherit}
.wf-balance-nav *{box-sizing:border-box}
.wf-balance-nav__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wf-balance-nav__button{display:flex;align-items:center;gap:11px;min-width:0;min-height:72px;padding:12px 14px;background:#242a31;border:1px solid #444c56;border-radius:8px;color:#e0e4ea!important;text-decoration:none!important;line-height:1.3;transition:border-color .18s,background .18s}
a.wf-balance-nav__button:hover,a.wf-balance-nav__button:focus-visible{background:#303740;border-color:#d8aa66;color:#fff!important;text-decoration:none!important}
.wf-balance-nav__icon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #5a626d;border-radius:50%;background:#303740;color:#d7ae70;font-size:17px;line-height:1}
.wf-balance-nav__copy{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;flex:1}
.wf-balance-nav__name{font-size:13px;font-weight:650;overflow-wrap:anywhere}
.wf-balance-nav__status{font-size:11px;font-weight:400;color:#9ca5af}
.wf-balance-nav__button.is-current{border-color:#c69a5e;background:#342f2a;color:#f2d6ac!important;cursor:default}
.wf-balance-nav__button.is-current .wf-balance-nav__icon{border-color:#c69a5e;background:#493b2b;color:#f1c68c}
.wf-balance-nav__button.is-current .wf-balance-nav__status{color:#dfb778}
.wf-balance-nav__button.is-disabled{opacity:.66;cursor:default}
@media(max-width:760px){.wf-balance-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.wf-balance-nav__grid{grid-template-columns:1fr}.wf-balance-nav__button{min-height:58px;padding:9px 12px}}

/* 1.1.0: compact two-line labels, no 'Hamarosan' caption */
.wf-balance-nav__button{min-height:64px;padding:10px 12px;gap:9px}
.wf-balance-nav__icon{flex-basis:30px;width:30px;height:30px}
.wf-balance-nav__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:normal;word-break:normal;hyphens:auto;font-size:12.5px;line-height:1.35}
.wf-balance-nav__button.is-disabled .wf-balance-nav__name{color:#a8afb7}
@media(max-width:480px){.wf-balance-nav__button{min-height:54px}}

/* 2.0.1: approximately 30% shorter navigation buttons */
.wf-balance-nav__button{min-height:45px;padding:5px 10px;gap:8px}
.wf-balance-nav__icon{flex:0 0 24px;width:24px;height:24px;font-size:14px}
.wf-balance-nav__copy{gap:1px}
.wf-balance-nav__name{line-height:1.2}
@media(max-width:480px){.wf-balance-nav__button{min-height:40px;padding:5px 9px}}