/* Desktop-first: keep original table */
.msth-table-wrap .msth-blocks{display:none;content-visibility:auto;contain-intrinsic-size:600px}

/* MOBILE (≤768px): stack into cards */
@media (max-width:768px){
  .msth-table-wrap table{display:none!important}
  .msth-table-wrap .msth-blocks{display:block!important}

  /* Mobile caption above blocks */
  .msth-table-wrap > caption.msth-cap{
    display:block!important;font-weight:700;font-size:20px;text-align:center;margin:0;
    border:1px solid #2c2c2c;text-transform:capitalize
  }
  .msth-table-wrap > caption.msth-cap strong{font-weight:700}

  /* Cards */
  .msth-table-wrap .inblk{
    border:1px solid #2c2c2c;border-top:none;background:#fff;margin:0;padding:10px
  }
  .msth-table-wrap .inblk:first-child{border-top:1px solid #ddd}
  .msth-table-wrap .inblk p{margin:0;padding:6px 0}
  .msth-table-wrap .inblk strong{font-weight:700;text-transform:capitalize}
  .msth-table-wrap .inblk span{margin-left:6px}

  /* Subheading blocks */
  .msth-table-wrap .inblk.subhead{
    background:#fff;border:1px solid #2c2c2c;margin-top:0;text-transform:capitalize
  }
  .msth-table-wrap .inblk.subhead p{font-weight:700}
}

/* DESKTOP (≥769px): show table/caption, hide cards */
@media (min-width:769px){
  .msth-table-wrap table{
    display:table!important;table-layout:auto;width:100%;border-collapse:collapse
  }
  .msth-table-wrap .msth-blocks{display:none!important}
  .msth-table-wrap > caption.msth-cap{display:none!important}

  /* Table caption */
  .msth-table-wrap table > caption.msth-cap{
    display:table-caption!important;caption-side:top;text-align:center;
    font-weight:700;font-size:20px;text-transform:capitalize;padding:4px 0;
    border:1px solid #ccc;border-bottom:none;border-top:none
  }

  /* Headers & cells */
  .msth-table-wrap table th{
    text-transform:capitalize;white-space:nowrap;vertical-align:top;padding:8px;text-align:left
  }
  .msth-table-wrap table td{
    white-space:normal;word-break:break-word;vertical-align:top;padding:0;text-align:left
  }

  /* Subheading rows that span all columns */
  .msth-table-wrap table td[colspan]{
    text-transform:capitalize;font-weight:700;text-align:left;background:#f9f9f9
  }
}

/* Legacy H3 captions always hidden */
h3.msth-cap{display:none!important}