/* Scoped additions for the material purchasing guide and polyester example. */
.product-material-start { margin: 0 0 42px; scroll-margin-top: 110px; }
.product-material-start h2 { margin: 0 0 14px; color: var(--refresh-navy, #0b1d33); font-size: 28px; line-height: 1.2; letter-spacing: -.02em; }
.product-material-start > p { max-width: 74ch; margin: 0 0 20px; color: var(--refresh-muted, #4f6076); line-height: 1.65; }
.material-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 26px 0 22px; padding: 0; list-style: none; }
.material-options li { min-width: 0; }
.material-options a { display: block; height: 100%; padding-bottom: 18px; border-bottom: 1px solid var(--refresh-line, #dce4ed); color: var(--refresh-navy, #0b1d33); text-decoration: none; }
.material-options img { display: block; width: 100%; height: 172px; margin-bottom: 17px; object-fit: contain; background: #f4f7f9; }
.material-options h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.35; letter-spacing: -.01em; }
.material-options p { margin: 0 0 12px; color: var(--refresh-muted, #4f6076); font-size: 14px; line-height: 1.5; }
.material-options span { color: #075bc7; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.material-options a:hover h3 { color: #075bc7; }
.material-options a:focus-visible { outline: 2px solid #075bc7; outline-offset: 5px; }
.product-material-start .material-options-followup { margin-bottom: 10px; font-size: 15px; }
.product-material-start a:not(.material-options a), .white-common-spec a { color: #075bc7; text-decoration: underline; text-underline-offset: 3px; }
.product-material-start .material-start-contact { margin-top: 22px; color: var(--refresh-navy, #0b1d33); }
.product-page-content .white-common-spec { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 230px) minmax(0, 1fr); align-items: center; gap: 32px; padding-top: 28px; border-top: 1px solid var(--refresh-line, #dce4ed); scroll-margin-top: 110px; }
.white-common-spec figure { margin: 0; }
.white-common-spec figure img { display: block; width: 100%; height: auto; object-fit: contain; }
.white-common-spec figcaption { margin-top: 10px; color: var(--refresh-muted, #4f6076); font-size: 13px; line-height: 1.5; }
.white-common-spec h2 { margin-top: 0; }
.white-common-spec > div { max-width: 68ch; }
.common-spec-values { margin: 20px 0; font-size: 16px; }
.common-spec-values > div { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--refresh-line, #dce4ed); }
.common-spec-values dt { color: var(--refresh-muted, #4f6076); }
.common-spec-values dd { margin: 0; color: var(--refresh-navy, #0b1d33); font-weight: 600; font-variant-numeric: tabular-nums; }
@media (max-width: 900px) {
  .material-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .product-material-start h2 { font-size: 25px; }
  .material-options { grid-template-columns: 1fr; gap: 18px; }
  .material-options a { display: grid; grid-template-columns: minmax(0, 104px) minmax(0, 1fr); column-gap: 16px; align-content: start; min-height: 116px; }
  .material-options img { grid-row: 1 / 4; height: 104px; margin: 0; }
  .material-options h3 { font-size: 17px; }
  .material-options p, .material-options span { font-size: 13px; }
  .product-page-content .white-common-spec { grid-template-columns: 1fr; gap: 22px; }
  .white-common-spec figure { display: grid; grid-template-columns: minmax(0, 138px) minmax(0, 1fr); align-items: end; gap: 18px; }
  .white-common-spec figcaption { margin: 0; font-size: 13px; }
  .common-spec-values > div { grid-template-columns: minmax(0, 125px) minmax(0, 1fr); }
}