@media (max-width: 720px) {
  .diagram thead {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px !important;
    border-bottom: 1px solid var(--line, var(--border, var(--edge, #d8e0ea))) !important;
    background: var(--surface, var(--panel, var(--paper, #f8fafc))) !important;
  }
  .diagram thead tr {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 108px), 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
  }
  .diagram thead th {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 6px 8px !important;
    border: 1px solid var(--line, var(--border, var(--edge, #d8e0ea))) !important;
    border-radius: 6px !important;
    background: var(--paper, var(--panel, #fff)) !important;
    color: var(--text, var(--ink, #111827)) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
  }
}