.outline svg{width:15px;height:15px;vertical-align:middle;margin-left:9px}
@media(max-width:960px){
 .header{position:relative;z-index:10;flex-wrap:wrap;gap:0}
 .header .brand{width:min(270px,62vw)}
 .header nav{flex-direction:column;align-items:stretch;gap:0;width:100%;padding:8px 0 0}
 .header nav a{display:block;white-space:normal;padding:14px 16px;font-size:15px;line-height:1.35}
 .header nav a+a{border-top:1px solid var(--line)}
 .header nav a[aria-current]{text-underline-offset:6px}
 .header nav .outline{border:0;border-top:1px solid var(--line);padding:14px 16px}
 .header .menu-button{display:none}
 .js .header .menu-button{display:flex;align-items:center;gap:8px;padding:8px 10px;min-height:44px;border:1px solid var(--line);border-radius:4px}
 .js .header nav{display:none;position:absolute;top:calc(100% + 6px);right:18px;width:min(288px,calc(100% - 36px));padding:4px 0;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 28px #35281920;max-height:65vh;overflow:auto}
 .js .header nav.open{display:flex}
 .menu-button[aria-expanded=true]{background:#eee5d6}
}