/* Scoped styles for the backing reference and completed-order links. */
.backing-reference { margin: 28px auto; max-width: 750px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.backing-reference img { display: block; width: 100%; height: auto; }
.backing-reference figcaption { padding: 16px 20px; color: var(--muted); font-size: .94rem; line-height: 1.6; }
.backing-reference figcaption a { text-decoration: underline; }
.backing-options-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; margin: 24px 0 0; }
.backing-option { padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.backing-option h3 { margin: 6px 0 12px; }
.backing-option p:last-child { margin-bottom: 0; }
.backing-purpose { color: #42566a; font-size: .8rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; margin: 0; }
.backing-quote-note { padding: 26px; background: #f2f6f8; border-radius: 12px; }
.backing-quote-note li { margin-bottom: 10px; }
.backing-quote-note .button { white-space: normal; text-align: center; max-width: 100%; }
.guide-content .buyer-case-link { display: grid; grid-template-columns: minmax(0,210px) minmax(0,1fr); align-items: center; gap: 28px; padding: 26px; margin: 34px 0; border: 1px solid var(--line); border-radius: 12px; background: #f5f8fa; }
.buyer-case-link .buyer-case-photo { display: block; background: #fff; border-radius: 8px; overflow: hidden; }
.buyer-case-link .buyer-case-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.buyer-case-link h2 { margin: 8px 0 12px; font-size: clamp(1.35rem,2vw,1.8rem); line-height: 1.25; }
.buyer-case-link .eyebrow { margin: 0; }
.buyer-case-link .text-link { display: inline-block; }
.guide-content .table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; }
.guide-content .data-table { width: 100%; min-width: 740px; border-collapse: collapse; background: #fff; }
.guide-content .data-table th, .guide-content .data-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.guide-content .data-table th { color: #fff; background: var(--deep); }
.guide-content .data-table tr:last-child td { border-bottom: 0; }
@media (max-width: 640px) {
  .backing-options-grid { grid-template-columns: 1fr; gap: 14px; }
  .backing-option, .backing-quote-note { padding: 20px; }
  .guide-content .buyer-case-link { grid-template-columns: 1fr; padding: 20px; gap: 20px; }
  .buyer-case-link .buyer-case-photo { width: min(100%,240px); margin: 0 auto; }
}