#menu-toggle{display:inline-grid;flex-shrink:0}
@media(min-width:1001px){body:has(.day-ocean) .breadcrumb{margin-right:auto}}
.brand-wordmark{width:96.2222px;height:32px;object-fit:contain}
.brand-wordmark--dark{display:none}
html[data-theme="dark"] .brand-wordmark--light{display:none}
html[data-theme="dark"] .brand-wordmark--dark{display:block}
@media(min-width:701px){
  html[data-sidebar-collapsed]{--site-sidebar-width:72px}
  html[data-sidebar-collapsed] .sidebar{width:72px;padding:26px 10px 24px}
  html[data-sidebar-collapsed] .page{margin-left:72px}
  html[data-sidebar-collapsed] .brand{margin:0 0 28px;justify-content:center}
  html[data-sidebar-collapsed] .brand>span,
  html[data-sidebar-collapsed] .nav-label,
  html[data-sidebar-collapsed] .cat-name,
  html[data-sidebar-collapsed] .nav-item b,
  html[data-sidebar-collapsed] .sidebar-label span,
  html[data-sidebar-collapsed] .sidebar-bottom{display:none}
  html[data-sidebar-collapsed] .sidebar-label{font-size:0;margin:15px 8px 10px;padding:0;border-top:1px solid var(--line)}
  html[data-sidebar-collapsed] .nav-item{justify-content:center;gap:0;min-height:44px;padding:10px 5px}
  html[data-sidebar-collapsed] .nav-item>span:first-child{font-size:20px}
}
@media(max-width:1000px){
  body:has(.day-ocean) .topbar{grid-template-columns:auto minmax(0,1fr) auto}
  body:has(.day-ocean) #menu-toggle{grid-column:1;grid-row:1}
  body:has(.day-ocean) .breadcrumb{grid-column:2;grid-row:1}
  body:has(.day-ocean) .header-actions{grid-column:3;grid-row:1}
}
.resource-tooltip{position:fixed;z-index:40;width:max-content;max-width:min(360px,calc(100vw - 24px));padding:10px 13px;border-radius:7px;background:#191b1f;color:#fff;box-shadow:0 5px 20px #0003;font-size:12px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.resource-tooltip-content{max-height:min(300px,40vh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.resource-tooltip::before{content:"";position:absolute;left:var(--arrow-left,50%);width:9px;height:9px;background:#191b1f;transform:translateX(-50%) rotate(45deg)}
.resource-tooltip[data-placement="bottom"]::before{top:-4px}
.resource-tooltip[data-placement="top"]::before{bottom:-4px}
.sidebar-tooltip{--label-bg:#e0e4e6;position:fixed;z-index:45;width:max-content;max-width:220px;padding:10px 14px;border-radius:6px;background:var(--label-bg);color:#35434b;box-shadow:0 3px 12px #142e341a;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.sidebar-tooltip::before{content:"";position:absolute;left:-4px;top:var(--arrow-top,50%);width:9px;height:9px;background:var(--label-bg);transform:translateY(-50%) rotate(45deg)}
html[data-theme="dark"] .sidebar-tooltip{--label-bg:#2d3d49;color:#edf3f7;box-shadow:0 3px 12px #0004}