.nav-menu{align-items:center;gap:2px;margin-left:16px;position:relative}.nav-trigger{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:13.5px;transition:background-color .12s,color .12s;display:inline-flex}.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:var(--fg);background:var(--surface2)}.header-nav a.nav-link{color:var(--muted)}.header-nav a.nav-link:hover{color:var(--fg)}.nav-chevron{opacity:.7;transition:transform .16s}.nav-trigger[aria-expanded=true] .nav-chevron,.nav-sheet-section[open]>summary .nav-chevron{transform:rotate(180deg)}.nav-panel{z-index:30;position:absolute;top:calc(100% + 12px);left:0}.nav-panel:before{content:"";height:14px;position:absolute;inset:-14px 0 auto}.nav-panel-inner{grid-template-columns:repeat(var(--cols,2), minmax(296px, auto));background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:8px 24px;padding:18px;animation:.16s ease-out nav-in;display:grid;box-shadow:0 12px 32px -12px #0000002e,0 1px 2px #0000000a}.nav-panel-inner[data-cols="3"]{grid-template-columns:repeat(2,minmax(250px,auto)) 250px}body.dark .nav-panel-inner{box-shadow:0 16px 40px -12px #000c}@keyframes nav-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group-title{color:var(--faint);margin:0 0 6px 8px;font-size:12px}.nav-item{color:var(--fg);border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.header-nav .nav-item{color:var(--fg)}.nav-item:hover{background:var(--surface2);color:var(--fg)}.nav-item-icon{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--fg);border-radius:9px;flex:none;place-items:center;display:grid}.nav-item:hover .nav-item-icon{border-color:var(--border2)}.nav-item-compact .nav-item-icon{border-radius:7px;width:28px;height:28px}.nav-item-body{flex-direction:column;min-width:0;line-height:1.35;display:flex}.nav-item-label{font-size:13.5px;font-weight:500}.nav-item-text{color:var(--muted);font-size:12.5px}.nav-latest{background:var(--surface2);color:var(--fg);border-radius:10px;flex-direction:column;gap:6px;max-width:260px;padding:14px;display:flex}.header-nav a.nav-latest{color:var(--fg)}.nav-latest .nav-group-title{margin:0}.nav-latest-date{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:11.5px}.nav-latest-title{font-weight:500}.nav-latest-text{color:var(--muted);font-size:12.5px;line-height:1.5}.nav-latest-more{margin-top:auto;font-size:12.5px;font-weight:500}.nav-latest:hover .nav-latest-more{color:var(--blue)}.nav-panel-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 14px;margin-top:6px;padding:12px 8px 0;font-size:12.5px;display:flex}.header-nav .nav-panel-footer a{color:var(--fg);font-weight:500}.header-nav .nav-panel-footer a:hover{color:var(--blue)}.nav-burger{display:none}.nav-sheet{z-index:25;background:var(--surface);border-top:1px solid var(--border);padding:8px 16px 32px;position:fixed;inset:56px 0 0;overflow-y:auto}.nav-sheet[hidden]{display:none}body.nav-sheet-open{overflow:hidden}.nav-sheet-section{border-bottom:1px solid var(--border)}.nav-sheet-section>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;font-size:16px;font-weight:500;list-style:none;display:flex}.nav-sheet-section>summary::-webkit-details-marker{display:none}.nav-sheet-section .nav-group{padding-bottom:12px}.nav-sheet-link{border-bottom:1px solid var(--border);align-items:center;min-height:52px;font-size:16px;font-weight:500;display:flex}@media (max-width:1080px){.nav-panel-inner[data-cols="3"]{grid-template-columns:repeat(2,minmax(250px,auto))}.nav-latest{display:none}}@media (max-width:860px){.header-inner .icon-button.nav-burger{display:inline-flex}.header-pricing{display:none!important}}@media (max-width:640px){.nav-sheet{inset:60px 0 0}}@media (prefers-reduced-motion:reduce){.nav-panel-inner{animation:none}.nav-chevron{transition:none}}
