.header-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.header-actions .site-menu > summary { width: 44px; height: 44px; padding: 0; border: 1px solid #E5E1D8; border-radius: 50%; background: white; }
.header-actions .site-menu > summary:hover, .header-actions .site-menu[open] > summary { background: #F0EBE2; }
.header-actions .site-menu[open] > summary svg { transform: none; }
.header-actions .site-menu nav { min-width: 190px; }
.header-actions .site-menu nav > button, .header-actions .site-menu nav > a { display: flex; align-items: center; gap: 10px; }
.header-actions .site-menu nav > button svg, .header-actions .site-menu nav > a svg { flex: 0 0 16px; }
.add-menu { position: relative; z-index: 6; font-size: 14px; }
.add-menu > summary { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 16px; border-radius: 999px; background: #2A2824; color: white; font-weight: 600; list-style: none; cursor: pointer; }
.add-menu > summary::-webkit-details-marker { display: none; }
.add-menu > summary:hover { background: #423E36; }
.add-menu > summary:focus-visible { outline: 2px solid #514D45; outline-offset: 3px; }
.add-menu nav { position: absolute; right: 0; top: calc(100% + 6px); min-width: 180px; padding: 6px; border: 1px solid #E5E1D8; border-radius: 12px; background: #FDFCF8; box-shadow: 0 8px 24px #2A282415; }
.add-menu nav a { display: flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 8px; color: inherit; font-weight: 600; text-decoration: none; white-space: nowrap; }
.add-menu nav a:hover { background: #F0EBE2; }
@media(max-width:380px) {
  .masthead .brand { font-size: 13px; letter-spacing: .12em; gap: 6px; }
  .masthead .brand svg { width: 24px; height: 28px; }
}