.header-account { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 44px; padding: 8px 12px; border: 1px solid var(--border, #b9b5ae); border-radius: 12px; color: var(--ink, #202020); font-size: 14px; font-weight: 700; text-decoration: none; }
.header-account:hover { border-color: var(--orange, #e8773d); background: color-mix(in srgb, var(--orange, #e8773d) 10%, transparent); }
.header-account:focus-visible { outline: 3px solid var(--orange, #e8773d); outline-offset: 3px; }
.header-account:active { transform: translateY(1px); }
@media (max-width: 720px) { .site-header .brand span { display: none; } .header-account { padding-inline: 9px; } .site-header .header-inner { gap: 8px; } }