/* Header: logo, links, log in / sign up / log out */
header{position:sticky;top:0;z-index:5;background:rgba(247,244,236,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav{max-width:1180px;margin:auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{display:block;width:118px;max-height:44px;object-fit:contain}
.nav-link{color:var(--pine);font-weight:600;text-decoration:none;font-size:14.5px;padding:6px 2px;border-bottom:1px solid transparent;transition:border-color .2s}
.nav-link:hover{border-bottom-color:var(--brass)}
.nav-link:focus-visible,.nav-cta:focus-visible{outline:3px solid rgba(51,82,63,.4);outline-offset:3px}
.nav-actions{display:flex;align-items:center;gap:26px;margin-left:auto}
.nav-auth{display:flex;align-items:center;gap:18px}
button.nav-link{background:none;border:0;border-bottom:1px solid transparent;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--pine)}
.nav-cta{background:var(--pine);color:#fff;border:0;border-radius:10px;padding:9px 18px;font-weight:600;font-size:14.5px;box-shadow:0 1px 2px rgba(36,60,48,.25);transition:background .2s,box-shadow .2s}
.nav-cta:hover{background:var(--pine-2);box-shadow:0 6px 16px -4px rgba(36,60,48,.35)}
.nav-link.active{border-bottom-color:var(--brass)}
.who{font-size:14.5px;color:var(--muted)}
@media(max-width:560px){.nav-actions{gap:12px}.nav-auth{gap:12px}.nav-link,button.nav-link{font-size:13.5px}.brand img{width:88px}}
@media(max-width:860px){.brand img{width:104px}nav{padding:14px 20px}}
button.who{background:none;border:0;font:inherit;font-size:14.5px;color:var(--muted);cursor:pointer;padding:6px 8px;border-radius:6px;transition:background .18s,color .18s}
button.who:hover{background:var(--sage);color:var(--pine)}
button.who:focus-visible{outline:3px solid rgba(51,82,63,.4);outline-offset:2px}