.stem-vocal-heading { margin-top: 36px; font-size: 1.65rem; }
.stem-example { margin-top: 52px; scroll-margin-top: 24px; }
.stem-example > h2 { font-size: clamp(1.55rem, 3vw, 2rem); margin: 10px 0 16px; }
.stem-example-note { max-width: 920px; color: #c7d3e8; line-height: 1.75; }
.stem-example .stem-card h3 { font-size: 1.15rem; margin: 8px 0 12px; }
.stem-example-source { color: #b9c7df; font-size: .9rem; line-height: 1.7; overflow-wrap: anywhere; }
.stem-example-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 34px; }
.stem-example-nav a { padding: 8px 13px; border: 1px solid #52647f; border-radius: 999px; text-decoration: none; }
.stem-example-nav a:hover { border-color: #98e5cb; color: #98e5cb; }
.stem-about { margin-top: 28px; color: #b9c7df; font-size: .95rem; }
@media (max-width: 760px) {
  .stem-example { margin-top: 38px; }
  .stem-example .stem-grid { gap: 12px; }
  .stem-example-note { font-size: .98rem; }
}