.site-nav-toggle{ display:none;} @media (max-width:899px){ .site-header{ position:relative; z-index:100;} .site-nav-toggle{ display:block; margin-left:auto;} .site-nav-toggle summary{ list-style:none; cursor:pointer; width:44px; height:44px; border:1px solid var(--color-border); background:var(--color-bg); border-radius:var(--lod-radius-md,8px); display:flex; align-items:center; justify-content:center;} .site-nav-toggle summary::-webkit-details-marker{ display:none;} .site-nav-toggle summary:focus-visible{ outline:2px solid var(--color-primary-500); outline-offset:2px;} .site-nav-toggle .bars{ position:relative; display:block; width:20px; height:2px; background:var(--color-text);} .site-nav-toggle .bars::before, .site-nav-toggle .bars::after{ content:""; position:absolute; left:0; width:20px; height:2px; background:var(--color-text);} .site-nav-toggle .bars::before{ top:-6px;} .site-nav-toggle .bars::after{ top:6px;} .site-nav-toggle[open] .bars{ background:transparent;} .site-nav-toggle[open] .bars::before{ top:0; transform:rotate(45deg);} .site-nav-toggle[open] .bars::after{ top:0; transform:rotate(-45deg);} .site-nav-toggle .site-nav--mobile{ display:none; position:absolute; top:100%; left:0; right:0; background:var(--color-bg); border-top:1px solid var(--color-divider); border-bottom:2px solid var(--color-primary-500); box-shadow:var(--lod-shadow-md); z-index:60;} .site-nav-toggle[open] .site-nav--mobile{ display:block;} .site-nav--mobile ul{ list-style:none; margin:0; padding:0;} .site-nav--mobile li{ border-bottom:1px solid var(--color-divider);} .site-nav--mobile li:last-child{ border-bottom:0;} .site-nav--mobile a{ display:block; padding:15px 24px; font-weight:600; font-size:var(--lod-text-base,1rem); letter-spacing:0.02em; color:var(--color-text); text-decoration:none;} .site-nav--mobile a:hover, .site-nav--mobile a.active{ color:var(--color-accent); background:var(--color-surface-2);}}