/* Reusable newsroom homepage art direction. Load after editorial.css. */
html body.home.wp-child-theme-onehundred {
  --polish-gap: clamp(24px, 3.3vw, 46px);
  --polish-rule: color-mix(in srgb, var(--ed-ink) 30%, var(--ed-paper));
  --polish-keyline: color-mix(in srgb, var(--ed-blue) 66%, var(--ed-ink));
}

/* A little more room and photographic weight for the supporting stories. */
@media (min-width: 881px) {
  html body.home.wp-child-theme-onehundred .oh-news-home__grid {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
    column-gap: clamp(23px, 2.8vw, 39px) !important;
  }
}
html body.home.wp-child-theme-onehundred .oh-support-stack {
  border-top: 2px solid var(--polish-keyline);
}
html body.home.wp-child-theme-onehundred :is(.oh-support-story, .oh-support-story:last-child) {
  grid-template-columns: clamp(76px, 8.6vw, 118px) minmax(0, 1fr) !important;
  column-gap: clamp(12px, 1.3vw, 18px);
  padding-block: 13px !important;
}
html body.home.wp-child-theme-onehundred :is(.oh-support-story, .oh-support-story:last-child) .oh-support-story__media {
  aspect-ratio: 1.12 !important;
}
html body.home.wp-child-theme-onehundred :is(.oh-support-story h2, .oh-home-section__secondary-copy > a) {
  font-size: clamp(1.07rem, 1.45vw, 1.27rem) !important;
  line-height: 1.2 !important;
}

/* Explore is a magazine spread: wide lead, taller second image, small third image. */
html body.home.wp-child-theme-onehundred .oh-home-topics {
  margin-block: var(--polish-gap) !important;
}
html body.home.wp-child-theme-onehundred .oh-home-topics__header h2 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.04;
}
html body.home.wp-child-theme-onehundred .oh-home-topics__header {
  padding-bottom: 16px !important;
}
html body.home.wp-child-theme-onehundred .oh-home-topic {
  padding-inline-start: clamp(14px, 1.7vw, 22px) !important;
}
html body.home.wp-child-theme-onehundred .oh-home-topic[data-editorial-layout="lead"] {
  padding-inline-start: 0 !important;
}
html body.home.wp-child-theme-onehundred .oh-home-topic__media {
  aspect-ratio: 1.82;
  margin-bottom: 13px;
}
html body.home.wp-child-theme-onehundred .oh-home-topic[data-editorial-layout="landscape"] .oh-home-topic__media {
  aspect-ratio: 1.46;
  max-width: none;
}
html body.home.wp-child-theme-onehundred .oh-home-topic[data-editorial-layout="essay"] .oh-home-topic__media {
  display: block;
  aspect-ratio: 2.25;
}
html body.home.wp-child-theme-onehundred .oh-home-topic[data-editorial-layout="lead"] h3 {
  font-size: clamp(1.65rem, 2.65vw, 2.45rem) !important;
}
html body.home.wp-child-theme-onehundred .oh-home-topic[data-editorial-layout="essay"] h3 {
  font-size: clamp(1.3rem, 1.95vw, 1.8rem) !important;
}

/* Preserve the technology grid. Give climate and ideas their own accents. */
html body.home.wp-child-theme-onehundred .oh-home-section[data-editorial-layout="landscape"] > header {
  border-top-color: var(--ed-green) !important;
}
html body.home.wp-child-theme-onehundred .oh-home-section[data-editorial-layout="landscape"] .oh-home-section__media {
  flex-basis: 51%;
  aspect-ratio: 1.52 !important;
}
html body.home.wp-child-theme-onehundred .oh-home-section[data-editorial-layout="landscape"] .oh-home-section__lead h3 {
  font-size: clamp(1.55rem, 2.65vw, 2.35rem) !important;
}
html body.home.wp-child-theme-onehundred .oh-home-section[data-editorial-layout="essay"] .oh-home-section__lead > div {
  border-inline-start: 2px solid var(--polish-keyline);
  padding: 1px 0 3px clamp(13px, 1.7vw, 22px) !important;
}
html body.home.wp-child-theme-onehundred .oh-home-section[data-editorial-layout="essay"] .oh-home-section__lead p {
  display: block !important;
  overflow: visible !important;
  font-family: var(--ed-display);
  font-size: clamp(1.04rem, 1.35vw, 1.17rem) !important;
  line-height: 1.48;
  max-width: 41ch;
}
html body.home.wp-child-theme-onehundred .oh-more-stories__media {
  aspect-ratio: 1.58;
}
html body.home.wp-child-theme-onehundred .oh-more-stories article:nth-child(2) .oh-more-stories__media {
  aspect-ratio: 1.73;
}

/* Section and story rules establish rhythm without drawing panel boundaries. */
html body.home.wp-child-theme-onehundred .oh-home-body__main > .oh-home-section {
  margin: 0 0 var(--polish-gap) !important;
}
html body.home.wp-child-theme-onehundred .oh-home-body__main > .oh-home-section:last-of-type {
  margin-bottom: 0 !important;
}
html body.home.wp-child-theme-onehundred .oh-home-body > .oh-more-stories {
  margin-block-start: clamp(8px, 1.8vw, 24px) !important;
}
html body.home.wp-child-theme-onehundred :is(.oh-home-topics__header, .oh-home-section > header, .oh-more-stories .oh-module-heading, .oh-rail-latest > header) {
  border-top-width: 2px !important;
  margin-bottom: clamp(14px, 1.7vw, 23px) !important;
  padding-top: 12px !important;
}
html body.home.wp-child-theme-onehundred .oh-home-section > header h2 {
  line-height: 1.12;
}
html body.home.wp-child-theme-onehundred .oh-newsletter.oh-edition-newsletter {
  margin-block-start: var(--polish-gap) !important;
  border-top: 2px solid var(--polish-keyline) !important;
}
html body.home.wp-child-theme-onehundred :is(.oh-home-body__rail, .oh-home-topic, .oh-support-story, .oh-rail-latest li, .oh-home-section > ul > li) {
  border-color: var(--polish-rule) !important;
}
html body.home.wp-child-theme-onehundred .oh-rail-latest__copy > a {
  font-size: clamp(1.13rem, 1.42vw, 1.26rem);
  line-height: 1.24;
}
html body.home.wp-child-theme-onehundred :is(.oh-news-meta, .oh-home-topic time, .oh-rail-latest time, .oh-support-story .oh-news-meta) {
  font-size: .8rem !important;
  line-height: 1.4 !important;
}
html body.home.wp-child-theme-onehundred :is(.oh-home-section > header, .oh-home-topics__header, .oh-more-stories .oh-module-heading) > a {
  font-size: .84rem;
  text-decoration-color: color-mix(in srgb, var(--ed-blue) 54%, transparent);
  text-underline-offset: .23em;
}
html body.home.wp-child-theme-onehundred :is(.oh-home-section > header, .oh-home-topics__header, .oh-more-stories .oh-module-heading) > a:hover,
html body.home.wp-child-theme-onehundred :is(.oh-support-story h2, .oh-home-topic h3, .oh-home-section__lead h3, .oh-more-stories h3, .oh-rail-latest__copy) a:hover {
  color: var(--ed-blue) !important;
  text-decoration-color: currentColor;
  text-underline-offset: .16em;
}

@media (max-width: 600px) {
  html body.home.wp-child-theme-onehundred .oh-home-topic {
    padding-inline-start: 0 !important;
    padding-block: 16px !important;
  }
  html body.home.wp-child-theme-onehundred .oh-home-topic[data-editorial-layout="landscape"] .oh-home-topic__media {
    max-width: 82%;
  }
  html body.home.wp-child-theme-onehundred .oh-home-topic[data-editorial-layout="essay"] .oh-home-topic__media {
    max-width: 70%;
  }
  html body.home.wp-child-theme-onehundred :is(.oh-support-story, .oh-support-story:last-child) {
    grid-template-columns: clamp(76px, 23vw, 94px) minmax(0, 1fr) !important;
  }
}