/* A single panoramic capability image, with the original available at full size. */
.md-capability-image { padding-top: 20px; border-top: 1px solid #cad9df; scroll-margin-top: 100px; }
.md-capability-image, .md-capability-image * { box-sizing: border-box; letter-spacing: 0; }
.md-capability-image__anchor { display: block; height: 0; scroll-margin-top: 100px; }
.md-capability-image__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.md-capability-image__head h3 { margin: 0; color: #183744; font-size: 24px; font-weight: 600; line-height: 1.4; }
.md-capability-image__head > a { display: inline-flex; flex: none; align-items: center; gap: 8px; min-height: 44px; color: #087d76; font-size: 13px; text-decoration: none; }
.md-capability-image__head > a:hover { text-decoration: underline; }
.md-capability-image figure { margin: 0; }
.md-capability-image__link, .md-capability-image picture { display: block; }
.md-capability-image__link:focus-visible, .md-capability-image__head > a:focus-visible { outline: 2px solid #087d76; outline-offset: 4px; }
.md-capability-image img { display: block; width: 100%; height: auto; object-fit: contain; }
.md-capability-image figcaption { margin-top: 12px; color: #526d79; font-size: 12px; line-height: 1.8; }
@media (min-width: 901px) {
  .md-capability-image img { max-height: calc(100svh - 244px); }
}
@media (max-width: 640px) {
  .md-capability-image__head { flex-wrap: wrap; gap: 4px 16px; margin-bottom: 12px; }
  .md-capability-image__head h3 { font-size: 21px; }
  .md-capability-image figcaption { font-size: 11px; }
}