.formats { padding: 84px 0; border-bottom: 1px solid var(--line); }
.formats .section-heading { margin-bottom: 30px; }
.format-table-wrap { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--ivory); }
.format-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 19px; line-height: 1.5; }
.format-table th, .format-table td { padding: 20px 24px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.format-table thead th { font: 500 12px/1.5 var(--sans); background: var(--oat); }
.format-table tbody th { font: 500 14px/1.55 var(--sans); }
.format-table th:first-child { width: 22%; }
.format-table tr:last-child th, .format-table tr:last-child td { border-bottom: 0; }
.format-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 26px; color: var(--muted); font: 14px/1.75 var(--sans); }
.format-notes p { margin: 0; }
@media (max-width: 800px) {
  .formats { padding: 64px 0; }
  .format-table { font-size: 17px; }
  .format-table th, .format-table td { padding: 18px; }
  .format-notes { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 520px) {
  .formats { padding: 54px 0; }
  .format-table-wrap { border-radius: 16px; }
  .format-table { font-size: 15px; }
  .format-table th, .format-table td { padding: 14px 10px; overflow-wrap: anywhere; }
  .format-table tbody th { font-size: 11px; }
  .format-table thead th { font-size: 10px; }
  .format-table th:first-child { width: 25%; }
  .format-notes { font-size: 13px; }
}