/* Buyer guides share the existing brand tokens and stay off the homepage. */
.buyer-page [id] { scroll-margin-top: 7rem; }
.buyer-page .post-content a,
.buyer-page .section-copy a,
.buyer-page .buyer-guide a { color: var(--et-mist); text-decoration: underline; text-underline-offset: .2em; }
.buyer-page .post-content a:hover,
.buyer-page .section-copy a:hover,
.buyer-page .buyer-guide a:hover { color: var(--et-white); }
.buyer-guide { margin: var(--et-space-6) 0; color: var(--et-mist); }
.buyer-guide p { margin: 0 0 var(--et-space-4); }
.buyer-guide h3 { margin: 0 0 var(--et-space-4); }
.buyer-jumps { padding: var(--et-space-5); background: var(--et-ink); border: 1px solid var(--et-line-strong); border-radius: var(--et-radius-lg); }
.buyer-jumps p { font-family: var(--et-font-mono); font-size: var(--et-fs-sm); color: var(--et-slate); }
.buyer-jumps ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--et-space-2) var(--et-space-5); padding: 0; margin: 0; list-style: none; }
.buyer-jumps li { margin: 0; }
.buyer-jumps a { display: flex; align-items: center; min-height: 44px; padding: var(--et-space-2) 0; }
.buyer-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--et-line-strong); border-radius: var(--et-radius-lg); }
.buyer-table { width: 100%; border-collapse: collapse; font-size: var(--et-fs-sm); line-height: 1.6; text-align: left; }
.buyer-table caption { padding: var(--et-space-4); text-align: left; color: var(--et-white); font-weight: 700; background: var(--et-ink); }
.buyer-table th,.buyer-table td { padding: var(--et-space-4); border-top: 1px solid var(--et-line); vertical-align: top; }
.buyer-table th { color: var(--et-white); font-weight: 600; }
.buyer-table thead { background: var(--et-panel); }
.buyer-table tbody th { width: 25%; }
.buyer-note { color: var(--et-slate); font-size: var(--et-fs-sm); }
.buyer-table-wrap + .buyer-note { margin-top: var(--et-space-3); }
.buyer-calculator { padding: var(--et-space-5); background: var(--et-panel); border: 1px solid var(--et-line-strong); border-radius: var(--et-radius-lg); }
.buyer-calculator fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.buyer-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--et-space-4); margin-bottom: var(--et-space-5); }
.buyer-fields label { display: flex; flex-direction: column; gap: var(--et-space-2); color: var(--et-mist); font-size: var(--et-fs-sm); }
.buyer-fields input,.buyer-fields select { width: 100%; min-width: 0; min-height: 48px; padding: var(--et-space-3); border: 1px solid var(--et-slate); border-radius: var(--et-radius); background: var(--et-void); color: var(--et-white); font: inherit; font-size: 1rem; color-scheme: dark; }
.buyer-guide :focus-visible { outline: 2px solid var(--et-lime); outline-offset: 4px; }
.buyer-calculator output { display: block; margin: var(--et-space-5) 0 0; padding: var(--et-space-4); background: var(--et-ink); border-left: 2px solid var(--et-lime); color: var(--et-white); font-weight: 500; }
.buyer-calculator .buyer-note { margin-top: var(--et-space-4); margin-bottom: 0; }
.buyer-page .commercial-card a { color: var(--et-mist); text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 600px) {
  .buyer-jumps ul,.buyer-fields { grid-template-columns: 1fr; }
  .buyer-table { min-width: 36rem; }
  .buyer-calculator,.buyer-jumps { padding: var(--et-space-4); }
}