/* Five main destinations. Shared by every page; catalog links stay in one panel. */
body>.header:has(.compact-navigation){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:86px;min-height:86px;padding:0 3%;gap:12px;align-items:center}
.header nav.dropdown-navigation.compact-navigation{display:contents}
.compact-navigation .nav-main{display:flex;align-items:center;justify-content:center;gap:20px;height:100%;grid-column:2;grid-row:1}
.header:has(.compact-navigation)>.brand{grid-column:1;grid-row:1;justify-self:start}
.header nav.dropdown-navigation.compact-navigation .nav-planner{font-size:15px;font-weight:600;padding:0;height:100%;white-space:nowrap;color:#b6c0cc;border-bottom:2px solid transparent}
.header nav.dropdown-navigation.compact-navigation .nav-planner:hover,.header nav.dropdown-navigation.compact-navigation .nav-planner[aria-current=page]{color:var(--gold);border-bottom-color:var(--gold)}
.header .compact-navigation .nav-dropdown{height:100%}
.header .compact-navigation .nav-trigger{font-size:15px;gap:7px}
.header:has(.compact-navigation)>.menu-toggle{display:none}
.compact-navigation .nav-dropdown .nav-panel{width:min(960px,calc(100vw - 32px))}
.compact-navigation [data-guide-category="cantina"] .nav-panel{width:min(740px,calc(100vw - 32px))}
.compact-navigation [data-guide-category="service"] .nav-panel{width:min(360px,calc(100vw - 32px))}
.compact-navigation .nav-panel-heading{padding:18px 24px}
.compact-navigation .nav-panel-scroll{padding:22px 24px;max-height:min(72vh,720px)}
.nav-columns{display:grid;gap:24px;align-items:start}
.nav-columns-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.nav-columns-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.nav-column{min-width:0}
.nav-column>h3,.nav-settings>h3{font:600 13px/1.4 Barlow,Arial,sans-serif;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin:0 0 14px}
.nav-column>.nav-branch,.nav-craft>.nav-branch{margin-top:8px}
.nav-column>.nav-overview{margin:0 0 14px}
.nav-column+.nav-column{border-left:1px solid #2d3b48;padding-left:24px}
.nav-craft{margin-top:24px}
.nav-craft h4{margin:0 0 12px;font-size:15px;color:var(--gold)}
.compact-navigation .nav-tree,.compact-navigation .nav-style-grid,.compact-navigation .nav-direct-list{display:block;column-count:1}
.compact-navigation .nav-map-list,.compact-navigation .nav-planet-tree{column-count:2;column-gap:12px}
.compact-navigation .nav-style+.nav-style{margin-top:20px}
.compact-navigation .nav-branch>summary{font-size:14px;font-weight:500;min-height:44px;padding:11px 10px}
.compact-navigation .nav-branch-content{padding:12px 10px}
.compact-navigation .nav-branch .nav-direct-list{margin-top:10px}
.compact-navigation .nav-branch .nav-overview{white-space:normal!important;line-height:1.6}
.compact-navigation .nav-planet-tree .nav-branch>summary small{display:none}
.header nav.dropdown-navigation.compact-navigation .guide-nav-link{min-height:44px;padding:11px 8px}
.header nav.dropdown-navigation.compact-navigation .nav-style li a{font-size:14px}
.nav-settings{border-top:1px solid #2d3b48;margin-top:20px;padding-top:20px}
.header nav.dropdown-navigation.compact-navigation .nav-hover-toggle{font-size:14px;min-height:44px;margin:0}
.nav-utilities{display:flex;align-items:center;justify-self:end;grid-column:3;grid-row:1;gap:10px;height:100%;flex:none}
.header nav.dropdown-navigation.compact-navigation .nav-search,.compact-navigation .language-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid #39444d;border-radius:5px;color:var(--gold);background:#101923}
.nav-search svg,.language-menu>summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.header nav.dropdown-navigation.compact-navigation .discord-invite{width:auto;max-width:none;min-height:44px;height:44px;margin:0;padding:9px 12px;font-size:13px;gap:8px;white-space:nowrap}
.compact-navigation .language-menu{width:auto;margin:0}
.compact-navigation .language-panel{top:calc(100% + 12px);right:0}
.compact-navigation .nav-panel[hidden]{display:none}
@media(min-width:1381px) and (max-width:1600px){
 .header:has(.compact-navigation) .brand .swtor-mark{width:126px;height:45px}
 .header:has(.compact-navigation) .brand .swtor-mark img{width:225px;left:-48px;top:-4px}
 .header:has(.compact-navigation) .brand .cantina-wordmark strong{font-size:22px}
 .header:has(.compact-navigation) .brand .cantina-wordmark small{max-width:160px}
}
@media(max-width:1380px){
 body>.header:has(.compact-navigation){display:flex;height:80px;min-height:80px;padding:0 4%;gap:16px}
 .header:has(.compact-navigation)>.menu-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;min-width:46px;min-height:46px;padding:10px;background:transparent;border:1px solid #665033;color:var(--gold);border-radius:4px}
 .header nav.dropdown-navigation.compact-navigation{display:none;position:absolute;top:100%;left:0;right:0;width:100%;height:auto;max-height:calc(100dvh - var(--site-header-height,80px));overflow-y:auto;overscroll-behavior:contain;padding:12px 4% 20px;background:#101923;border-bottom:1px solid #39444d;box-shadow:0 20px 35px #0005}
 .header nav.dropdown-navigation.compact-navigation.open{display:block}
 .compact-navigation .nav-main{display:block;height:auto}
 .header nav.dropdown-navigation.compact-navigation .nav-planner{min-height:50px;height:auto;padding:12px 0;border-bottom:1px solid #2d3b48}
 .header .compact-navigation .nav-dropdown{display:block;height:auto;border-bottom:1px solid #2d3b48}
 .compact-navigation .nav-trigger{width:100%;height:auto;min-height:50px;justify-content:space-between;text-align:left;padding:12px 0;border:0}
 .compact-navigation .nav-dropdown .nav-panel{position:static;inset:auto;width:100%;max-height:none;box-shadow:none;border-radius:4px;margin:0 0 14px}
 .compact-navigation .nav-panel-scroll{max-height:none;overflow:visible;padding:18px}
 .compact-navigation .nav-panel-heading{padding:16px 18px}
 .compact-navigation .nav-panel-heading strong{font-size:24px}
 .compact-navigation .nav-utilities{position:relative;display:flex;flex-wrap:wrap;gap:12px;height:auto;padding-top:18px}
 .compact-navigation .language-menu{position:static}
 .compact-navigation .language-panel{position:static;max-width:100%;width:100%;margin-top:14px;box-shadow:none}
 .compact-navigation .language-menu[open]{width:100%;order:3}
}
@media(max-width:680px){
 body>.header:has(.compact-navigation){height:77px;min-height:77px}
 .nav-columns{grid-template-columns:1fr;gap:24px}
 .nav-column+.nav-column{border-left:0;padding-left:0;border-top:1px solid #2d3b48;padding-top:20px}
 .compact-navigation .nav-map-list,.compact-navigation .nav-planet-tree{column-count:1}
 .compact-navigation .nav-panel-scroll{padding:16px 12px}
 .compact-navigation .nav-panel-heading{padding:14px 12px}
 .compact-navigation .nav-panel-heading p{font-size:13px}
 .header nav.dropdown-navigation.compact-navigation .guide-nav-link{padding:12px 8px;overflow-wrap:anywhere}
}
