@media (max-width: 768px) {
  #app .fullpage,
  #app .fullpage__section,
  #app .scientific-research,
  #app .core-capabilities,
  #app .matrix-section {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  #app .scientific-research__inner,
  #app .core-capabilities__workspace,
  #app .matrix-section__layout {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  #app .scientific-research__lead {
    max-width: 100%;
    overflow: hidden;
    font-size: clamp(8px, 2.2vw, 11px);
    letter-spacing: -0.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #app .research-tabs,
  #app .capability-track,
  #app .matrix-chain__list {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    touch-action: pan-x pan-y;
  }

  #app .research-tabs > *,
  #app .capability-track__item,
  #app .matrix-chain__node-wrap {
    flex: 0 0 auto;
    max-width: calc(100vw - 72px);
    scroll-snap-align: start;
  }

  #app .topic-line,
  #app .topic-line > *,
  #app .matrix-detail,
  #app .core-detail,
  #app .core-detail > * {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  #app .topic-line h3,
  #app .topic-line__position {
    overflow-wrap: anywhere;
  }

  #app .core-detail,
  #app .matrix-detail {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
  }
}