.category-note-content { clear: both; min-width: 0; max-width: 100%; }
.category-note-content img { max-width: 100%; height: auto; }
.category-note-content ol, .category-note-content ul { padding-left: 1.6em; margin-left: 0; }
.category-note-content figure.table { width: 100%; max-width: 100%; margin: 0 0 16px; }
.category-note-content table.blackborder { width: 100%; border-collapse: collapse; }
.category-note-content table.blackborder td,
.category-note-content table.blackborder th { border: 1px solid #000 !important; }
@media (max-width: 700px) {
  .category-note-content { font-size: 16px; line-height: 1.55; overflow-wrap: anywhere; }
  .category-note-content h2 { font-size: 21px; line-height: 1.3; }
  .category-note-content h3 { font-size: 18px; line-height: 1.4; }
  .category-note-content ol, .category-note-content ul { padding-left: 24px; margin-left: 0; }
  .category-note-content li { margin-bottom: 12px; }
  .category-note-content img { max-width: 100% !important; float: none !important; display: block; margin: 12px auto !important; }
  /* Keep comparison columns aligned; only this table scrolls horizontally. */
  .category-note-content table { display: block; width: 100% !important; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .category-note-content table:first-of-type tbody { display: table; width: 100%; min-width: 680px; }
  .category-note-content table:first-of-type td { padding: 10px 12px; min-width: 140px; overflow-wrap: normal; word-break: normal; hyphens: none; }
  .category-note-content table p { margin: 0; }
  /* The equipment table has one product and its contents in each row. */
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child),
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child) tbody,
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child) tr,
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child) td { display: block; width: 100% !important; min-width: 0; box-sizing: border-box; }
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child) { border: 0; overflow: visible; }
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child) tr { margin: 0 0 16px; border: 1px solid #b8dbea; border-radius: 10px; overflow: hidden; }
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child) td { padding: 12px; border: 0 !important; white-space: normal; text-align: left; background: #f5fbff; }
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child) td:first-child { background: #d6ebf7; }
  .category-note-content table.blackborder:has(> tbody > tr:first-child > td:nth-child(2):last-child) h3 { margin: 0 0 4px; }
}
