.site-header nav a{position:relative;padding:9px 12px;border:2px solid transparent;border-radius:11px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.site-header nav a:hover{color:var(--ink);background:rgba(255,255,255,.55)}
.site-header nav a.is-active{color:var(--ink);background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translateY(-2px)}
.site-header nav a.is-active::after{content:"";position:absolute;left:50%;bottom:-9px;width:6px;height:6px;background:var(--coral);border:2px solid var(--ink);border-radius:50%;transform:translateX(-50%)}
@media(max-width:900px){.site-header nav a{padding:12px 14px}.site-header nav a.is-active{transform:none}.site-header nav a.is-active::after{left:auto;right:12px;bottom:50%;transform:translateY(50%)}}