/* Procurement pages retain the site's existing typography and photograph viewer. */
.purchase-scenarios, .purchase-page-links {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
.purchase-page-links {grid-template-columns: repeat(2,minmax(0,1fr));}
.purchase-page-links a {color: inherit; text-decoration: none;}
.purchase-page-links a:hover {border-color: #e45635;}
.purchase-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px;}
.purchase-actions .button {white-space: normal;}
.purchase-contact-note {color: #45606f; font-size: 14px; margin-top: 20px;}
.purchase-landing .page-hero .lead {max-width: 850px;}
.purchase-landing #product-reference {scroll-margin-top: 110px;}
.purchase-landing .product-library-grid {grid-template-columns: repeat(3,minmax(0,1fr));}
.purchase-table-wrap {overflow-x: auto;}
.purchase-table {width: 100%; border-collapse: collapse; color: #163040;}
.purchase-table caption {text-align: left; margin-bottom: 16px; font-weight: 600;}
.purchase-table th, .purchase-table td {text-align: left; padding: 16px; border: 1px solid #ced8dd; vertical-align: top;}
.purchase-table thead {background: #eff4f6;}
.purchase-crosslinks {display: flex; flex-wrap: wrap; gap: 16px 28px; padding-block: 24px;}
.purchase-crosslinks a {font-size: 14px; text-decoration: underline; text-underline-offset: 4px;}
.purchase-mobile-contact {display: none;}
@media (max-width: 800px) {
 .purchase-scenarios, .purchase-page-links {grid-template-columns: 1fr;}
 .purchase-landing .product-library-grid {grid-template-columns: repeat(2,minmax(0,1fr));}
 .purchase-table th, .purchase-table td {padding: 12px; font-size: 14px; overflow-wrap: anywhere;}
 .purchase-landing {padding-bottom: calc(64px + env(safe-area-inset-bottom));}
 .purchase-mobile-contact {display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 1px; position: fixed; z-index: 9; bottom: 0; left: 0; right: 0; background: #ced8dd; padding-bottom: env(safe-area-inset-bottom);}
 .purchase-mobile-contact a {display: flex; min-height: 56px; align-items: center; justify-content: center; background: #f7f9fa; color: #163040; font-weight: 600; text-decoration: none;}
 .purchase-mobile-contact a:last-child {background: #163040; color: #fff;}
 .purchase-actions .button {min-height: 48px;}
}