@media (max-width: 900px) {
  .start-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  body { font-size: 16px; }
  .site { min-height: 52px; padding: 0 16px; }
  .site span { display: none; }
  .jump { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 5px 8px; }
  .jump a { text-align: center; padding: 4px 2px; font-size: 13px; }
  html { scroll-padding-top: 82px; }
  section { padding: 36px 16px; scroll-margin-top: 82px; }
  .first-screen { display: flex; flex-direction: column; gap: 14px; padding-top: 24px; }
  .intro { order: 1; }
  .hero { order: 2; }
  .evidence { order: 3; }
  .start-grid { order: 4; grid-template-columns: 1fr; }
  .bottom { order: 5; grid-template-columns: 1fr; }
  h1 { font-size: 34px; }
  h2 { font-size: 28px; }
  .dek { font-size: 18px; }
  .definitions { grid-template-columns: 1fr; }
  .sources { columns: 1; }
  .hero img { aspect-ratio: 4 / 3; }
  .table-wrap { margin-right: -16px; padding-right: 16px; }
  .table-wrap table { min-width: 760px; }
  .utility { margin: 0 16px 18px; }

  #details .table-wrap { margin: 0; padding: 0; overflow: visible; }
  #details table, #details tbody, #details tr, #details th, #details td { display: block; width: 100%; min-width: 0; }
  #details thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  #details table { background: transparent; }
  #details caption { display: block; width: 100%; padding: 10px 0 16px; }
  #details tr { margin: 0 0 16px; padding: 16px; background: var(--white); border: 1px solid var(--line); border-radius: 6px; }
  #details th, #details td { border: 0; padding: 6px 0; overflow-wrap: anywhere; }
  #details th { font-size: 19px; }
  #details td::before { display: block; margin-top: 7px; color: var(--green); font-size: 12px; font-weight: 850; text-transform: uppercase; }
  #details td[data-product-detail="size-weight"]::before { content: "Size and weight"; }
  #details td[data-product-detail="materials"]::before { content: "Construction"; }
  #details td[data-product-detail="manufacturing-origin"]::before { content: "Manufacturing origin"; }
  #details td[data-product-detail="brand"]::before { content: "Brand background"; }
  #details td[data-product-detail="warranty"]::before { content: "Warranty and support"; }
}