html, body { max-width: 100%; }
  body { overflow-x: hidden; }
  :where(.site-header, .topbar) { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(12px); }
  :where(button, .button, input, select, textarea) { min-width: 44px; min-height: 44px; font-size: 16px; }
  :where(.copy, .copy-button, .primary-button, .secondary-button) { min-width: 44px; min-height: 44px; }
  :where(pre, .code-block, .code-panels, .raw-json, .next-code, .ops-output, .result-output) { max-width: 100%; overflow-x: auto; overflow-y: auto; white-space: pre; overflow-wrap: normal; word-break: normal; overscroll-behavior-inline: contain; }
  .prediction-list { margin: .5rem 0 0; padding-left: 1.2rem; }
  @media (max-width: 600px) {
    :where(.site-header, .topbar) { align-items: flex-start; gap: .55rem; padding: .75rem 0; }
    :where(.site-header nav, .topnav) { display: flex; flex-wrap: wrap; gap: .15rem .65rem; }
    :where(.site-header a, .topnav a) { display: inline-flex; min-height: 44px; align-items: center; }
    .hero { padding: 3rem 0 2rem; }
    .hero h1 { font-size: clamp(2rem, 11vw, 3.25rem); }
    :where(.table-wrap, .table-scroll, .scorecard-wrap) { overflow: visible; border: 0; }
    :where(.table-wrap, .table-scroll, .scorecard-wrap) table { display: block; min-width: 0; }
    :where(.table-wrap, .table-scroll, .scorecard-wrap) thead { display: none; }
    :where(.table-wrap, .table-scroll, .scorecard-wrap) tbody,
    :where(.table-wrap, .table-scroll, .scorecard-wrap) tr,
    :where(.table-wrap, .table-scroll, .scorecard-wrap) td { display: block; width: 100%; }
    :where(.table-wrap, .table-scroll, .scorecard-wrap) tr { margin-bottom: .65rem; border: 1px solid var(--line); border-radius: .75rem; padding: .55rem .7rem; background: var(--panel, var(--surface, transparent)); }
    :where(.table-wrap, .table-scroll, .scorecard-wrap) td { display: flex; justify-content: space-between; gap: .7rem; padding: .42rem 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
    :where(.table-wrap, .table-scroll, .scorecard-wrap) td:last-child { border-bottom: 0; }
    :where(.table-wrap, .table-scroll, .scorecard-wrap) td::before { flex: 0 0 5.8rem; color: var(--muted); content: attr(data-label); font-size: .66rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
    :where(.usage-form, .actions, .button-row, .next-tools) { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; }
    :where(.usage-form > div, .actions > *, .button-row > *, .next-tools > *) { min-width: 0; width: 100%; }
    .usage-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  }