.approved-story * {
  box-sizing: border-box;
}
.approved-story {
  scroll-behavior: smooth;
}
.approved-story {
  margin: 0;
  background: #f5f2ea;
  color: #292d27;
  font-family: Georgia, "Times New Roman", serif;
}
.approved-story {
  max-width: 1000px;
  margin: auto;
  background: #fffdf8;
  padding: 50px 64px 65px;
}
.approved-story .eyebrow,
.approved-story .status,
.approved-story figcaption,
.approved-story footer {
  font-family: Arial, sans-serif;
}
.approved-story .eyebrow {
  font-size: 12px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #526454;
}
.approved-story .status {
  font-size: 12px;
  color: #68685e;
  margin-bottom: 35px;
}
.approved-story h1 {
  font-size: clamp(36px, 5vw, 57px);
  font-weight: normal;
  line-height: 1.12;
  max-width: 720px;
  margin: 25px 0 22px;
}
.approved-story h2 {
  font-size: 29px;
  font-weight: normal;
  margin: 42px 0 16px;
  color: #35513f;
}
..approved-story > p,
..approved-story > h2 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.approved-story p {
  font-size: 20px;
  line-height: 1.72;
  margin: 0 0 22px;
}
..approved-story > p:first-child {
  font-size: 23px;
  line-height: 1.6;
}
.approved-story figure {
  margin: 32px 0 37px;
}
.approved-story img {
  display: block;
  width: 100%;
  height: auto;
}
.approved-story figcaption {
  font-size: 13px;
  line-height: 1.6;
  color: #62665b;
  margin: 12px auto 0;
  max-width: 760px;
}
.approved-story a {
  color: #2f6249;
  text-underline-offset: 0.15em;
}
.approved-story sup {
  font:
    11px Arial,
    sans-serif;
  margin-left: 3px;
  white-space: nowrap;
}
.approved-story .references {
  border-top: 1px solid #d7d9ce;
  margin-top: 45px;
  padding-top: 5px;
}
.approved-story .references li {
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 13px;
  overflow-wrap: anywhere;
}
.approved-story footer {
  font-size: 13px;
  line-height: 1.6;
  color: #62665b;
  margin-top: 35px;
  border-top: 1px solid #d7d9ce;
  padding-top: 20px;
}
.approved-story :target {
  background: #f4ebcf;
}
.approved-story a:focus-visible {
  outline: 3px solid #9c7d3a;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .approved-story {
    padding: 28px 20px 42px;
  }
  .approved-story p {
    font-size: 18px;
    line-height: 1.7;
  }
  ..approved-story > p:first-child {
    font-size: 21px;
  }
  .approved-story h2 {
    font-size: 26px;
  }
  .approved-story figure {
    margin-left: 0;
    margin-right: 0;
  }
}
@media print {
  .approved-story,
  .approved-story {
    background: white;
  }
  .approved-story {
    padding: 10mm;
    max-width: none;
  }
  .approved-story figure {
    break-inside: avoid;
  }
  .approved-story .status {
    display: none;
  }
  .approved-story a {
    color: inherit;
  }
}
.approved-story .map-window {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1150/700;
}
.approved-story .map-window img {
  position: absolute;
  width: 362.9565217391%;
  max-width: none;
  height: auto;
  left: -165.2173913043%;
  top: -292.8571428571%;
}
.approved-story .map-full .map-window {
  aspect-ratio: 4174/2900;
}
.approved-story .map-full .map-window img {
  width: 100%;
  left: 0;
  top: 0;
}
.approved-story .map-toggle {
  font:
    14px Arial,
    sans-serif;
  margin-top: 12px;
  padding: 9px 14px;
  border: 1px solid #536055;
  background: #fff;
  color: #245441;
  cursor: pointer;
}
.approved-story .map-toggle:focus-visible {
  outline: 3px solid #946b27;
  outline-offset: 3px;
}

.approved-story {
  background: transparent !important;
  color: inherit !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
}
.approved-story img {
  max-width: 100%;
  height: auto;
}
.approved-story .image-credit {
  display: block;
}
.approved-story a {
  overflow-wrap: anywhere;
}
.approved-story h2 {
  scroll-margin-top: 2rem;
}