/* Compact, below-trigger drawers. Content and the existing toggle behaviour remain intact. */
body.news-public.mwb-header-20261001 .mwb-day-popover,
body.news-public.mwb-header-20261001 .news-masthead .weather-utility-drawer {
  position: fixed !important;
  z-index: 1400 !important;
  inset: auto !important;
  left: var(--mwb-panel-left, 12px) !important;
  top: var(--mwb-panel-top, 52px) !important;
  width: var(--mwb-panel-width, min(350px, calc(100vw - 24px))) !important;
  max-width: calc(100vw - 24px) !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: var(--mwb-panel-max-height, min(420px, calc(100dvh - 68px))) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  color: #17201d;
  border: 1px solid #c5d1cc;
  border-top: 3px solid #087d5b;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(8, 18, 15, .18);
  white-space: normal;
  text-align: left;
}

body.news-public.mwb-header-20261001 .mwb-day-popover[hidden],
body.news-public.mwb-header-20261001 .weather-utility-drawer[hidden] {
  display: none !important;
}

body.news-public.mwb-header-20261001 .mwb-day-popover-head {
  position: sticky;
  z-index: 1;
  top: 0;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start;
  gap: 10px;
  padding: 12px 14px;
  color: #fff;
  background: #101c18;
}

body.news-public.mwb-header-20261001 .mwb-day-popover-head > div { min-width: 0; gap: 4px; }
body.news-public.mwb-header-20261001 .mwb-day-popover-head span { font: 800 10px/1.2 system-ui, sans-serif; letter-spacing: .04em; }
body.news-public.mwb-header-20261001 .mwb-day-popover-head h2 { font: 700 20px/1.15 Georgia, 'Times New Roman', serif; letter-spacing: 0; }
body.news-public.mwb-header-20261001 .mwb-day-popover-head time { font: 500 11px/1.4 system-ui, sans-serif; }
body.news-public.mwb-header-20261001 .mwb-day-popover > section { padding: 10px 14px; }
body.news-public.mwb-header-20261001 .mwb-day-popover > section > header { gap: 8px; margin-bottom: 7px; flex-wrap: wrap; }
body.news-public.mwb-header-20261001 .mwb-day-popover > section h3 { font: 750 12px/1.4 system-ui, sans-serif; }
body.news-public.mwb-header-20261001 .mwb-day-popover > section header a { font: 700 11px/1.4 system-ui, sans-serif; }
body.news-public.mwb-header-20261001 .mwb-day-popover-list { gap: 5px; }
body.news-public.mwb-header-20261001 .mwb-day-popover-list > a,
body.news-public.mwb-header-20261001 .mwb-day-popover-list > div { padding: 7px 8px; gap: 3px; border-left-width: 2px; }
body.news-public.mwb-header-20261001 .mwb-day-popover-list strong { font: 650 12px/1.4 system-ui, sans-serif; }
body.news-public.mwb-header-20261001 .mwb-day-popover-list small,
body.news-public.mwb-header-20261001 .mwb-day-popover-list p { font: 400 11px/1.4 system-ui, sans-serif; }
body.news-public.mwb-header-20261001 .mwb-day-popover > footer { padding: 10px 14px; }
body.news-public.mwb-header-20261001 .mwb-day-popover > footer > a { padding: 8px 10px; font: 750 11px/1.3 system-ui, sans-serif; }

body.news-public.mwb-header-20261001 .news-masthead .weather-utility-drawer { padding: 12px 14px; line-height: 1.4; }
body.news-public.mwb-header-20261001 .weather-utility-drawer > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin-bottom: 10px; }
body.news-public.mwb-header-20261001 .weather-utility-drawer h2 { font: 700 21px/1.2 Georgia, 'Times New Roman', serif; }
body.news-public.mwb-header-20261001 .weather-utility-drawer .story-kicker { font: 800 10px/1.3 system-ui, sans-serif; }
body.news-public.mwb-header-20261001 .weather-utility-drawer .weather-city-form { grid-template-columns: minmax(0, 1fr); }
body.news-public.mwb-header-20261001 .weather-utility-drawer .weather-city-form label { font: 650 11px/1.4 system-ui, sans-serif; }
body.news-public.mwb-header-20261001 .weather-utility-drawer .weather-city-form input { font: 500 13px/1.3 system-ui, sans-serif; min-height: 36px; }
body.news-public.mwb-header-20261001 .weather-drawer-current { grid-template-columns: 32px auto minmax(0, 1fr); gap: 8px; margin: 10px 0; }
body.news-public.mwb-header-20261001 .weather-drawer-current > span { font-size: 27px; }
body.news-public.mwb-header-20261001 .weather-drawer-current > strong { font: 700 32px/1 Georgia, 'Times New Roman', serif; }
body.news-public.mwb-header-20261001 .weather-drawer-current > div > b { font: 650 12px/1.3 system-ui, sans-serif; }
body.news-public.mwb-header-20261001 .weather-drawer-current > div > span,
body.news-public.mwb-header-20261001 .weather-drawer-current > div > small { font: 500 10px/1.4 system-ui, sans-serif; white-space: normal; overflow-wrap: anywhere; }
body.news-public.mwb-header-20261001 .weather-drawer-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.news-public.mwb-header-20261001 .weather-drawer-metrics > span { padding: 6px; }
body.news-public.mwb-header-20261001 .weather-utility-drawer .weather-popover-forecast { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 5px; margin-top: 9px; overflow: visible; }
body.news-public.mwb-header-20261001 .weather-utility-drawer .weather-popover-forecast article { min-width: 0; min-height: 0; padding: 7px 4px; grid-column: auto; }
body.news-public.mwb-header-20261001 .weather-utility-drawer .weather-popover-forecast article > strong,
body.news-public.mwb-header-20261001 .weather-utility-drawer .weather-popover-forecast article > small,
body.news-public.mwb-header-20261001 .weather-utility-drawer .weather-popover-forecast article > b { font-size: 10px; }
body.news-public.mwb-header-20261001 .weather-utility-drawer footer { display: flex; flex-wrap: wrap; align-items: stretch; gap: 6px; }
body.news-public.mwb-header-20261001 .weather-utility-drawer footer > button,
body.news-public.mwb-header-20261001 .weather-utility-drawer footer > a { font: 650 11px/1.3 system-ui, sans-serif; padding: 7px 8px; min-height: 34px; }

body.news-public.mwb-header-20261001 .mwb-day-popover-head > [data-mwb-header-panel-close],
body.news-public.mwb-header-20261001 .weather-utility-drawer > header > [data-mwb-header-panel-close] {
  display: inline-grid !important;
  place-items: center;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid currentColor;
  border-radius: 6px;
  color: inherit;
  background: transparent;
  font: 400 24px/1 system-ui, sans-serif;
  cursor: pointer;
}

body.news-public.mwb-header-20261001 [data-mwb-header-panel-close]:focus-visible { outline: 2px solid #e3b84d; outline-offset: 2px; }

@media (max-width: 380px) {
  body.news-public.mwb-header-20261001 .mwb-day-popover-head { padding: 10px 12px; }
  body.news-public.mwb-header-20261001 .mwb-day-popover-head h2 { font-size: 18px; }
  body.news-public.mwb-header-20261001 .mwb-day-popover > section { padding: 10px 12px; }
}