.top{position:sticky;top:0;z-index:50;background:#f4f8e9;border-bottom:2px solid var(--green);box-shadow:0 3px 12px rgba(29,29,31,.08)}

.top .nav{font-size:16px;font-weight:700;gap:16px}

.top .nav a{color:var(--ink);white-space:nowrap}

.top .nav a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:3px;text-underline-offset:7px}

@media(max-width:1350px){

  .top .menu-btn{display:flex}

  .top .nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px 24px 20px;border-bottom:1px solid #ececec;box-shadow:0 12px 24px rgba(0,0,0,.06);max-height:calc(100dvh - 68px);overflow-y:auto}

  .top .nav.open{display:flex}

  .top .nav a{padding:14px 0;font-size:18px;border-bottom:1px solid #f0f0f0}

}