/* araiyu.com — iPad / medium-screen shared layer.
   Placed AFTER the original page CSS. No desktop/mobile overrides outside this range. */
@media screen and (min-width: 700px) and (max-width: 1399px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  *, *::before, *::after { box-sizing: border-box; }
  img, video, svg, canvas { max-width: 100%; }
  iframe { max-width: 100%; }
  pre { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  :where(p, li, blockquote, h1, h2, h3, h4, a) { overflow-wrap: break-word; }
  :where(input, select, textarea, button) { max-width: 100%; }
  :where(a, button, input, select, textarea):focus-visible {
    outline-offset: 3px;
  }
}