.hc-page-blog-capacity .hc-cap-photos img { width: 100%; height: 340px; object-fit: contain; background: #fff; }
.hc-page-blog-capacity .hc-cap-figure { margin: 32px 0; min-width: 0; }
.hc-cap-diagram { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid var(--c-line); border-radius: 6px; }
.hc-cap-diagram img { display: block; width: 100%; min-width: 800px; height: auto; max-width: none; }
.hc-cap-figure figcaption { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; margin-top: 10px; color: var(--c-ink-3); font-size: 12px; line-height: 1.6; }
.hc-cap-figure figcaption a { display: inline-flex; align-items: center; min-height: 44px; color: var(--c-accent); font-size: 14px; font-weight: 500; text-decoration: none; }
.hc-cap-figure figcaption a:hover { text-decoration: underline; }
.hc-cap-figure figcaption span { display: none; }
.hc-cap-diagram:focus-visible { outline: 2px solid var(--c-focus); outline-offset: 3px; }
.hc-page-blog-capacity .hc-de-prose > .hc-de-table { margin-top: 26px; margin-bottom: 28px; }
.hc-page-blog-capacity .hc-de-prose > ol { padding-left: 24px; }
.hc-page-blog-capacity .hc-de-prose > ol li { margin: 12px 0; padding-left: 6px; }
@media (max-width: 767px) {
  .hc-page-blog-capacity .hc-cap-photos img { height: 240px; }
  .hc-cap-figure figcaption span { display: block; }
  .hc-page-blog-capacity .hc-de-prose > .hc-de-table { margin-bottom: 0; }
  .hc-page-blog-capacity .hc-de-table-hint { margin-bottom: 26px; }
}