/* WP-10 G7. Purposeful article, profile and native-content reading layouts.
   Load after the shared palette sheets. Every portrait and article image is sourced. */
.editorial-page .editorial-hero {
  padding-block: clamp(38px,5vw,72px);
  border-bottom: 1px solid var(--gs-line);
}
.editorial-page .editorial-breadcrumb {
  margin-bottom: 34px;
  color: var(--gs-muted);
}
.editorial-page .editorial-hero-copy { min-width: 0; }
.editorial-page .editorial-hero-grid--post {
  display: block;
}
.editorial-page .editorial-hero--post .editorial-hero-copy {
  max-width: 1000px;
}
.editorial-page .editorial-hero--post h1 {
  max-width: 28ch;
  font-size: clamp(34px,4vw,54px);
  line-height: 1.24;
  font-weight: 600;
  color: var(--gs-ink);
  margin-bottom: 24px;
}
.editorial-page .editorial-hero--post .editorial-intro {
  max-width: 72ch;
  font-size: 20px;
  color: var(--gs-muted);
}
.editorial-page .editorial-hero--post .editorial-hero-image {
  margin-top: 40px;
  background: #fff;
  border: 0;
  border-top: 4px solid var(--gs-royal);
}
.editorial-page .editorial-hero--post .editorial-hero-image>img {
  height: clamp(280px,32vw,440px);
  width: 100%;
  object-fit: contain;
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.editorial-page .editorial-reader-link,
.editorial-page .editorial-section-back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 600;
  color: var(--gs-royal);
}
.editorial-page .editorial-reader-link {
  margin-top: 28px;
  padding-block: 8px;
  border-bottom: 1px solid var(--gs-royal);
}
.editorial-reader-link svg,.editorial-section-back svg {
  width: 20px;
  height: 20px;
  flex: none;
}
.editorial-page .editorial-hero-grid--member {
  grid-template-columns: minmax(0,1.18fr) minmax(280px,.82fr);
  align-items: center;
  gap: clamp(42px,7vw,100px);
}
.editorial-page .editorial-hero--member h1 {
  max-width: 17ch;
  font-size: clamp(38px,4.6vw,60px);
  line-height: 1.2;
  font-weight: 600;
  color: var(--gs-ink);
  margin-bottom: 20px;
}
.editorial-page .editorial-profile-role {
  font-size: 22px;
  line-height: 1.6;
  font-weight: 600;
  color: var(--gs-royal);
  margin-bottom: 18px;
}
.editorial-page .editorial-hero--member .editorial-intro {
  max-width: 50ch;
  font-size: 19px;
  line-height: 1.85;
  color: var(--gs-muted);
}
.editorial-page .editorial-hero-image--portrait {
  width: min(100%,420px);
  align-self: center;
  justify-self: end;
  border: 0;
  background: #fff;
}
.editorial-page .editorial-hero-image--portrait>img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
}
.editorial-page .editorial-hero-image--portrait>figcaption {
  padding: 18px 20px;
  background: #fff;
  color: var(--gs-ink);
  border: 0;
  border-top: 1px solid var(--gs-line);
  border-radius: 0;
  font-size: 16px;
}
.editorial-page .editorial-reading {
  padding-block: clamp(48px,5vw,78px);
  scroll-margin-top: 120px;
}
.editorial-page .editorial-reading-grid {
  grid-template-columns: 240px minmax(0,1fr);
  gap: clamp(40px,5vw,72px);
}
.editorial-page .editorial-reading-grid--full>.editorial-body {
  width: min(100%,900px);
}
.editorial-page .editorial-body--post {
  max-width: 900px;
}
.editorial-page .editorial-panels {
  gap: 48px;
}
.editorial-page .editorial-panel {
  padding: 0;
  border: 0;
  border-top: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.editorial-page .editorial-panel+.editorial-panel {
  padding-top: 40px;
  border-top: 1px solid var(--gs-line);
}
.editorial-page .editorial-body h2 {
  font-size: clamp(28px,2.9vw,36px);
  line-height: 1.4;
  font-weight: 600;
  color: var(--gs-ink);
  margin-bottom: 26px;
}
.editorial-page .editorial-body h3 {
  font-size: 25px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--gs-ink);
  margin-top: 36px;
}
.editorial-page .editorial-body h4 {
  font-size: 21px;
  line-height: 1.65;
  color: var(--gs-ink);
}
.editorial-page .editorial-body p,.editorial-page .editorial-body li {
  font-size: 18px;
  line-height: 1.95;
  color: var(--gs-muted);
}
.editorial-page .editorial-body p { max-width: 76ch; }
.editorial-page .editorial-body figure {
  margin-block: 34px;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--gs-line);
}
.editorial-page .editorial-body figure img {
  max-height: 620px;
  object-fit: contain;
}
.editorial-page .editorial-source-gallery {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}
.editorial-page .editorial-source-gallery img { max-height: 300px; }
.editorial-page .editorial-toc {
  padding: 24px 0;
  background: transparent;
  border: 0;
  border-top: 2px solid var(--gs-royal);
  border-bottom: 1px solid var(--gs-line);
  border-radius: 0;
}
.editorial-page .editorial-toc h2 { font-size: 20px; }
.editorial-page .editorial-aside>.editorial-section-back { margin-top: 24px; }
.editorial-page .editorial-profile-heading {
  margin-bottom: 34px;
  padding-bottom: 24px;
  border-bottom: 2px solid var(--gs-royal);
}
.editorial-page .editorial-profile-heading h2 { margin-bottom: 0; }
.editorial-page .editorial-body--member>.editorial-panels {
  border-left: 1px solid var(--gs-line);
  padding-left: clamp(24px,4vw,48px);
}
.editorial-page .editorial-body--member .editorial-panel>h3:first-child {
  margin-top: 0;
  font-size: 23px;
}
.editorial-page .editorial-body--member details {
  margin-top: 32px;
  padding: 22px 0;
  border-color: var(--gs-line);
}
.editorial-page .editorial-body--member details h2 { font-size: 24px; }
.editorial-page .editorial-body--library .editorial-panel:first-child ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  list-style: none;
  padding: 0;
  gap: 12px 28px;
}
.editorial-page .editorial-body--library li {
  margin: 0;
  padding-block: 16px;
  border-bottom: 1px solid var(--gs-line);
}
.editorial-page .editorial-related-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  max-width: none;
  margin-bottom: 34px;
}
.editorial-page .editorial-related-heading h2 { color: var(--gs-ink); }
.editorial-page .editorial-related-heading .editorial-kicker { margin-bottom: 12px; }
.editorial-page .editorial-related-item {
  border: 0;
  border-top: 3px solid var(--gs-royal);
  background: #fff;
}
.editorial-page .editorial-related-item>img {
  height: 230px;
  object-fit: contain;
  background: #fff;
}
.editorial-page .editorial-related-item--member>img {
  height: 300px;
  object-fit: contain;
}
.editorial-page .editorial-related-item>div { padding: 26px; }
.editorial-page .editorial-related-item h3 {
  font-size: 22px;
  line-height: 1.55;
  color: var(--gs-ink);
}
.editorial-page .editorial-related-item time {
  display: block;
  margin-bottom: 14px;
  font-size: 16px;
  color: var(--gs-muted);
}
.editorial-page .editorial-related-item p { font-size: 16px; }
@media (max-width:1023px) {
  .editorial-page .editorial-reading-grid { display: block; }
  .editorial-page .editorial-aside { display: block; margin-bottom: 42px; }
  .editorial-page .editorial-toc { max-height: 320px; }
  .editorial-page .editorial-hero-grid--member { gap: 36px; }
  .editorial-page .editorial-hero--member h1 { font-size: 44px; }
  .editorial-page .editorial-related-item--member>img { height: 250px; }
}
@media (max-width:767px) {
  .editorial-page .editorial-hero { padding-block: 30px 38px; }
  .editorial-page .editorial-breadcrumb { margin-bottom: 26px; }
  .editorial-page .editorial-hero--post h1 { font-size: 32px; line-height: 1.32; }
  .editorial-page .editorial-hero--post .editorial-intro { font-size: 18px; }
  .editorial-page .editorial-hero--post .editorial-hero-image { margin-top: 28px; }
  .editorial-page .editorial-hero--post .editorial-hero-image>img { height: 245px; }
  .editorial-page .editorial-hero-grid--member { grid-template-columns: 1fr; gap: 30px; }
  .editorial-page .editorial-hero--member h1 { font-size: 38px; }
  .editorial-page .editorial-profile-role { font-size: 20px; }
  .editorial-page .editorial-hero--member .editorial-intro { font-size: 18px; }
  .editorial-page .editorial-hero-image--portrait { justify-self: start; max-width: 360px; }
  .editorial-page .editorial-reading { padding-block: 38px 48px; }
  .editorial-page .editorial-panels { gap: 32px; }
  .editorial-page .editorial-panel+.editorial-panel { padding-top: 30px; }
  .editorial-page .editorial-body h2 { font-size: 27px; }
  .editorial-page .editorial-body h3 { font-size: 23px; }
  .editorial-page .editorial-body h4 { font-size: 20px; }
  .editorial-page .editorial-body p,.editorial-page .editorial-body li { line-height: 1.85; }
  .editorial-page .editorial-body figure { padding: 12px; margin-inline: 0; }
  .editorial-page .editorial-source-gallery { grid-template-columns: 1fr; }
  .editorial-page .editorial-body--member>.editorial-panels { padding-left: 20px; }
  .editorial-page .editorial-body--library .editorial-panel:first-child ul { grid-template-columns: 1fr; }
  .editorial-page .editorial-related-heading { display: block; }
  .editorial-page .editorial-related-heading>.editorial-section-back { margin-top: 24px; }
  .editorial-page .editorial-related-grid { grid-template-columns: 1fr; gap: 28px; }
  .editorial-page .editorial-related-item>img { height: 240px; }
  .editorial-page .editorial-related-item--member>img { height: 320px; }
  .editorial-page .editorial-related-item h3 { font-size: 23px; }
}