.stocks-section {
  position: relative;
  background: #d8edb9;
  border-block: 2px solid var(--ink, #191c18);
}
/* A short stretch of normal document flow supplies the sticky drawing travel. */
.stocks-section::after {
  content: "";
  display: block;
  height: clamp(130px, 18vh, 210px);
}
.stocks-a11y-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.stocks-sticky {
  position: sticky;
  top: 0;
  width: 100%;
  padding: 16px clamp(10px, 1.7vw, 28px) 13px;
}
.stocks-figure { width: 100%; min-width: 0; margin: 0; }
.stocks-chart { display: block; width: 100%; height: auto; overflow: visible; }
.stocks-figure figcaption {
  margin-top: 5px;
  text-align: center;
  font: 12px/1.5 Arial, Helvetica,sans-serif;
  color: #425039;
}
@media (max-width: 640px) {
  .stocks-section::after { height: clamp(64px, 10vh, 95px); }
  .stocks-sticky { padding: 12px 8px 10px; }
  .stocks-figure figcaption { margin-top: 6px; font-size: 11px; }
}
@media print {
  .stocks-section::after { display: none; }
  .stocks-sticky { position: static; padding: 15px 8px; }
  [data-stock-line], [data-stock-outline] { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; }
}