/* v3 additions: comparison tables, responsive tables, a11y, mobile tap targets */
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th,.tbl td{padding:10px 8px;border-bottom:1px solid #e3e6ea;text-align:left;vertical-align:top}
.tbl thead th{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:#4a5260;background:#f6f7f9}
.tbl tbody th{font-weight:500}
.cmp{margin:28px 0;padding:18px;border:1px solid #dfe3e8;border-radius:12px;background:#fff}
.cmp h2{margin-top:0}.cheapest{font-size:17px;margin:6px 0 4px}
.cmpt tr.me{background:#f2f8f4}
.crumbs{font-size:14px;margin:10px 0}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #1a5fd0;outline-offset:2px}
.muted{color:#5a6270}
@media (max-width:640px){
 .tbl thead{position:absolute;left:-9999px}
 .tbl tr{display:block;border-bottom:1px solid #e3e6ea;padding:8px 0}
 .tbl th,.tbl td{display:block;border:0;padding:3px 0}
 .tbl td[data-h]::before{content:attr(data-h) ": ";color:#5a6270;font-size:13px}
 .tbl td a,.tbl th a{display:inline-block;min-height:44px;line-height:44px}
 nav a{min-height:44px;display:inline-flex;align-items:center}
 .grid{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.stale-box{background:#fff4e5;border:2px solid #c25e00;color:#5c2d00;border-radius:10px;padding:12px 14px;margin:12px 0}
.stats .is-stale b{color:#6b7280}
.stats .is-stale small,.stale-t{color:#a04a00;font-weight:700}
.wasdate{display:inline-block;background:#eef2f7;color:#1f2a37;border-radius:6px;padding:1px 6px;font-size:12px;font-weight:600}
