@media (max-width: 767px) {
  .diagram-figure { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0; }
  .diagram-pan { width: 100%; box-sizing: border-box; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; max-width: 100%; }
  .diagram-pan img { width: 900px !important; min-width: 900px; max-width: none !important; height: auto; display: block; }
  .diagram-pan:focus-visible { outline: 2px solid #43a6cc; outline-offset: 2px; }
  .diagram-hint { display: block; margin: 0 0 8px; font-size: 13px; color: #555; }
}
@media (min-width: 768px) { .diagram-hint { display: none; } }