/* Top bar, every page: the extra links sit in the bar on wide screens and in a "Menu" list on smaller ones. */
.fnav-wide{display:none !important}
.fmenu{position:relative;display:flex;align-items:center}
.fmenu-btn{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 2px;
  font:inherit;font-weight:600;font-size:15px;color:inherit;opacity:.9;white-space:nowrap;-webkit-user-select:none;user-select:none}
.fmenu-btn::-webkit-details-marker{display:none}
.fmenu-btn::marker{content:""}
.fmenu-btn::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.fmenu[open] .fmenu-btn::after{transform:translateY(2px) rotate(-135deg)}
.fmenu-btn:hover{opacity:1}
.fmenu-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
.fmenu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:70;min-width:230px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;
  padding:8px;border-radius:12px;background:#FFFFFF;color:#111723;box-shadow:0 18px 50px -12px rgba(4,7,13,.45),0 0 0 1px rgba(17,23,35,.08)}
.fmenu-panel a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:#111723;text-decoration:none;font-weight:600;font-size:15px;opacity:1;white-space:nowrap}
.fmenu-panel a:hover,.fmenu-panel a:focus-visible{background:#ECEFF3;outline:none;text-decoration:none}
.fmenu-panel a[aria-current="page"]{background:#ECEFF3}
/* day / night switch (menu.js) */
.theme-btn{display:inline-grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;opacity:.8;cursor:pointer}
.theme-btn:hover{opacity:1}
.theme-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.theme-btn svg{width:19px;height:19px}
/* language switch (menu.js): in the bar from tablet width, always first in the Menu list */
.lang-link{display:none !important}
@media (min-width:760px){ .lang-link{display:inline-flex !important} }
.fmenu-panel .lang-item{font-weight:700}
@media (min-width:1000px){
  .fnav-wide{display:inline-flex !important}
  .fmenu{display:none}
}
/* phones: the bar keeps the logo, "Sign in" and "Menu"; every other link is in the menu */
@media (max-width:520px){
  .fmenu-btn{font-size:14px}
  .fnav-links > .fnav-link,.top nav > a{display:none !important}
}
@media (prefers-reduced-motion:reduce){ .fmenu-btn::after{transition:none} }
@media print{ .fmenu{display:none} }