.pc-show-header {
  grid-template-columns: 230px minmax(160px, 1fr) 184px 144px 232px 168px 240px !important;
  grid-template-areas: "brand search local weather show clock tools";
  padding: 0 16px 0 0 !important;
}

.pc-brand-strip {
  grid-area: brand;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 18px 26px;
  border-right: 1px solid var(--head-line);
  background: #061421;
}

.pc-brand-strip img {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
}

.pc-show-header .header-search { grid-area: search; }
.pc-show-header .header-local { grid-area: local; }
.pc-show-header .header-weather-section { grid-area: weather; }
.pc-show-header > .header-stat:not(.header-appearance) { grid-area: show; }
.pc-show-header .header-appearance { grid-area: clock; }
.pc-show-header .header-utilities { grid-area: tools; }

.pc-show-header .header-menu-title {
  display: block;
  padding: 8px;
  color: var(--head-label);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pc-show-header .header-menu button[aria-current="true"] {
  color: #fff;
  background: var(--head-hover);
}

.pc-show-header .header-menu .menu-separator {
  height: 1px;
  margin: 6px 0;
  background: var(--head-line);
}

.pc-show-header .header-menu .portal-signout {
  color: #ff7b8a;
  font-weight: 700;
}

.pc-show-header .weather-popover .weather-credit {
  margin-top: 14px;
  color: var(--head-label);
  font-size: 10px;
}

.pc-show-header .weather-popover .weather-credit a { color: inherit; }

.pc-show-header .panelist-times {
  left: 0;
  right: auto;
  width: 280px;
}

.pc-show-header .panelist-times p {
  display: grid;
  gap: 4px;
  margin: 0;
  color: var(--head-secondary);
}

.pc-show-header .panelist-times strong { color: var(--head-primary); }

.pc-show-header .header-menu[hidden],
.pc-show-header .panelist-times[hidden] { display: none !important; }

@media (max-width: 1400px) {
  .pc-show-header {
    grid-template-columns: 170px minmax(100px, 1fr) 154px 110px 178px 136px 194px !important;
    grid-template-areas: "brand search local weather show clock tools" !important;
    min-height: 94px !important;
    height: 94px !important;
    row-gap: 0 !important;
    padding: 0 12px 0 0 !important;
  }

  .pc-show-header > * { grid-column: auto !important; grid-row: auto !important; }
  .pc-show-header .pc-brand-strip { grid-area: brand !important; margin: 0 !important; padding: 18px !important; }
  .pc-show-header .header-search { grid-area: search !important; margin: 0 !important; }
  .pc-show-header .header-local { grid-area: local !important; }
  .pc-show-header .header-weather-section { grid-area: weather !important; }
  .pc-show-header > .header-stat:not(.header-appearance) { grid-area: show !important; }
  .pc-show-header .header-appearance { grid-area: clock !important; }
  .pc-show-header .header-utilities {
    grid-area: tools !important;
    grid-template-columns: repeat(3, 1fr) 46px !important;
    justify-content: stretch !important;
  }
}

@media (max-width: 1000px) {
  .pc-show-header {
    grid-template-columns: 136px minmax(78px, 1fr) 128px 82px 146px 108px 154px !important;
    overflow: visible;
  }

  .pc-show-header .pc-brand-strip { padding: 16px 12px !important; }
  .pc-show-header .pc-brand-strip img { width: 116px; }
  .pc-show-header :is(.header-local,.header-stat,.header-weather-section) {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .pc-show-header .header-search { padding-right: 8px !important; padding-left: 8px !important; }
  .pc-show-header .header-search input { flex-basis: 68px; width: 68px !important; }
  .pc-show-header .header-search:focus-within input { flex-basis: 68px; width: 68px !important; }
  .pc-show-header .header-utilities { gap: 2px !important; padding-left: 6px !important; }
  .pc-show-header .header-tool { gap: 5px !important; }
  .pc-show-header .header-tool span { font-size: 9px !important; }
  .pc-show-header :is(#local-time,#weather-label,#air-countdown) { font-size: 16px !important; }
  .pc-show-header #show-time { font-size: 14px !important; }
  .pc-show-header .youtube-live-button { display: none !important; }
  .pc-show-header .panelist-times,
  .pc-show-header .weather-popover { top: 92px; }
}

/* Center the compact story search while keeping the whole header cell clickable. */
.pc-show-header .header-search {
  justify-content: center !important;
  margin-right: 0 !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.pc-show-header .header-search input {
  flex: 0 0 120px;
  width: 120px !important;
}

.pc-show-header .header-search:focus-within input {
  flex-basis: 120px;
  width: 120px !important;
}