/* Navegação compacta para telas pequenas. */
@media(max-width:800px){
  body.menu-open{overflow:hidden}
  .site-header.menu-open{background:var(--paper)}
  .site-header.menu-open .desktop-nav{display:flex;position:absolute;top:100%;left:0;width:100%;margin:0;padding:12px 22px 20px;background:var(--paper);flex-direction:column;gap:2px;border-top:1px solid var(--line);box-shadow:0 18px 26px rgba(5,12,53,.1)}
  .site-header.menu-open .desktop-nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
  .site-header.menu-open .desktop-nav a:first-child{margin-bottom:6px;padding:14px 16px;border:0;background:var(--ink);color:var(--white);box-shadow:4px 4px 0 rgba(32,204,230,.55)}
  .site-header.menu-open .desktop-nav a:last-child{border-bottom:0}
  .menu-button{position:relative;z-index:4;align-items:flex-end;cursor:pointer;padding:0}
  .menu-button span{transition:transform .2s ease}
  .site-header.menu-open .menu-button span{position:absolute;right:0;top:50%}
  .site-header.menu-open .menu-button span:first-child{transform:translateY(-50%) rotate(45deg)}
  .site-header.menu-open .menu-button span:last-child{transform:translateY(-50%) rotate(-45deg)}
}