.portal-nav.compact-nav{position:relative;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:12px 24px;overflow:visible}
.compact-nav>.button,.compact-nav summary{white-space:nowrap;min-height:42px;padding:10px 16px;font-size:14px}
.compact-nav .nav-group{position:relative;margin:0}
.compact-nav summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;border-radius:8px;color:#d0e0dc;font-weight:500}
.compact-nav summary::-webkit-details-marker{display:none}
.compact-nav summary::after{content:'⌄';font-size:16px;line-height:1}
.compact-nav summary:hover,.compact-nav .nav-group[open]>summary{background:#254449;color:#fff}
.compact-nav summary[aria-current=page]{background:#dbeadf;color:#123b31;font-weight:700}
.compact-nav .nav-group-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;max-width:calc(100vw - 32px);padding:8px;background:#fff;border:1px solid #dce5e3;border-radius:12px;box-shadow:0 12px 32px #142e3326;display:grid;gap:3px}
.compact-nav .nav-group-panel .button{width:100%;color:#20343d;background:transparent;margin:0;border:0;white-space:normal;min-height:44px}
.compact-nav .nav-group-panel .button:hover{background:#edf3ef;color:#123b31}
.compact-nav .nav-group-panel .button[aria-current=page]{background:#dbeadf;color:#123b31}
.compact-nav .nav-current{margin-left:auto;color:#a9c5be;font-size:13px;padding:6px 10px;overflow-wrap:anywhere}
@media(max-width:640px){.portal-nav.compact-nav{padding:10px 12px;gap:4px}.compact-nav>.button,.compact-nav summary{padding:9px 12px;font-size:13px}.compact-nav .nav-current{width:100%;margin:2px 0 0;padding:4px 10px}.compact-nav .nav-group-panel{min-width:220px}.compact-nav .nav-group:last-of-type .nav-group-panel{left:auto;right:0}}
