/* Tables for the new buyer guides only; shared site styles are unchanged. */
.buyer-guide .topic-content > div, .buyer-guide .topic-hero > div { min-width: 0; }
.buyer-guide h1 { overflow-wrap: anywhere; }
.buyer-guide .topic-content h3:not(:first-child) { margin-top: 28px; }
.buyer-guide .topic-content a:not(.topic-chip) { text-decoration: underline; text-underline-offset: 3px; }
.buyer-table-wrap { max-width: 100%; overflow-x: auto; }
.buyer-table-wrap:focus-visible { outline: 2px solid var(--coral); outline-offset: 4px; }
.buyer-table { border-collapse: collapse; width: 100%; min-width: 510px; font-size: 14px; line-height: 1.6; color: #536158; }
.buyer-table caption { text-align: left; font-weight: 600; margin: 0 0 16px; color: var(--ink); }
.buyer-table th, .buyer-table td { padding: 14px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.buyer-table thead th { background: var(--sage); color: var(--ink); }
.buyer-table tbody th { color: var(--ink); width: 23%; }
.buyer-guide .topic-cta .button { white-space: normal; }