/* An open editorial layout for the homepage, without changing shared pages. */
.home-editorial > .wide-container:not(.hero-grid),
.home-editorial > section:not(.home-hero) > .wide-container {
  max-width: 1440px;
  padding-inline: clamp(24px, 4vw, 64px);
}

.home-editorial .audience-editorial {
  display: grid;
  grid-template-columns: minmax(160px, .7fr) minmax(0, 2.3fr);
  gap: clamp(30px, 5vw, 80px);
  padding-block: 56px 12px;
}
.home-editorial .audience-intro { display:block; margin:0; }
.home-editorial .audience-intro h2 { font-size:clamp(24px, 2.2vw, 31px); }
.home-editorial .audience-intro > span { display:block; max-width:19ch; margin-top:10px; font-size:14px; line-height:1.5; }
.home-editorial .audience-intro > span span { display:none; }
.home-editorial .audience-grid { gap:0; border-top:1px solid #cfc5b9; border-bottom:1px solid #cfc5b9; }
.home-editorial .audience-card,
.home-editorial .audience-card--parent,
.home-editorial .audience-card--clinician {
  background:transparent; border:0; border-radius:0; box-shadow:none; padding:24px 28px 24px 0;
}
.home-editorial .audience-card--clinician { border-left:1px solid #cfc5b9; padding-left:28px; }
.home-editorial .audience-card:hover { box-shadow:none; transform:none; }
.home-editorial .audience-icon,
.home-editorial .audience-card--clinician .audience-icon { width:42px; height:42px; border-radius:0; background:transparent; color:var(--teal); }
.home-editorial .audience-icon svg { width:38px; height:38px; }
.home-editorial .audience-action > span { display:none; }
.home-editorial .audience-description { max-width:36ch; }
/* Let the audience choices read like a small contents page. */
.home-editorial .audience-icon { display:none; }
.home-editorial .audience-title { font-size:clamp(25px, 2vw, 32px); }
.home-editorial .audience-kicker { color:#5d6766; }
.home-editorial .audience-action { margin-top:12px; }

.home-editorial .home-topic-nav { padding-top:30px; }
.home-editorial .latest-editorial { padding-block:80px; }
.home-editorial .topic-editorial,
.home-editorial .data-section,
.home-editorial .review-editorial { padding-block:88px; }
.home-editorial .section-intro > p { max-width:38ch; }

/* Treat the study as a spread: explanatory copy and the graphic share the page. */
.home-editorial .data-panel-study {
  align-items:start; gap:clamp(48px, 8vw, 120px); padding:32px 0 0;
  background:transparent; border:0; border-top:1px solid #afc8c3; border-radius:0;
}
.home-editorial .study-explainer { max-width:58ch; }
.home-editorial .data-panel-study .data-chart {
  max-width:560px; padding:0 0 0 clamp(28px, 4vw, 64px);
  border-left:1px solid #afc8c3; border-radius:0; background:transparent;
}
.home-editorial .review-grid p { max-width:32ch; }
.home-editorial .review-grid > div > .review-icon { width:30px; height:30px; border:0; border-radius:0; }
.home-editorial .review-icon svg { width:24px; height:24px; }
.home-editorial .keep-reading-home { padding-block:88px 96px; }

@media (max-width: 850px) {
  .home-editorial .audience-editorial { grid-template-columns:1fr; gap:20px; }
  .home-editorial .audience-intro { display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
  .home-editorial .audience-intro > span { max-width:none; margin:0; }
  .home-editorial .data-panel-study .data-chart { max-width:none; margin:0; padding:28px 0 0; border-left:0; border-top:1px solid #afc8c3; }
}
@media (max-width: 600px) {
  .home-editorial > .wide-container:not(.hero-grid),
  .home-editorial > section:not(.home-hero) > .wide-container { padding-inline:20px; }
  .home-editorial .audience-editorial { padding-block:36px 0; }
  .home-editorial .audience-intro { display:block; }
  .home-editorial .audience-intro > span { margin-top:6px; }
  .home-editorial .audience-grid { grid-template-columns:1fr; }
  .home-editorial .audience-card,
  .home-editorial .audience-card--clinician { padding:20px 0; }
  .home-editorial .audience-card--clinician { border-left:0; border-top:1px solid #cfc5b9; }
  .home-editorial .home-topic-nav { padding-top:24px; }
  .home-editorial .latest-editorial,
  .home-editorial .topic-editorial,
  .home-editorial .data-section,
  .home-editorial .review-editorial,
  .home-editorial .keep-reading-home { padding-block:56px; }
  .home-editorial .data-panel-study { padding-top:24px; }
}