/* Owner report 2026-10-06: the signed-in header kept wrapping words letter by letter.
   Menu labels never break; personal links sit in one account menu. */
.site-header .nav>a,.site-header .nav>details>summary,.site-header .nav .account-menu-panel>*{white-space:nowrap}
.site-header .account-menu{position:relative;margin:0}
.site-header .account-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:1px solid #d5deea;border-radius:999px;background:#fff;color:#17233a;font-weight:650;font-size:15px}
.site-header .account-menu>summary::-webkit-details-marker{display:none}
.site-header .account-menu>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.site-header .account-menu[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.site-header .account-menu>summary:focus-visible{outline:3px solid #2457e6;outline-offset:2px}
.site-header .account-menu-panel{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:60;display:grid;gap:2px;min-width:240px;padding:8px;background:#fff;border:1px solid #d5deea;border-radius:12px;box-shadow:0 14px 32px rgba(15,35,70,.16)}
.site-header .account-menu-panel>a,.site-header .account-menu-panel button{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;color:#17233a;font:inherit;font-size:16px;text-align:start;text-decoration:none;cursor:pointer}
.site-header .account-menu-panel>a:hover,.site-header .account-menu-panel button:hover,.site-header .account-menu-panel>a:focus-visible,.site-header .account-menu-panel button:focus-visible{background:#eef3fb}
.site-header .account-menu-panel form{display:block;margin:0;border-top:1px solid #e3e9f2;padding-top:4px}
@media(max-width:900px){
 .site-header .account-menu{width:100%}
 .site-header .account-menu>summary{width:100%;justify-content:space-between;border-radius:10px}
 .site-header .account-menu-panel{position:static;min-width:0;margin-top:6px;box-shadow:none}
}
/* Plain pages between the mobile menu and wide screens: the menu takes its own row instead of squeezing the language picker. */
@media(min-width:901px) and (max-width:1360px){
 body:not(.oh-public-app) .site-header .header-inner{flex-wrap:wrap;row-gap:4px;padding-block:8px}
 body:not(.oh-public-app) .site-header .header-inner>.web-language{flex:0 0 auto;min-width:150px;margin-inline-start:auto}
 body:not(.oh-public-app) .site-header .nav{order:3;flex:1 0 100%;justify-content:center}
}
/* Language and regional variant pickers sit side by side when JavaScript runs (the no-JS form keeps its submit button below). */
@media(min-width:901px){
 html:not(.no-js) .site-header .header-inner>.web-language{flex-direction:row;align-items:center;gap:6px}
 html:not(.no-js) .site-header .header-inner>.web-language [data-workflow-variant] select{inline-size:auto;max-inline-size:110px}
}