/* Source atlases replace decorative photographs on the resource chapters. */
.editorial-reader.web-edition #article-content > .chapter-resource-hero.resource-heading-cover {
  --resource-accent: #e5a1bf;
  --resource-node-a: #f2c4da;
  --resource-node-b: #f5c09a;
  --resource-node-c: #b5c8e5;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
  align-items: center;
  gap: clamp(22px, 4vw, 66px);
  min-height: 430px;
  padding: clamp(34px, 4.6vw, 68px);
  border-bottom: 7px solid var(--resource-accent);
  border-radius: 42px 0 0 0;
  background: radial-gradient(circle at 89% 9%, #745477 0, transparent 38%),
              radial-gradient(circle at 13% 112%, #9d4875 0, transparent 35%),
              linear-gradient(125deg, #263551 10%, #3e4269 62%, #60446e 100%);
  color: #fffaf5;
}
.editorial-reader.web-edition #article-content > .resource-heading-cover[data-resource-tone="infrastructure"] {
  --resource-accent: #80c4d0;
  --resource-node-a: #aedee0;
  --resource-node-b: #c5d5ef;
  --resource-node-c: #efc9ae;
  background: radial-gradient(circle at 88% 11%, #40788a 0, transparent 37%),
              radial-gradient(circle at 10% 110%, #41658b 0, transparent 35%),
              linear-gradient(125deg, #253550 10%, #355b72 62%, #396b78 100%);
}
.editorial-reader.web-edition #article-content > .resource-heading-cover[data-resource-tone="landscape"] {
  --resource-accent: #eaaa7c;
  --resource-node-a: #efd0a9;
  --resource-node-b: #d0c3e8;
  --resource-node-c: #b7d5bc;
  background: radial-gradient(circle at 88% 12%, #94644c 0, transparent 39%),
              radial-gradient(circle at 14% 112%, #a46762 0, transparent 34%),
              linear-gradient(125deg, #303750 8%, #654962 64%, #80565a 100%);
}
.editorial-reader.web-edition #article-content > .resource-heading-cover[data-resource-tone="connections"] {
  --resource-accent: #b5bcea;
  --resource-node-a: #cccfef;
  --resource-node-b: #eac0d6;
  --resource-node-c: #eec7a1;
  background: radial-gradient(circle at 90% 12%, #666393 0, transparent 38%),
              linear-gradient(126deg, #283654 10%, #454a78 64%, #765478 100%);
}
.editorial-reader.web-edition #article-content > .resource-heading-cover[data-resource-tone="performance"] {
  --resource-accent: #dca7c5;
  --resource-node-a: #d1c5e9;
  --resource-node-b: #edc5ad;
  --resource-node-c: #c4d2e3;
  background: radial-gradient(circle at 90% 10%, #805478 0, transparent 37%),
              linear-gradient(126deg, #263550 10%, #51466c 62%, #76536b 100%);
}
.editorial-reader.web-edition #article-content > .resource-heading-cover[data-resource-tone="swot"] {
  --resource-accent: #cda5dd;
  --resource-node-a: #cdb9e8;
  --resource-node-b: #eac1a3;
  --resource-node-c: #edb3cf;
  background: radial-gradient(circle at 88% 9%, #73558e 0, transparent 40%),
              linear-gradient(126deg, #293550 10%, #53466e 60%, #704967 100%);
}
.editorial-reader.web-edition #article-content > .resource-heading-cover[data-resource-tone="strategy"] {
  --resource-accent: #e7a2bf;
  --resource-node-a: #e7bfde;
  --resource-node-b: #efc49c;
  --resource-node-c: #b9c9e6;
}
.editorial-reader.web-edition #article-content > .resource-heading-cover[data-resource-tone="evaluation"] {
  --resource-accent: #aabce5;
  --resource-node-a: #c4cbeb;
  --resource-node-b: #ecc0d6;
  --resource-node-c: #ecc7ad;
  background: radial-gradient(circle at 89% 10%, #516e94 0, transparent 38%),
              linear-gradient(126deg, #28364f 10%, #3f5678 62%, #635478 100%);
}
.editorial-reader.web-edition .resource-heading-cover .chapter-resource-hero-copy { min-width: 0; }
.editorial-reader.web-edition .resource-heading-cover .chapter-resource-overline {
  color: var(--resource-accent);
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .11em;
}
.editorial-reader.web-edition .resource-heading-cover h1 { max-width: 13ch; }
.editorial-reader.web-edition .resource-heading-cover .chapter-resource-hero-tags span {
  border-color: #ffffff6b;
  background: #ffffff16;
  color: #fffaf5;
}
.resource-heading-diagram {
  display: grid;
  justify-items: center;
  min-width: 0;
  margin: 0;
  color: #fffaf5;
}
.resource-diagram-orbit {
  position: relative;
  width: min(100%, 345px);
  aspect-ratio: 1;
  border: 1px solid #ffffff75;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff16 0 22%, transparent 22.5% 51%, #ffffff26 51.3% 51.8%, transparent 52.1%);
  box-shadow: 0 0 0 19px #ffffff0d, inset 0 0 45px #ffffff0a;
}
.resource-diagram-orbit::before,
.resource-diagram-orbit::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 78%;
  height: 1px;
  background: #ffffff8a;
  transform: translate(-50%, -50%) rotate(34deg);
}
.resource-diagram-orbit::after { transform: translate(-50%, -50%) rotate(-48deg); }
.resource-diagram-core,
.resource-diagram-node {
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 10px 24px #121c3280;
}
.resource-diagram-core {
  inset: 33%;
  align-content: center;
  gap: 5px;
  padding: 10px;
  background: #fff8f0;
  color: #283550;
}
.resource-diagram-core small {
  color: #884d74;
  font: 800 8px/1.2 Montserrat, Arial, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.resource-diagram-core strong {
  color: #283550;
  font: 750 clamp(10px, 1vw, 14px)/1.2 Montserrat, Arial, sans-serif;
}
.resource-diagram-node {
  width: 91px;
  height: 91px;
  padding: 8px;
  color: #293550;
  font: 750 11px/1.3 Montserrat, Arial, sans-serif;
  overflow-wrap: anywhere;
}
.resource-diagram-node--1 { top: 3%; left: 7%; background: var(--resource-node-a); }
.resource-diagram-node--2 { top: 11%; right: -2%; background: var(--resource-node-b); }
.resource-diagram-node--3 { bottom: 2%; left: 39%; background: var(--resource-node-c); }
.resource-heading-diagram[data-node-count="4"] .resource-diagram-node--1 { top: 5%; left: 0; }
.resource-heading-diagram[data-node-count="4"] .resource-diagram-node--2 { top: 5%; right: 0; }
.resource-heading-diagram[data-node-count="4"] .resource-diagram-node--3 { bottom: 5%; left: 0; }
.resource-heading-diagram[data-node-count="4"] .resource-diagram-node--4 { bottom: 5%; right: 0; background: #aed0dc; }
.resource-heading-diagram[data-node-count="4"] .resource-diagram-node { font-size: 9px; overflow-wrap: normal; white-space: nowrap; }
.resource-heading-diagram figcaption {
  margin-top: 25px;
  color: #f4e8f1;
  font: 700 10px/1.4 Montserrat, Arial, sans-serif;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
}

/* The source library is the final stop in a chapter: show it as a destination. */
.editorial-reader.web-edition .chapter-navigation a:is([data-section-link$="-resources"], [data-section-link="the-regional-demographic-story"]),
.editorial-reader.web-edition .standalone-rail-links a:is([href*="#resilience-helpful-links"], [href*="#workforce-helpful-links"]) {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  margin-top: 18px;
  padding: 12px 14px;
  border: 1px solid #8d5b7f;
  border-left: 5px solid #ed9abc;
  border-radius: 11px;
  background: linear-gradient(112deg, #303a5a, #664777);
  color: #fffaf5;
  font-weight: 750;
  box-shadow: 0 7px 17px #303a5a20;
}
.editorial-reader.web-edition .chapter-navigation a:is([data-section-link$="-resources"], [data-section-link="the-regional-demographic-story"])::before,
.editorial-reader.web-edition .standalone-rail-links a:is([href*="#resilience-helpful-links"], [href*="#workforce-helpful-links"])::before {
  content: "↗";
  display: grid;
  place-items: center;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin: 0;
  border-radius: 50%;
  background: #f3bfd4;
  color: #303a5a;
  font-weight: 850;
}
.editorial-reader.web-edition .chapter-navigation a:is([data-section-link$="-resources"], [data-section-link="the-regional-demographic-story"])[aria-current="page"]::before {
  color: #303a5a;
}
.editorial-reader.web-edition .chapter-navigation a:is([data-section-link$="-resources"], [data-section-link="the-regional-demographic-story"]):is(:hover, :focus-visible, [aria-current="page"]),
.editorial-reader.web-edition .standalone-rail-links a:is([href*="#resilience-helpful-links"], [href*="#workforce-helpful-links"]):is(:hover, :focus-visible) {
  border-color: #eaa2c1;
  border-left-color: #ffc0d8;
  background: linear-gradient(112deg, #564476, #8c4f77);
  color: #fff;
  outline-offset: 3px;
}

@media (max-width: 850px) {
  .editorial-reader.web-edition #article-content > .chapter-resource-hero.resource-heading-cover {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .resource-diagram-orbit { width: min(100%, 320px); }
}
@media (max-width: 620px) {
  .editorial-reader.web-edition #article-content > .chapter-resource-hero.resource-heading-cover {
    gap: 30px;
    padding: 32px 23px 39px;
    border-radius: 30px 0 0 0;
  }
  .editorial-reader.web-edition .resource-heading-cover h1 { font-size: clamp(33px, 9vw, 47px); }
  .editorial-reader.web-edition .resource-heading-cover .chapter-resource-hero-copy > p:not(.chapter-resource-overline) { font-size: 16px; }
  .resource-diagram-orbit { width: min(100%, 250px); box-shadow: 0 0 0 11px #ffffff0d; }
  .resource-diagram-node { width: 70px; height: 70px; padding: 5px; font-size: 9px; }
  .resource-heading-diagram[data-node-count="4"] .resource-diagram-node { font-size: 8px; }
  .resource-diagram-core small { font-size: 6.5px; }
  .resource-diagram-core strong { font-size: 10px; }
  .resource-heading-diagram figcaption { margin-top: 18px; font-size: 9px; }
  .editorial-reader.web-edition #article-content > .chapter-resource-hero[data-resource-group="industries"] .chapter-resource-hero-art {
    display: block;
    width: min(100%, 235px);
    margin: 8px auto 0;
  }
  .editorial-reader.web-edition #article-content > .chapter-resource-hero[data-resource-group="industries"] .resource-art-node {
    width: 68px;
    height: 68px;
    padding: 5px;
    font-size: 9px;
  }
}