/* Full source-backed material descriptions, specifications and pictograms. */
.product-hero .product-intro>p:not(.eyebrow){font-size:18px;color:#455964;line-height:1.65}
.product-hero .product-image{background:transparent}
.product-hero .product-image img{mix-blend-mode:normal}
.material-reading,.material-specs,.material-features,.material-examples{padding:0 var(--gutter) 48px}
.material-reading{max-width:1000px}
.material-reading h2,.material-specs h2,.material-features h2,.material-examples h2{font-size:clamp(27px,2.6vw,38px);margin:0 0 25px}
.material-reading p,.material-reading li{font-size:18px;line-height:1.75;color:#344b58}
.material-reading p{margin:0 0 20px}.material-reading ul{padding-left:24px}.material-reading li{padding:5px 0}
.material-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:18px;line-height:1.65;text-align:left}
.material-table th,.material-table td{padding:18px 22px;border-bottom:1px solid #d6dddb;vertical-align:top;overflow-wrap:anywhere}
.material-table th{width:30%;font-weight:600;color:#172b3a;background:#e8eeed}
.material-table td{background:#f0f2ed;color:#344b58}
.material-table ul{margin:0;padding-left:20px}.material-table li+li{margin-top:8px}
.material-table .table-section th{width:auto;background:#dfe8ec;color:#075eab}
.feature-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.feature-grid li{display:flex;align-items:center;gap:15px;min-width:0;padding:17px 0;border-top:1px solid #d6dddb}
.feature-grid img{width:64px;height:64px;object-fit:contain;flex:0 0 64px}
.feature-grid span{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.example-grid figure{margin:0}
.example-grid img{width:100%;height:260px;object-fit:contain;background:transparent}
.example-grid figcaption{font-size:14px;line-height:1.5;color:#52636c;margin-top:12px}
.material-contact{padding:0 var(--gutter) 38px}.material-contact a{font-size:18px;color:#075eab;font-weight:600}
@media(max-width:1050px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-table th{width:34%}}
@media(max-width:680px){.product-hero .product-intro>p:not(.eyebrow){font-size:17px}.material-reading,.material-specs,.material-features,.material-examples{padding-bottom:32px}.material-reading p,.material-reading li{font-size:17px}.material-table{font-size:16px}.material-table th,.material-table td{padding:13px 12px}.material-table th{width:39%}.feature-grid{grid-template-columns:1fr 1fr;gap:8px 16px}.feature-grid li{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 0}.feature-grid span{font-size:15px}.example-grid{grid-template-columns:1fr;gap:25px}.example-grid img{height:250px}}

/* Compact material pages: bounded reading width, top alignment and natural figures. */
.material-page main{max-width:none;margin:0}
.material-page .breadcrumb{padding-top:18px;font-size:13px}
.material-page .product-hero{grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start;padding:24px var(--gutter) 30px}
.material-page .product-intro{min-width:0}
.material-page .product-intro>.eyebrow{font-size:12px;margin:0 0 12px}
.material-page .product-intro h1{font-size:clamp(34px,3.3vw,52px);margin:0 0 16px;line-height:1.15}
.material-page .product-intro>p:not(.eyebrow){max-width:none;font-size:18px;line-height:1.6;margin:0 0 20px}
.material-page .product-image{aspect-ratio:auto;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.material-page .product-image>img{width:100%;height:280px;max-height:280px;object-fit:contain;mix-blend-mode:normal}
.material-page .product-image>figcaption{position:static;font-size:13px;line-height:1.4;margin-top:8px;color:#52636c}
.material-page .material-reading{max-width:none}
.material-page .material-reading p,.material-page .material-reading li{max-width:95ch}
.material-page .material-reading,.material-page .material-specs,.material-page .material-features,.material-page .material-examples{padding-bottom:32px}
.material-page .material-reading h2,.material-page .material-specs h2,.material-page .material-features h2,.material-page .material-examples h2{margin-bottom:18px}
@media(max-width:1000px) and (min-width:681px){.material-page .product-hero{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.material-page .product-image>img{height:240px;max-height:240px}}
@media(max-width:680px){.material-page .breadcrumb{padding-top:18px;font-size:12px}.material-page .product-hero{grid-template-columns:1fr;gap:22px;padding-top:20px;padding-bottom:26px}.material-page .product-intro h1{font-size:34px}.material-page .product-intro>p:not(.eyebrow){font-size:17px}.material-page .product-image>img{height:220px;max-height:220px}}