/* Short labels clarify the four desktop utility actions without changing the main chapters. */
.uh-header .uh-header__shop,
.uh-header .uh-header__location > summary,
.uh-header .uh-header__notices > summary,
.uh-header .uh-header__account > summary,
.uh-header .uh-header__login { position:relative; }

.uh-header .uh-header__shop .uh-header__tool-label,
.uh-header .uh-header__location > summary .uh-header__tool-label,
.uh-header .uh-header__notices > summary .uh-header__tool-label,
.uh-header .uh-header__account > summary .uh-header__tool-label,
.uh-header .uh-header__login .uh-header__tool-label {
  position:absolute;
  top:calc(100% + 5px);
  left:50%;
  display:block;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  overflow:visible;
  clip:auto;
  border:0;
  background:none;
  color:#e5cbc5;
  font:800 9px/1.1 Arial,Helvetica,sans-serif;
  letter-spacing:.065em;
  text-align:center;
  white-space:nowrap;
  transform:translateX(-50%);
  pointer-events:none;
}
.uh-header .uh-header__shop .uh-header__tool-label { color:#f5b586; }
.uh-header .uh-header__location > summary .uh-header__tool-label { color:#ff9ca0; }
.uh-header .uh-header__tools :is(a,summary):hover .uh-header__tool-label { color:#fff; }

/* Give each editorial chapter its own clear column on wide screens. */
@media(min-width:1421px) {
  .uh-header .uh-nav { gap:14px; margin-left:50px; }
  .uh-header .uh-nav a,
  .uh-header .uh-nav a:nth-of-type(4) {
    flex:0 0 104px;
    min-width:104px;
    max-width:104px;
    min-height:58px;
    gap:6px;
    font-size:10px;
    line-height:1.2;
  }
  .uh-header .uh-nav a svg { width:20px; height:20px; }
  .uh-header .uh-header__tools { gap:18px; }
}
@media(min-width:1201px) and (max-width:1420px) {
  .uh-header .uh-nav { gap:9px; margin-left:42px; }
  .uh-header .uh-nav a,
  .uh-header .uh-nav a:nth-of-type(4) {
    flex:0 0 88px;
    min-width:88px;
    max-width:88px;
    min-height:56px;
    font-size:9px;
    line-height:1.18;
  }
  .uh-header .uh-header__tools { gap:14px; }
}
@media(min-width:701px) and (max-width:1200px) {
  .uh-header .uh-nav { display:none; }
  .uh-header .uh-header__tools { gap:15px; }
}

@media(max-width:700px) {
  .uh-header .uh-header__tools .uh-header__tool-label { display:none!important; }
  .uh-header .uh-brand__logo { width:clamp(112px,32vw,140px); }
  .uh-header .uh-header__tools { gap:2px; }
  .uh-app-tabs { grid-template-columns:repeat(7,minmax(0,1fr)); column-gap:2px; }
  .uh-app-tabs a,
  .uh-app-tabs button[data-uh-tab="search"] { min-width:0; font-size:clamp(9px,2.4vw,10px); }
  .uh-app-tabs svg { width:24px; height:24px; }
  .uh-app-tabs a[data-uh-tab="explore"] svg { width:29px; height:29px; }
  .uh-app-tabs button[data-uh-tab="search"] {
    position:relative;
    display:grid;
    justify-items:center;
    align-content:center;
    gap:4px;
    width:100%;
    min-height:60px;
    margin:0;
    padding:0;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#cdbdb8;
    font:800 clamp(9px,2.4vw,10px)/1.1 Arial,Helvetica,sans-serif;
    cursor:pointer;
  }
  .uh-app-tabs button[data-uh-tab="search"] svg { color:#99cbd3; }
  .uh-app-tabs button[data-uh-tab="search"]:hover { color:#fff; background:#00d8ef1b; }
  .uh-app-tabs button[data-uh-tab="search"]:focus-visible { outline:2px solid #ffc85a; outline-offset:-2px; }

  /* The Lens stays at the same vertical center as the mobile menu trigger. */
  .uhsl__trigger {
    top:calc(16px + env(safe-area-inset-top));
    bottom:auto;
    left:calc(61px + env(safe-area-inset-left));
    width:42px;
    min-width:42px;
    height:42px;
    min-height:42px;
    padding:0;
    justify-content:center;
    border-radius:50%;
  }
  .uhsl__icon { width:29px; height:20px; }
  .uhsl__mobile-label,
  .uhsl__trigger-state { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
  body.admin-bar .uhsl__trigger { top:calc(62px + env(safe-area-inset-top)); }
  html.uh-menu-open .uhsl { visibility:hidden; pointer-events:none; }
}

@media(max-width:380px) {
  .uh-header .uh-brand__logo { width:clamp(108px,31vw,120px); }
  .uh-header .uh-header__notices > summary,
  .uh-header .uh-header__location > summary,
  .uh-header .uh-header__account > summary,
  .uh-header .uh-header__login { width:34px; }
  .uh-header .uh-header__mobile-menu > summary { width:40px; height:40px; }
  .uhsl__trigger { left:calc(55px + env(safe-area-inset-left)); width:39px; min-width:39px; height:39px; min-height:39px; top:calc(17px + env(safe-area-inset-top)); }
  body.admin-bar .uhsl__trigger { top:calc(63px + env(safe-area-inset-top)); }
  .uh-app-tabs a,
  .uh-app-tabs button[data-uh-tab="search"] { font-size:9px; }
  .uh-app-tabs svg { width:22px; height:22px; }
}