.process-chart-heading { margin-bottom: 16px; }
.original-process-chart {
  width: min(100%, 880px); margin-inline: auto; padding: clamp(8px, 2vw, 24px);
}
.original-process-chart img { display: block; width: 100%; height: auto; }
.process-chart-action {
  display: flex; align-items: center; justify-content: end; gap: .45em; padding: 0 4px 8px;
  color: var(--blue); font-size: 1.0625rem; font-weight: 550;
}
.process-chart-action span { font-size: 1.3em; }
#process-chart-size:not([hidden]) {
  margin-left: auto; padding: .4em .75em; min-height: 40px;
  border: 1px solid var(--line); background: white; color: var(--ink);
  font: inherit; font-size: 1rem; cursor: pointer;
}
#gallery-dialog[data-chart] .gallery-head { flex: none; }
#gallery-dialog[data-chart] .gallery-image {
  padding: 0; overflow: auto; overscroll-behavior: contain; background: white;
}
#gallery-dialog[data-chart] .gallery-image img {
  width: max(100%, 1320px); max-width: none; height: auto; object-fit: initial;
}
#gallery-dialog[data-chart="fit"] .gallery-image img { width: 100%; }
@media (max-width: 460px) {
  #gallery-dialog[data-chart] .gallery-head { padding: 6px 8px; gap: 6px; }
}