/* One panel per hierarchy level; no nested scroll containers. */
.ocp-mobile-overview{display:none}
.ocp-navigation .menu>li{border:0;padding:0 8px;gap:3px}
.ocp-navigation a{transition:color .15s,background .15s;text-decoration:none}
.ocp-navigation .sub-menu{max-height:none;overflow:visible;padding:10px;border:1px solid #e5e8eb;border-radius:12px;box-shadow:0 16px 40px #1723301c}
.ocp-navigation .sub-menu a{padding:10px 30px 10px 12px;border-radius:7px;font-size:14px;line-height:1.35}
.ocp-navigation .sub-menu li:hover>a,.ocp-navigation .sub-menu li.is-expanded>a{background:#fff3e8;color:#ef7f1a}
.ocp-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:32px;flex:0 0 22px;padding:0;border-radius:5px;color:#8b9299;line-height:1}
.ocp-submenu-toggle::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.ocp-submenu-toggle:hover{background:#fff3e8;color:#ef7f1a}
.ocp-navigation .sub-menu .ocp-submenu-toggle{position:absolute;right:12px;top:4px;width:26px;height:32px}
.ocp-navigation li:hover>.sub-menu{display:none}
.ocp-navigation li.is-expanded>.sub-menu{display:block}
@media(min-width:1100px){
 .header>.container{position:relative;gap:16px}
 .ocp-navigation .menu>li>a{padding-block:14px;white-space:nowrap}
 .ocp-navigation .sub-menu li{position:relative}
 .ocp-navigation .sub-menu .sub-menu{position:absolute;left:100%;top:0;width:320px;padding:10px;border:1px solid #e5e8eb;box-shadow:0 16px 40px #1723301c;background:#fff}
 .ocp-navigation .sub-menu .ocp-submenu-toggle::before{transform:rotate(-45deg);margin:0}
 .ocp-navigation .menu>li.ocp-wide-menu{position:relative}
 .ocp-navigation .ocp-wide-menu>.sub-menu{left:0;top:100%;width:320px}
 .ocp-navigation .menu>li>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
 .ocp-navigation .ocp-wide-menu .sub-menu>li{position:static}
 .ocp-navigation .ocp-wide-menu .sub-menu>li>a{position:relative;padding-right:34px}
 .ocp-navigation .ocp-wide-menu .sub-menu>li>.ocp-submenu-toggle{position:relative;float:right;margin-top:-37px;right:6px;top:0}
 .ocp-navigation .ocp-wide-menu .sub-menu .sub-menu{min-height:100%;border-left:1px solid #eceef0;border-radius:0 12px 12px 0}
 .ocp-navigation .ocp-wide-menu .sub-menu .sub-menu.ocp-open-left{left:auto;right:100%;border-radius:12px 0 0 12px}
 .ocp-navigation .sub-menu .sub-menu::before{content:"";position:absolute;top:0;bottom:0;left:-12px;width:12px}
 .ocp-navigation .sub-menu .sub-menu.ocp-open-left::before{left:auto;right:-12px}
 .ocp-navigation .ocp-wide-menu>.sub-menu:has(>.is-expanded){border-radius:12px 0 0 12px}
 .ocp-navigation .menu>li:not(.ocp-wide-menu)>.sub-menu{width:270px}
 /* Fourth-level links expand in their parent panel, never over earlier columns. */
 .ocp-navigation .ocp-wide-menu>.sub-menu>li>.sub-menu>li>.sub-menu{position:static;left:auto;right:auto;top:auto;width:auto;min-height:0;margin:2px 8px 10px 14px;padding:4px 0 4px 10px;border:0;border-left:2px solid #ef7f1a;border-radius:0;box-shadow:none;background:#fff8f1}
 .ocp-navigation .ocp-wide-menu>.sub-menu>li>.sub-menu>li>.sub-menu::before{display:none}
 .ocp-navigation .ocp-wide-menu>.sub-menu>li>.sub-menu>li>.sub-menu a{padding:9px 10px;font-size:13px}
 .ocp-navigation .ocp-wide-menu>.sub-menu>li>.sub-menu>li.is-expanded>.ocp-submenu-toggle::before{transform:rotate(45deg)}
}
@media(max-width:1099px){
 .ocp-navigation .ocp-mobile-overview{display:block}
 .ocp-navigation .ocp-mobile-overview>a{font-size:13px;color:#696f75;text-decoration:underline;text-underline-offset:3px}
 .ocp-navigation li{position:relative}
 .ocp-navigation>.menu{padding:14px 20px 24px}
 .ocp-navigation .menu>li{padding:0;border-bottom:1px solid #edf0f2;position:relative}
 .ocp-navigation a,.ocp-navigation .sub-menu a{padding:13px 48px 13px 10px;font-size:15px;line-height:1.4}
 .ocp-navigation .sub-menu,.ocp-navigation .sub-menu .sub-menu{position:static;max-height:none;overflow:visible;width:auto;padding:0 0 4px 12px;margin:0 0 6px 10px;border:0;border-left:1px solid #e7d7ca;border-radius:0;box-shadow:none}
 .ocp-navigation .ocp-submenu-toggle,.ocp-navigation .sub-menu .ocp-submenu-toggle{position:absolute;float:none;right:0;top:0;margin:0;width:48px;height:48px;touch-action:manipulation}
 .ocp-navigation li.is-expanded>.ocp-submenu-toggle::before{transform:rotate(225deg);margin-top:3px}
}