/* Shared by published math documents and their generators, not the app UI. */
@media screen {
  body { overflow-wrap: break-word; }
  main, article, section, .wrap, .container, .grid, .card, .question-item,
  .problem-text, .solution-content, .field-html, .choice-text, .opt { min-width: 0; }
  .problem-text, .field-html, .choice-text { max-width: 100%; }
  .responsive-table { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; margin-block: 1rem; }
  .responsive-table:focus-visible { outline: 2px solid #0f766e; outline-offset: 2px; }
  .responsive-table > table { margin-block: 0; }
  mjx-container[jax], .katex-display {
    max-width: 100%; min-width: 0 !important; overflow-x: auto; overflow-y: hidden;
  }
  mjx-container[jax]:not([display="true"]) { display: inline-block; vertical-align: middle; }
  mjx-container[jax][display="true"] { display: block; }
  img { max-width: 100%; height: auto; }
  .problem-text > svg { max-width: 100%; height: auto; }
  /* The generated task index is navigation, not a row of inline prose links. */
  a.task-number { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
}
@media (pointer: coarse), (hover: none) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select { font-size: 16px !important; }
  button { min-height: 44px; }
}
@media print {
  .responsive-table { overflow: visible; }
}