/* The existing six-article visual system stays unchanged. New table behavior only. */
.buyer-table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--text-sm);line-height:1.7}
.buyer-table th,.buyer-table td{text-align:left;vertical-align:top;padding:var(--space-4);border-bottom:1px solid var(--border)}
.buyer-table thead th{color:var(--article-link);font-weight:600;border-top:1px solid var(--border)}
.buyer-table tbody th{width:30%;font-weight:600;color:var(--text);padding-left:0}
.buyer-table thead th:first-child{padding-left:0}
.buyer-table td{padding-right:0}
.article-copy blockquote{margin:var(--space-8) 0;padding:var(--space-4) 0 var(--space-4) var(--space-6);border-left:2px solid var(--article-link);color:var(--text)}
.article-copy blockquote p:last-child{margin-bottom:0}
.article-intro p:last-child{margin-bottom:var(--space-6)}
@media(max-width:600px){
 .buyer-table{font-size:var(--text-base)}
 .buyer-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .buyer-table,.buyer-table tbody,.buyer-table tr,.buyer-table th,.buyer-table td{display:block;width:100%}
 .buyer-table tr{padding:var(--space-5) 0;border-top:1px solid var(--border)}
 .buyer-table tr:last-child{border-bottom:1px solid var(--border)}
 .buyer-table tbody th{width:100%;padding:0 0 var(--space-2);border:0;color:var(--article-link)}
 .buyer-table td{padding:0;border:0}
 .article-copy blockquote{padding-left:var(--space-4)}
}
