/* Responsive navigation for desktop and mobile. */
header{padding:0 max(5vw,24px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-top{min-height:58px;display:flex;align-items:center;justify-content:space-between}
.header-nav{min-height:44px;display:flex;align-items:center;border-top:1px solid #eef3f4;position:relative}
.menu{display:none;border:0;background:transparent;color:var(--navy);font-size:24px;line-height:1;cursor:pointer;padding:7px 10px}
.primary-nav{display:flex;gap:5px;align-items:center}
.primary-nav>a,.nav-trigger{padding:8px 11px;border:0;background:transparent;font:800 13px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#344b5c;white-space:nowrap;cursor:pointer}
.primary-nav>a:hover,.nav-trigger:hover{color:var(--teal);background:#f0f8f8;border-radius:8px}
.nav-login{color:var(--teal)!important}
.nav-dropdown,.user-menu{position:relative}
.nav-popover,.user-popover{display:none;position:absolute;z-index:30;top:calc(100% + 8px);left:0;min-width:190px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.nav-dropdown.open .nav-popover,.user-menu.open .user-popover{display:block}
.nav-popover a,.user-popover a{display:block;padding:9px 10px;border-radius:7px;color:#344b5c;font-size:13px;font-weight:750}
.nav-popover a:hover,.user-popover a:hover{background:#f0f8f8;color:var(--teal)}
.user-menu{margin-left:auto}
.user-trigger{border:1px solid var(--line);border-radius:9px;background:#fff;padding:7px 10px;color:var(--navy);font:800 13px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.user-popover{left:auto;right:0}
@media(max-width:850px){
  .header-nav{position:relative;min-height:48px}
  .menu{display:flex;align-items:center;justify-content:center;margin-right:8px;width:44px;height:42px}
  .primary-nav{display:none!important;position:absolute;top:48px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px max(5vw,24px) 14px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px #071d3310}
  .primary-nav.open{display:flex!important}
  .primary-nav>a,.nav-trigger{text-align:left}
  .nav-dropdown{width:100%}
  .nav-popover{position:static;box-shadow:none;border:0;padding:0 0 0 14px}
  .nav-popover a{padding:8px 10px}
}
/* Compact secondary navigation; it leaves the existing page design untouched. */
header{padding:0 max(5vw,24px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-top{min-height:58px;display:flex;align-items:center;justify-content:space-between}
.header-nav{min-height:44px;display:flex;align-items:center;border-top:1px solid #eef3f4}
.primary-nav{display:flex;gap:5px;align-items:center}
.primary-nav>a,.nav-trigger{padding:8px 11px;border:0;background:transparent;font:800 13px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#344b5c;white-space:nowrap;cursor:pointer}
.primary-nav>a:hover,.nav-trigger:hover{color:var(--teal);background:#f0f8f8;border-radius:8px}
.nav-login{color:var(--teal)!important}
.nav-dropdown,.user-menu{position:relative}
.nav-popover,.user-popover{display:none;position:absolute;z-index:30;top:calc(100% + 8px);left:0;min-width:190px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.nav-dropdown.open .nav-popover,.user-menu.open .user-popover{display:block}
.nav-popover a,.user-popover a{display:block;padding:9px 10px;border-radius:7px;color:#344b5c;font-size:13px;font-weight:750}
.nav-popover a:hover,.user-popover a:hover{background:#f0f8f8;color:var(--teal)}
.user-menu{margin-left:auto}
.user-trigger{border:1px solid var(--line);border-radius:9px;background:#fff;padding:7px 10px;color:var(--navy);font:800 13px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.user-popover{left:auto;right:0}
@media(max-width:850px){
  .header-nav{position:relative}
  .menu{display:block;margin-right:8px}
  .primary-nav{display:none;position:absolute;top:44px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px max(5vw,24px) 14px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px #071d3310}
  .primary-nav.open{display:flex}
  .primary-nav>a,.nav-trigger{text-align:left}
  .nav-dropdown{width:100%}
  .nav-popover{position:static;box-shadow:none;border:0;padding:0 0 0 14px}
  .nav-popover a{padding:8px 10px}
}