/* Shared navigation follows worldsleep.net homepage, isolated from page styles. */
/* Font faces are loaded once, early in the public document head. */

[data-worldsleep-nav] {font-family:'Noto Sans SC','Noto Sans TC',sans-serif !important; font-size:16px !important;line-height:normal !important;box-sizing:border-box !important;}
[data-worldsleep-nav] * {box-sizing:border-box !important;line-height:normal !important;}
.site-header[data-worldsleep-nav] {left:0 !important;transform:none !important;zoom:var(--ws-nav-zoom,1) !important;width:var(--ws-nav-width,100%) !important; margin:0 !important;border:0 !important;}
[data-worldsleep-nav] .nav-container {flex-wrap:nowrap !important;gap:0 !important;}
[data-worldsleep-nav] .main-nav {flex:1 1 auto !important;}
[data-worldsleep-nav] .main-nav ul {flex-wrap:nowrap !important;}
[data-worldsleep-nav] .main-nav a {line-height:normal !important;}
[data-worldsleep-nav] .main-nav > ul > li > a {display:inline !important;min-height:0 !important;}
[data-worldsleep-nav] .main-nav > ul > li:last-child > a {font-weight:700 !important;}
[data-worldsleep-nav] .main-nav > ul > li:last-child > ul {left:auto !important;right:0 !important;transform:none !important;}
[data-worldsleep-nav] .main-nav li:focus-within > ul {display:flex !important;}
[data-worldsleep-nav] .main-nav li ul li {padding:0 !important;margin:0 !important;}
[data-worldsleep-nav] .main-nav li ul {width:auto !important;max-width:none !important;}
[data-worldsleep-nav] .main-nav li ul a {white-space:nowrap !important;}
[data-worldsleep-nav] .mobile-lang-dropdown.open {display:block !important;}
[data-worldsleep-nav] a:focus-visible,[data-worldsleep-nav] button:focus-visible {outline:2px solid #cba174 !important;outline-offset:4px !important;}

@media (min-width:1200px) {
.site-header[data-worldsleep-nav] {padding:32px 0 !important;position:fixed !important;width:100% !important;top:0 !important;z-index:99999 !important;background-color:transparent !important;transition:background-color .3s ease,padding .3s ease !important;overflow:visible !important;}
.site-header[data-worldsleep-nav].scrolled {background:linear-gradient(135deg,rgba(15,23,42,.9) 0,rgba(30,41,59,.9) 100%) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;padding:16px 0 !important;box-shadow:0 4px 30px rgba(0,0,0,.1) !important;border-bottom:1px solid rgba(255,255,255,.05) !important;}
[data-worldsleep-nav] .nav-container {display:flex !important;justify-content:space-between !important;align-items:center !important;max-width:1920px !important;margin:0 auto !important;padding:0 100px 0 40px !important;width:100% !important;height:100% !important;box-sizing:border-box !important;}
[data-worldsleep-nav] .logo {position:static !important;transform:none !important;z-index:10 !important;flex-shrink:0 !important;margin-right:40px !important;}
[data-worldsleep-nav] .main-nav {position:relative !important;z-index:5 !important;flex-grow:1 !important;display:flex !important;justify-content:center !important;}
[data-worldsleep-nav] .logo a {font-family:'Noto Serif SC','Noto Serif TC',Georgia,'Times New Roman',serif !important;font-size:41.6px !important;font-weight:700 !important;color:#fff !important;letter-spacing:-.5px !important;text-shadow:0 2px 4px rgba(0,0,0,.1) !important;text-decoration:none !important;white-space:nowrap !important;}
[data-worldsleep-nav] .main-nav ul {display:flex !important;gap:48px !important;list-style:none !important;margin:0 !important;padding:0 !important;}
[data-worldsleep-nav] .main-nav a {font-family:'Noto Sans SC','Noto Sans TC',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang TC','Microsoft JhengHei','Microsoft YaHei',sans-serif !important;color:rgba(255,255,255,.9) !important;font-size:20.8px !important;text-transform:uppercase !important;letter-spacing:2px !important;font-weight:500 !important;position:relative !important;padding:5px 0 !important;transition:all .3s ease !important;text-decoration:none !important;white-space:nowrap !important;}
[data-worldsleep-nav] .main-nav a::after {content:'' !important;position:absolute !important;bottom:0 !important;left:0 !important;width:0 !important;height:1.5px !important;background:#fff !important;transition:width .3s ease !important;opacity:.8 !important;}
[data-worldsleep-nav] .main-nav a:hover {color:#fff !important;}
[data-worldsleep-nav] .main-nav a:hover::after,
[data-worldsleep-nav] .main-nav a.active::after,
[data-worldsleep-nav] .main-nav li.active>a::after {width:100% !important;}
[data-worldsleep-nav] .main-nav li {position:relative !important;padding-bottom:20px !important;margin-bottom:-20px !important;}
[data-worldsleep-nav] .main-nav li ul {display:none !important;position:absolute !important;top:100% !important;left:50% !important;transform:translateX(-50%) !important;background:rgba(15,23,42,.95) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;padding:12px 0 !important;border-radius:6px !important;box-shadow:0 10px 30px rgba(0,0,0,.2) !important;border:1px solid rgba(255,255,255,.08) !important;min-width:180px !important;flex-direction:column !important;gap:0 !important;}
[data-worldsleep-nav] .main-nav li.active ul,
[data-worldsleep-nav] .main-nav li:hover ul {display:flex !important;}
[data-worldsleep-nav] .main-nav li ul a {display:block !important;padding:10px 24px !important;font-size:13.6px !important;color:rgba(255,255,255,.8) !important;text-transform:none !important;letter-spacing:.5px !important;white-space:nowrap !important;text-align:left !important;}
[data-worldsleep-nav] .main-nav li ul a::after {display:none !important;}
[data-worldsleep-nav] .main-nav li ul a:hover {background:rgba(255,255,255,.05) !important;color:#fff !important;padding-left:28px !important;}
.mobile-navbar[data-worldsleep-nav],
.mobile-only[data-worldsleep-nav] {display:none !important;}

}

@media (min-width:768px) and (max-width:1199px) {
.site-header[data-worldsleep-nav] {padding:32px 0 !important;position:fixed !important;width:100% !important;top:0 !important;z-index:99999 !important;background-color:transparent !important;transition:background-color .3s ease,padding .3s ease !important;overflow:visible !important;}
.site-header[data-worldsleep-nav].scrolled {background:linear-gradient(135deg,rgba(15,23,42,.9) 0,rgba(30,41,59,.9) 100%) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;padding:16px 0 !important;box-shadow:0 4px 30px rgba(0,0,0,.1) !important;border-bottom:1px solid rgba(255,255,255,.05) !important;}
[data-worldsleep-nav] .nav-container {display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;margin-left:30px !important;overflow:visible !important;}
[data-worldsleep-nav] .logo {justify-self:start !important;}
[data-worldsleep-nav] .main-nav {justify-self:center !important;}
[data-worldsleep-nav] .nav-actions {justify-self:end !important;}
[data-worldsleep-nav] .logo a {font-family:'Noto Serif SC',serif !important;font-size:32px !important;font-weight:700 !important;color:#fff !important;letter-spacing:-.5px !important;}
[data-worldsleep-nav] .main-nav ul {display:flex !important;gap:64px !important;list-style:none !important;margin:0 !important;padding:0 !important;}
[data-worldsleep-nav] .main-nav a {color:rgba(255,255,255,.9) !important;font-size:16px !important;text-transform:uppercase !important;letter-spacing:1px !important;font-weight:500 !important;}
[data-worldsleep-nav] .main-nav a:hover {color:#fff !important;}
[data-worldsleep-nav] .main-nav li {position:relative !important;padding-bottom:20px !important;margin-bottom:-20px !important;}
[data-worldsleep-nav] .main-nav li ul {display:none !important;position:absolute !important;top:100% !important;left:50% !important;transform:translateX(-50%) !important;background:linear-gradient(135deg,rgba(15,23,42,.95) 0,rgba(30,41,59,.95) 100%) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;padding:15px 0 !important;border-radius:8px !important;box-shadow:0 10px 40px rgba(0,0,0,.3) !important;border:1px solid rgba(255,255,255,.1) !important;min-width:200px !important;flex-direction:column !important;gap:0 !important;z-index:9999 !important;}
[data-worldsleep-nav] .main-nav li.active ul,
[data-worldsleep-nav] .main-nav li:hover ul {display:flex !important;}
[data-worldsleep-nav] .main-nav li ul li {width:100% !important;padding:0 !important;margin:0 !important;}
[data-worldsleep-nav] .main-nav li ul a {display:block !important;padding:12px 25px !important;font-size:14.4px !important;color:rgba(255,255,255,.8) !important;text-transform:none !important;letter-spacing:.5px !important;white-space:nowrap !important;transition:all .2s !important;text-align:left !important;}
[data-worldsleep-nav] .main-nav li ul a:hover {background:rgba(255,255,255,.1) !important;color:#fff !important;padding-left:30px !important;}
.mobile-navbar[data-worldsleep-nav],
.mobile-only[data-worldsleep-nav] {display:none !important;}
[data-worldsleep-nav] .nav-container {display:flex !important;position:relative !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:10px !important;margin-left:0 !important;padding:0 20px !important;width:100% !important;box-sizing:border-box !important;}
[data-worldsleep-nav] .logo {font-size:clamp(24px, 4vw, 32px) !important;margin-bottom:0 !important;}
[data-worldsleep-nav] .main-nav {width:100% !important;display:flex !important;justify-content:center !important;}
[data-worldsleep-nav] .main-nav ul {display:flex !important;justify-content:center !important;gap:clamp(2px,1vw,10px) !important;flex-wrap:nowrap !important;width:100% !important;padding-right:0 !important;}
[data-worldsleep-nav] .main-nav>ul>li:last-child {position:absolute !important;top:5px !important;right:20px !important;padding-bottom:0 !important;margin-bottom:0 !important;}
[data-worldsleep-nav] .main-nav>ul>li:last-child ul {left:auto !important;right:0 !important;transform:none !important;}
[data-worldsleep-nav] .main-nav>ul>li>a {font-size:clamp(13.6px, 1.5vw, 17.6px) !important;padding:5px 4px !important;letter-spacing:normal !important;white-space:nowrap !important;}

}

@media (max-width:767px) {
.site-header[data-worldsleep-nav] {display:none !important;}
.mobile-only[data-worldsleep-nav] {display:block !important;}
[data-worldsleep-nav] {--mobile-nav-height:56px !important;--mobile-primary:#0a1128 !important;--mobile-secondary:#cba174 !important;}
.mobile-navbar[data-worldsleep-nav] {position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:var(--mobile-nav-height) !important;background-color:rgba(10,17,40,.8) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 16px !important;gap:16px !important;z-index:9999 !important;box-shadow:0 2px 10px rgba(0,0,0,.1) !important;box-sizing:border-box !important;transition:background-color .3s ease,padding .3s ease !important;}
.mobile-navbar[data-worldsleep-nav].scrolled {background-color:rgba(10,17,40,.95) !important;box-shadow:0 4px 15px rgba(0,0,0,.2) !important;}
[data-worldsleep-nav] .mobile-logo {font-family:'Noto Serif SC',serif !important;color:#fff !important;font-size:20px !important;font-weight:700 !important;text-decoration:none !important;white-space:nowrap !important;position:relative !important;left:auto !important;top:auto !important;transform:none !important;padding:0 !important;margin:0 !important;z-index:10001 !important;display:flex !important;align-items:center !important;line-height:1 !important;}
[data-worldsleep-nav] .mobile-hamburger {width:48px !important;max-width:48px !important;min-width:48px !important;height:48px !important;min-height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;background:0 0 !important;border:none !important;cursor:pointer !important;padding:0 !important;flex-shrink:0 !important;margin:0 !important;position:relative !important;right:auto !important;top:auto !important;transform:none !important;box-shadow:none !important;}
[data-worldsleep-nav] .mobile-hamburger svg {width:28px !important;height:28px !important;stroke:var(--mobile-secondary) !important;stroke-width:3 !important;}
.mobile-drawer-overlay[data-worldsleep-nav] {position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100vh !important;background-color:rgba(0,0,0,.5) !important;z-index:9998 !important;opacity:0 !important;visibility:hidden !important;transition:opacity .3s ease-out !important;}
.mobile-drawer-overlay[data-worldsleep-nav].active {opacity:1 !important;visibility:visible !important;}
.mobile-drawer[data-worldsleep-nav] {position:fixed !important;top:0 !important;right:0 !important;width:80% !important;max-width:300px !important;height:100vh !important;height:100dvh !important;background-color:rgba(10,17,40,.95) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;z-index:9998 !important;transform:translateX(100%) !important;transition:transform .3s ease-out,visibility 0s .3s !important;display:flex !important;flex-direction:column !important;padding-top:var(--mobile-nav-height) !important;box-shadow:-5px 0 15px rgba(0,0,0,.2) !important;visibility:hidden !important;box-sizing:border-box !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;}
.mobile-drawer[data-worldsleep-nav].active {transform:translateX(0) !important;visibility:visible !important;transition:transform .3s ease-out,visibility 0s 0s !important;}
[data-worldsleep-nav] .mobile-drawer-nav {list-style:none !important;padding:24px 0 !important;margin:0 !important;flex:1 !important;min-height:0 !important;padding-bottom:calc(150px + env(safe-area-inset-bottom)) !important;}
[data-worldsleep-nav] .mobile-drawer-item {display:block !important;border-bottom:1px solid rgba(255,255,255,.05) !important;}
[data-worldsleep-nav] .mobile-drawer-link {display:block !important;padding:18px 24px !important;color:#fff !important;text-decoration:none !important;font-size:16px !important;font-weight:500 !important;transition:background .2s !important;border-bottom:1px solid rgba(255,255,255,.05) !important;}
[data-worldsleep-nav] .mobile-drawer-link:active {background-color:rgba(255,255,255,.1) !important;color:var(--mobile-secondary) !important;}
[data-worldsleep-nav] .mobile-drawer-sub-menu {background-color:rgba(0,0,0,.2) !important;display:none !important;margin:0 !important;padding:0 !important;list-style:none !important;}
[data-worldsleep-nav] .mobile-drawer-item.has-children.open .mobile-drawer-sub-menu {display:block !important;}
[data-worldsleep-nav] .mobile-drawer-sub-link {padding-left:40px !important;font-size:14.4px !important;color:rgba(255,255,255,.7) !important;}
[data-worldsleep-nav] .mobile-controls {display:flex !important;align-items:center !important;gap:15px !important;margin-left:auto !important;}
[data-worldsleep-nav] .mobile-lang-container {position:relative !important;z-index:99999 !important;margin-right:15px !important;display:flex !important;align-items:center !important;}
[data-worldsleep-nav] .mobile-lang-toggle {background:0 0 !important;color:#fff !important;border:none !important;padding:4px 0 !important;border-radius:4px !important;font-family:'Noto Serif SC',serif !important;font-size:15.2px !important;cursor:pointer !important;display:flex !important;align-items:center !important;gap:4px !important;height:32px !important;width:auto !important;white-space:nowrap !important;margin-top:3px !important;}
[data-worldsleep-nav] .mobile-lang-toggle:active {background:rgba(255,255,255,.2) !important;}
[data-worldsleep-nav] .mobile-lang-dropdown {display:none !important;position:absolute !important;top:100% !important;right:-10px !important;margin-top:8px !important;background:rgba(10,17,40,.98) !important;list-style:none !important;padding:8px 0 !important;border-radius:6px !important;width:140px !important;box-shadow:0 4px 20px rgba(0,0,0,.4) !important;border:1px solid rgba(255,255,255,.15) !important;z-index:100000 !important;}
[data-worldsleep-nav] .mobile-lang-dropdown li {display:block !important;margin:0 !important;}
[data-worldsleep-nav] .mobile-lang-dropdown li a {display:block !important;padding:10px 20px !important;color:#fff !important;text-decoration:none !important;font-size:15.2px !important;transition:background .2s !important;text-align:left !important;}
[data-worldsleep-nav] .mobile-lang-dropdown li a:active {background:rgba(255,255,255,.1) !important;color:var(--mobile-secondary) !important;}
[data-worldsleep-nav] .lang-switch:active,
[data-worldsleep-nav] .lang-switch:hover {background:rgba(255,255,255,.1) !important;border-color:#fff !important;}

}

@media (min-width:1200px) {
  .site-header[data-worldsleep-nav] {display:block !important;}
  [data-worldsleep-nav] .nav-container {height:auto !important;flex-direction:row !important;}
  [data-worldsleep-nav] .logo {padding:0 !important; margin:0 40px 0 0 !important;}
  [data-worldsleep-nav] .main-nav > ul > li:last-child {top:auto !important;right:auto !important;}
}
@media (min-width:768px) and (max-width:1199px) {
  .site-header[data-worldsleep-nav] {display:block !important;}
  [data-worldsleep-nav] .nav-container {height:auto !important;max-width:100% !important;margin:0 !important;}
  [data-worldsleep-nav] .logo {margin:0 !important;}
  [data-worldsleep-nav] .main-nav {position:static !important;}
  [data-worldsleep-nav] .main-nav > ul > li:last-child {top:5px !important;}
  [data-worldsleep-nav] .main-nav li ul {width:auto !important;}
}
@media (max-width:767px) {
  .mobile-navbar[data-worldsleep-nav] {height:56px !important;}
  .mobile-drawer[data-worldsleep-nav] {padding-top:56px !important;}
  [data-worldsleep-nav] .mobile-lang-toggle {min-height:44px !important;}
  [data-worldsleep-nav] .mobile-controls {gap:8px !important;}
  [data-worldsleep-nav] .mobile-lang-container {margin-right:0 !important;}
  [data-worldsleep-nav] .mobile-drawer-link.active {color:#cba174 !important;background:rgba(255,255,255,.06) !important;}
}

/* Page controls follow the measured header, including tablet wrapping and desktop zoom. */
html[data-worldsleep-layout],
body[data-worldsleep-layout] {
  /* Clip horizontal overflow without creating a second scroll container for sticky controls. */
  overflow-x:clip;
}
body[data-worldsleep-layout] {
  --wsit-sticky-top:calc(var(--ws-nav-offset) + 16px);
}
[data-worldsleep-sticky] {
  top:calc(var(--ws-nav-offset, 112px) + 16px) !important;
}
.sticky-nav-container[data-worldsleep-sticky],
.conf-nav-sticky-wrapper[data-worldsleep-sticky],
.meeting-action-bar[data-worldsleep-sticky] {
  top:var(--ws-nav-offset, 112px) !important;
}
.sidebar-column[data-worldsleep-sticky],
.action-card[data-worldsleep-sticky] {
  top:calc(var(--ws-nav-offset, 112px) + var(--ws-section-nav-height, 0px) + 16px) !important;
}
.wsit-document-sidebar[data-worldsleep-sticky],
.wsit-toc[data-worldsleep-sticky] {
  max-height:calc(var(--ws-viewport-height, 100vh) - var(--ws-nav-offset, 112px) - 32px);
}
body[data-worldsleep-layout] .section-header,
body[data-worldsleep-layout] #eventsGrid {
  scroll-margin-top:calc(var(--ws-nav-offset, 112px) + 24px);
}
body[data-worldsleep-layout] .sleep-goods-main {
  scroll-margin-top:calc(var(--ws-nav-offset, 112px) + var(--ws-goods-toolbar-height, 0px) + 16px);
}
body[data-worldsleep-layout] .sleep-good-modal,
body[data-worldsleep-layout] .auth-policy-modal {
  z-index:100100;
}
@media (min-width:768px) {
  .site-header[data-worldsleep-nav][data-worldsleep-solid] {
    background:linear-gradient(135deg,#0f172a,#1e293b) !important;
  }
  body[data-worldsleep-layout] .people-main,
  body[data-worldsleep-layout] .auth-main {
    padding-top:max(150px, calc(var(--ws-nav-expanded-offset, 144px) + 32px));
  }
  body[data-worldsleep-layout] .wsit-page {
    padding-top:var(--ws-nav-expanded-offset, 144px);
  }
}
@media (min-width:1020px) {
  body[data-worldsleep-layout] .filter-sidebar {
    top:calc(var(--ws-nav-offset, 112px) + 16px) !important;
    max-height:calc(var(--ws-viewport-height, 100vh) - var(--ws-nav-offset, 112px) - 32px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}
@media (max-width:1019px) {
  body[data-worldsleep-layout] .filter-sidebar {
    top:var(--ws-nav-offset, 56px) !important;
    height:calc(var(--ws-viewport-height, 100vh) - var(--ws-nav-offset, 56px)) !important;
    max-height:calc(var(--ws-viewport-height, 100vh) - var(--ws-nav-offset, 56px)) !important;
  }
}