/* Quiet utility navigation, with a consistent touch and keyboard target. */
.header .header-actions{gap:6px;flex-shrink:0}
.header .header-actions .nav-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;max-width:none;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:inherit;cursor:pointer;text-decoration:none;transition:color .18s,background .18s,border-color .18s}
.header .nav-icon svg{display:block;width:21px;height:21px;flex-shrink:0;pointer-events:none}
.header .header-actions .nav-icon:hover{color:#e0c994;background:#ffffff09;border-color:#d6be892e}
.header .header-actions .nav-icon:focus-visible{outline:2px solid #d6be89;outline-offset:3px}
.header .nav-count{position:absolute;top:1px;right:0;min-width:16px;height:16px;padding-inline:4px;border-radius:10px;background:#d6be89;color:#102030;font-size:10px;font-weight:600;line-height:16px;text-align:center;pointer-events:none}
.header .nav-count:empty{display:none}
@media(prefers-reduced-motion:reduce){.header .header-actions .nav-icon{transition:none}}

@media(max-width:900px){.header .header-actions{display:flex;margin-left:auto;gap:0}.header .header-actions>:not(.account-link){display:none}.header,.home-page .header{gap:12px}}
@media(max-width:500px){.header .brand,.home-page .header .brand{width:clamp(120px,40vw,180px);flex-basis:clamp(120px,40vw,180px)}.header .brand-logo,.home-page .header .brand-logo{width:100%}.header,.home-page .header{gap:8px}}