.plum-cn-pfd {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 26px 0 !important;
  padding: 0 !important;
  border: 1px solid #d9dede;
  background: #fff !important;
  color: #202525 !important;
  border-radius: 0;
  box-shadow: none;
  container-type: inline-size;
}
.plum-cn-pfd .plum-cn-pfd-svg {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
}
.plum-cn-pfd .plum-cn-pfd-svg--compact { display: none; }
.plum-cn-pfd figcaption {
  margin: 0 !important;
  padding: 12px 22px !important;
  color: #526365 !important;
  background: #fff !important;
  font-size: .85rem !important;
  line-height: 1.65 !important;
  border-top: 1px solid #e7ecec;
}
.plum-cn-pfd-notes {
  margin: 0 !important;
  padding: 0 !important;
  color: #202525 !important;
  border-top: 1px solid #e7ecec;
  background: #fff !important;
}
.plum-cn-pfd-notes summary {
  padding: 13px 22px !important;
  margin: 0 !important;
  font-size: .9rem !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: #176584 !important;
  cursor: pointer;
}
.plum-cn-pfd-notes summary:focus-visible { outline: 2px solid #087f83; outline-offset: -4px; }
.plum-cn-pfd-source { padding: 6px 22px 22px; font-size: .9rem; line-height: 1.7; }
.plum-cn-pfd-source ol {
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 22px !important;
  list-style: decimal !important;
  background: #fff !important;
}
.plum-cn-pfd-source li {
  display: list-item !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  background: #fff !important;
  color: #202525 !important;
  border: 0 !important;
  text-align: left !important;
}
.plum-cn-pfd-source li::after,
.plum-cn-pfd-source li > span { display: none !important; }
.plum-cn-pfd-source li strong,
.plum-cn-pfd-source li small,
.plum-cn-pfd-source li p {
  display: block !important;
  color: #202525 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 2px 0 !important;
}
/* Keep the route diagram in the content column, below the route introduction. */
.plum-leachate-hub-route > .plum-cn-pfd {
  grid-column: 2;
  margin: 0 !important;
}
@media (max-width: 520px) {
  .plum-leachate-hub-route > .plum-cn-pfd { margin: 24px 0 0 !important; }
}
/* A narrow route column uses the vertical SVG; full-width routes stay horizontal. */
@container (max-width: 700px) {
  .plum-cn-pfd .plum-cn-pfd-svg--wide { display: none; }
  .plum-cn-pfd .plum-cn-pfd-svg--compact { display: block; }
}
@media (max-width: 700px) {
  .plum-cn-pfd .plum-cn-pfd-svg--wide { display: none; }
  .plum-cn-pfd .plum-cn-pfd-svg--compact { display: block; }
  .plum-cn-pfd figcaption { padding: 10px 15px !important; }
  .plum-cn-pfd-notes summary { padding: 12px 15px !important; }
  .plum-cn-pfd-source { padding: 4px 15px 15px; }
}