/* Header captions sit outside the icon buttons so profile avatars and badges keep their own frame. */
#main-header .header-actions{gap:7px;align-items:start}
#main-header .header-shortcut{display:grid;grid-template-rows:35px 11px;justify-items:center;align-items:center;row-gap:6px;width:44px;flex:0 0 44px;min-width:0}
#main-header .header-shortcut>.hbtn{flex-shrink:0}
#main-header .header-shortcut-label{display:block;margin:0;padding:0;color:#c5ad7a;font:600 8px/11px 'DM Sans',sans-serif;letter-spacing:.55px;text-align:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .2s}
#main-header .header-shortcut:has(>.hbtn:hover)>.header-shortcut-label,#main-header .header-shortcut:has(>.hbtn:focus-visible)>.header-shortcut-label{color:var(--gold-pale)}
@media(max-width:380px){
  #main-header{padding-inline:14px;gap:10px}
  #main-header .header-actions{gap:5px}
  #main-header .header-shortcut{width:40px;flex-basis:40px}
}
@media(max-width:349px){
  #main-header{padding-inline:12px;gap:8px}
}