.mhPageHeader{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.mhPageHeader>div:first-child{flex:auto;min-width:0}.mhPageTitle{letter-spacing:.0125em;margin:0;font-size:1.25rem;font-weight:600;line-height:1.25}.mhSidebar{max-height:100vh;padding:var(--space-4) var(--space-3) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.mhSidebarBrand{padding:var(--space-1) var(--space-2) var(--space-3)}.mhSidebarBrand__label{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.mhNav{gap:var(--space-1);flex-direction:column;display:flex}.mhNavGroup{margin-top:var(--space-3);flex-direction:column;gap:1px;display:flex}.mhNavGroup:first-child{margin-top:0}.mhNavGroupLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 var(--space-2);margin-bottom:var(--space-1);font-size:10px;font-weight:700}summary.mhNavGroupLabel{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);margin-bottom:0;list-style:none;display:flex}summary.mhNavGroupLabel::-webkit-details-marker{display:none}summary.mhNavGroupLabel::marker{content:""}summary.mhNavGroupLabel:after{content:"";background-color:color-mix(in srgb, var(--muted), transparent 15%);width:.75rem;height:.75rem;transition:transform var(--motion-exit) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);flex:0 0 .75rem;transform:rotate(-90deg);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") 50%/.7rem .7rem no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") 50%/.7rem .7rem no-repeat}summary.mhNavGroupLabel:hover{background:var(--surface-elevated);color:var(--text)}summary.mhNavGroupLabel:hover:after{background-color:var(--text)}summary.mhNavGroupLabel:focus-visible{box-shadow:var(--focus);outline:none}.mhNavGroup[open]>summary.mhNavGroupLabel:after{transform:none}.mhNavItem{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-soft);transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);min-height:var(--size-control-sm);font-weight:500;text-decoration:none;display:flex}.mhNavItem:hover{background:var(--surface-elevated);color:var(--text)}.mhNavItem.is-active{background:var(--lightningcss-light,var(--panel))var(--lightningcss-dark,var(--panel-2));color:var(--text);font-weight:600}.mhNavItem__icon{opacity:.7;stroke-width:1.75px;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.mhNavItem__icon svg{stroke-width:1.75px;width:1rem;height:1rem}.mhNavItem.is-active .mhNavItem__icon{opacity:1}.mhNavItem__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mhNavItem__wip{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:color-mix(in srgb, var(--muted) 12%, transparent);padding:1px var(--space-1);border-radius:3px;flex-shrink:0;font-size:9px;font-weight:700}.mhNavItemRow{align-items:center;gap:var(--space-1);display:flex}.mhNavItemRow .mhNavItem{flex:1;min-width:0}.mhNavExpandToggle{width:var(--size-control-sm);height:var(--size-control-sm);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mhNavExpandToggle:hover{background:var(--surface-elevated);color:var(--text)}.mhNavExpandToggle svg{stroke-width:1.75px;width:.875rem;height:.875rem;transition:transform var(--motion-fast) var(--ease-standard)}.mhNavExpandToggle.is-open svg{transform:rotate(180deg)}.mhNavSubgroup{padding-left:var(--space-4);flex-direction:column;gap:1px;display:flex}.mhNavItem--sub{font-size:var(--text-xs)}.mhMain{min-width:0;padding:var(--space-4) var(--space-5) var(--space-8);flex-direction:column;gap:0;display:flex}.mhContent{gap:var(--space-4);flex-direction:column;display:flex;position:relative}.mhTimeControls{z-index:var(--z-sticky);background:var(--surface-app);border-bottom:var(--border-width) solid var(--border-subtle);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-5)) 0;padding:var(--space-2) var(--space-5);align-self:stretch;position:sticky;top:48px}@media (width<=56rem){.mhSidebar{border-right:none;border-bottom:var(--border-width) solid var(--border-subtle);max-height:none;padding:var(--space-2) var(--space-3);scrollbar-width:none;position:static;overflow-x:auto}.mhNav{gap:var(--space-1);flex-direction:row}.mhNavGroup{gap:var(--space-0);flex-direction:row;margin-top:0}.mhNavGroupLabel,summary.mhNavGroupLabel{display:none}.mhNavItem{white-space:nowrap;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);flex-shrink:0}.mhNavItem__icon,.mhNavItem__wip,.mhSidebarBrand{display:none}.mhMain{padding:var(--space-3) var(--space-3) var(--space-6)}.mhTimeControls{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) 0}}