/* The collapsed phone masthead is one row. Desktop and Discover's drawer
   deliberately receive no overrides. Expanded navigation retains its tools. */
@media (max-width:767px) {
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top.xb-mast .xb-top-in {
    flex-wrap:nowrap!important;
    column-gap:6px!important;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-brand {
    flex:1 1 auto;
    overflow:hidden;
    gap:6px;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-brand span {
    min-width:0;
    overflow:hidden;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-brand b {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-util {
    flex:0 0 auto!important;
    min-width:0;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-menu {
    flex:0 0 36px;
    width:36px;
    height:38px;
    margin:0;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-user > a[data-xnc-entry] {
    position:relative;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    flex:0 0 36px;
    box-sizing:border-box;
    width:36px;
    height:38px;
    min-width:36px;
    padding:0!important;
    margin:0!important;
    border-radius:50%;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-user > a[data-xnc-entry]::before {
    content:"";
    width:22px;
    height:22px;
    background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");
  }
  /* Keep the anchor's full accessible name; only the visible long label changes. */
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-user > a[data-xnc-entry] > span {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-user > a[data-xnc-entry] > b {
    position:absolute;
    top:0;
    right:-3px;
    pointer-events:none;
    background:#d83c49!important;
    box-shadow:0 0 0 1px #fff;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-user > a[data-xnc-entry]:focus-visible {
    outline:2px solid #fff;
    outline-offset:1px;
  }
}
@media (max-width:359px) {
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-brand span {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
  }
  html body.xb:not(.xbd-page):not(.xb-tools-open) #xb-top .xb-brand {
    min-width:38px;
  }
}