/* List tables on a phone: one card per site, every value beside its column name, the link out full width.
   Loaded on list pages only (templates/hub.php). The wide layout stays in the theme stylesheet. */
.table__na{color:var(--text-3);font-size:var(--fs-sm)}
@media (max-width:47.99rem){
  .table-wrap:has(.hub-table),.table-wrap:has(.hub-table) .table-wrap__scroll{overflow:visible}
  .table-wrap:has(.hub-table)+.table-wrap__hint{display:none!important}
  .hub-table,.hub-table tbody{display:block;width:100%;min-width:0}
  .hub-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hub-table tr{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.75rem;row-gap:0;margin:0 0 .75rem;padding:.875rem 1rem 1rem;border:1px solid var(--border);border-radius:var(--r-lg,16px);background:var(--surface)}
  .hub-table th,.hub-table td{display:block;padding:0!important;border:0;text-align:left;background:none;box-shadow:none;white-space:normal;overflow-wrap:anywhere;min-width:0}
  .hub-table .table__sticky{position:static}
  .hub-table td.table__rank{grid-column:1;display:grid;place-items:center;min-width:2rem;height:2rem;border-radius:50%;background:var(--surface-2);font-size:.9375rem}
  .hub-table th[scope=row]{grid-column:2;font-size:1.0625rem}
  .hub-table:not(.hub-table--ranked) th[scope=row]{grid-column:1 / -1}
  .hub-table th[scope=row] a{display:flex;align-items:center;gap:.6rem;min-height:2.75rem}
  .hub-table td[data-label]:not(.table__rank){grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;padding:.55rem 0!important;border-top:1px solid var(--border);text-align:right}
  .hub-table td[data-label]:not(.table__rank)::before{content:attr(data-label);flex:none;font-size:var(--fs-sm);font-weight:600;color:var(--text-3);text-align:left}
  .hub-table td[data-label] .hub-table__value{flex:1 1 55%;min-width:0;overflow-wrap:anywhere}
  .hub-table td[data-label] .offer-details{flex:1 0 100%;text-align:left}
  .hub-table td.table__yes,.hub-table td.table__no{min-height:2.4rem;align-items:center}
  .hub-table td.table__yes .vh,.hub-table td.table__no .vh{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible;white-space:normal;font-weight:700}
  .hub-table td.table__yes::before,.hub-table td.table__no::before{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;vertical-align:baseline}
  .hub-table td.table__yes::after,.hub-table td.table__no::after{display:none}
  .hub-table td.table__yes .vh{color:var(--zone-2, #16A75C)}
  .hub-table td.table__num .table__meter{justify-content:flex-end}
  .hub-table td.table__go{grid-column:1 / -1;padding-top:.75rem!important;border-top:1px solid var(--border);text-align:center}
  .hub-table td.table__go::before{display:none!important}
  .hub-table td.table__go{display:block!important}
  .hub-table td.table__go .btn{display:flex;justify-content:center;width:100%;min-height:2.875rem}
}