/* Uses the primary marketing site's existing colors, widths and type scale. */
.buyer-links { width: var(--page-width); max-width: 1600px; margin: 64px auto; padding: clamp(28px,4vw,56px); border: 1px solid #333; border-radius: 12px; background: linear-gradient(140deg,#191919,#101010); }
.buyer-links h2 { font-size: clamp(28px,3.2vw,48px); font-weight: 500; letter-spacing: -.04em; line-height: 1.13; margin: 0 0 22px; }
.buyer-links p { color: var(--text-dim); line-height: 1.75; font-size: clamp(15px,1.15vw,19px); max-width: 65ch; }
.buyer-links div { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 26px; }
.buyer-links a { font-size: 14px; color: var(--text); text-decoration: underline; text-decoration-color: #666; text-underline-offset: 5px; }
.buyer-links a:hover { color: var(--accent); }
.buyer-links .eyebrow { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .13em; color: var(--accent); margin: 0 0 24px; }

/* Direct product answers use the same panels, typography and mobile rhythm. */
.buyer-answers .answer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(24px,3vw,48px); margin-top: 36px; }
.buyer-answers article { border-top: 1px solid var(--border); padding-top: 24px; }
.buyer-answers h3 { color: var(--text); font-size: clamp(20px,1.6vw,26px); font-weight: 500; line-height: 1.3; letter-spacing: -.025em; margin: 0 0 16px; }
.buyer-answers article p { margin: 0; }
@media(max-width:760px) { .buyer-answers .answer-grid { grid-template-columns: 1fr; } }