/* Menu button and drop-down menu for phones and tablets (shared by every page). */
.menu-btn{display:none}
.top-actions{display:flex;align-items:center;gap:.5rem;flex:none}
@media (max-width:980px){
  nav{display:none}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;padding:0}
  .menu-btn svg{width:20px;height:20px}
  .menu-btn .i-close{display:none}
  header.top.open .menu-btn .i-open{display:none}
  header.top.open .menu-btn .i-close{display:block}
  header.top.open nav{display:block;position:absolute;left:0;right:0;top:100%;background:var(--ground);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -18px rgba(0,0,0,.25);padding:.4rem 16px 1rem;max-height:calc(100vh - 70px);overflow:auto}
  header.top.open nav ul{flex-direction:column;gap:0;max-width:1120px;margin-inline:auto}
  header.top.open nav a{display:block;padding:.9rem .2rem;font:600 1.15rem/1.2 var(--body);color:var(--ink);border-bottom:1px solid var(--line)}
  header.top.open nav li:last-child a{border-bottom:0}
}
@media (max-width:380px){.top .btn{padding:.55rem .8rem;font-size:.86rem}}
/* anchor targets land below the sticky header */
section[id],[id].card{scroll-margin-top:76px}