/* Header sign-in entry point (site-header.js). Shared by every page's header. */
.nav-signin { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 15px; border-radius: 8px; background: #19362e; color: #fff; font-size: .86rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.nav-signin:hover { filter: brightness(1.12); text-decoration: none; }
.nav-signin[aria-current="page"] { background: #2b4c42; }
.nav-account { position: relative; font-size: .86rem; font-weight: 600; }
.nav-account > summary { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 8px 15px; border: 1px solid #adbaa5; border-radius: 8px; background: #fff; cursor: pointer; list-style: none; white-space: nowrap; }
.nav-account > summary::-webkit-details-marker { display: none; }
.nav-account > summary::after { content: "▾"; font-size: .7rem; }
.nav-account-menu { position: absolute; z-index: 20; right: 0; top: calc(100% + 6px); display: grid; gap: 4px; min-width: 210px; max-width: calc(100vw - 36px); padding: 10px; border: 1px solid #d9ded3; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(16, 42, 36, .14); text-align: left; }
.nav-account-menu .who { padding: 4px 6px 8px; border-bottom: 1px solid #d9ded3; color: #56655c; font-weight: 500; font-size: .8rem; overflow-wrap: anywhere; }
.nav-account-menu a, .nav-account-menu button { display: block; width: 100%; min-height: 40px; margin: 0; padding: 8px 6px; border: 0; border-radius: 6px; background: none; color: #1e2925; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.nav-account-menu a:hover, .nav-account-menu button:hover { background: #f1f0ea; }
@media (max-width: 520px) {
  header.nav { gap: 8px; }
  .nav .nav-links { gap: 6px; }
  .nav .social-links { gap: 4px; }
  .nav .social-links a { width: 28px; height: 28px; }
  .nav .nav-cta, .nav-signin, .nav-account > summary { padding: 7px 10px; }
}
@media (max-width: 360px) { .nav .social-links { display: none; } }