/* Shared by every page, loaded after the page's own style so it wins at equal specificity.
   Tap targets (links in the header, nav and footer, buttons, toggles, disclosure rows) are
   at least 44 px tall. Wide tables scroll inside .table-wrap instead of widening the page. */
a.nav, a.home, header a, nav a, footer a, .report-link a { display: inline-flex; align-items: center; min-height: 44px; }
summary, label.check, label.option { min-height: 44px; }
label.check, label.option { align-items: center; }
.tabs button, button.quick, button.ghost, .ft-grid input, .note-row button, .cmp-h button.ghost, .cmp-lists .cmp-actions button.ghost { min-height: 44px; }
.table-wrap { max-width: 100%; overflow-x: auto; }
.table-wrap td code { overflow-wrap: anywhere; }
/* With taller nav pills, let the header wrap instead of the pills overlapping the title. */
header { flex-wrap: wrap; }
header a.nav + a.nav { margin-left: 0; }
/* agent.html error tables: the Meaning column keeps a readable width (the table scrolls
   in its wrapper instead of squeezing it), and an edge shadow shows there is more to
   scroll. The shadows sit under covers that scroll with the table, so they only show
   on a side with hidden content. */
#agent-errors td:nth-child(2), #agent-errors th:nth-child(2), #errors td:nth-child(3), #errors th:nth-child(3) { min-width: 12em; }
#agent-errors .table-wrap, #errors .table-wrap {
  background:
    linear-gradient(to right, var(--card, #17171a) 30%, rgba(23, 23, 26, 0)) left center / 32px 100% no-repeat local,
    linear-gradient(to left, var(--card, #17171a) 30%, rgba(23, 23, 26, 0)) right center / 32px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%, rgba(171, 159, 242, 0.5), rgba(171, 159, 242, 0)) left center / 14px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%, rgba(171, 159, 242, 0.5), rgba(171, 159, 242, 0)) right center / 14px 100% no-repeat scroll;
}

/* Reclaim page: Solana rent from reads (web/reclaim-rent.js). */
.rent-list { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; font-size: 13px; }
.rent-list li { display: grid; gap: 6px; }
#rent-claim-all { width: 100%; margin-top: 10px; }
