/* Keep the storefront's plain-text identity and one dominant purchase action. */
html { padding: 0; }
body { padding: 24px 20px 48px; }
main, header, footer { min-width: 0; }
header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; overflow-wrap: anywhere; }
h1, h2, p, li, td, th { overflow-wrap: anywhere; }
textarea { resize: vertical; min-height: 152px; font-size: 16px; }
input, select { font-size: 16px; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.btn-primary { width: 100%; text-align: center; margin: 12px 0 4px; }
.btn-primary:visited { color: white; }
.muted { font-size: .85rem; color: var(--ink-muted); }
#tool-status { margin-top: 12px; }
#tool-findings { padding-left: 20px; }
#tool-snippet { min-height: 132px; }
.tool-list { list-style: none; padding: 0; }
.tool-list li { border-bottom: 1px solid #ccc; padding: 8px 0; }
.tool-list a { display: flex; }
.tool-list p { margin: 0 0 8px; }
table { table-layout: fixed; }
td, th { overflow-wrap: anywhere; }
[hidden] { display: none !important; }
footer { margin-top: 24px; }
@media (max-width: 480px) {
  th:first-child { width: 50%; }
  th:last-child { width: 23%; }
}