/* Consistent compact title banners for the secondary weather pages. */
body[data-page] main > .page-hero {
  padding:18px 0;
}
body[data-page] main > .page-hero .kicker {
  margin:0 0 4px;
  font-size:10px;
  line-height:1.2;
  color:#b9ddd9;
}
body[data-page] main > .page-hero h1 {
  font-size:32px;
  line-height:1.12;
  letter-spacing:-.02em;
  margin:0 0 6px;
}
body[data-page] main > .page-hero p {
  max-width:100%;
  margin:0;
  font-size:14px;
  line-height:1.45;
}
body[data-page] main > .page-hero + :is(.history-shell,.forecast-shell,.radar-shell,.station-shell,.about-layout) {
  padding-top:24px;
}
body[data-page="lightning"] main > .dashboard-section,
body[data-page="lightning"] main > .split-section {
  margin-top:32px;
}
body[data-page="lightning"] main > .page-hero + .dashboard-section {
  margin-top:24px;
}
body[data-page="lightning"] .section-heading {
  align-items:center;
  flex-direction:row;
  margin-bottom:16px;
}
body[data-page="lightning"] .section-heading h2 {
  font-size:26px;
  margin:0;
}
@media(max-width:620px) {
  body[data-page] main > .page-hero {padding:16px 0}
  body[data-page] main > .page-hero h1 {font-size:26px}
  body[data-page] main > .page-hero p {font-size:13px}
  body[data-page] main > .page-hero + :is(.history-shell,.forecast-shell,.radar-shell,.station-shell,.about-layout) {padding-top:18px}
  body[data-page="lightning"] main > .page-hero + .dashboard-section {margin-top:18px}
}