.technical-hub{padding:28px 0 64px;min-height:65vh}
.technical-hub h1{text-align:center;font-size:clamp(30px,3vw,46px);font-weight:500;margin:34px 0 48px}
.technical-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.technical-card-banner{background:#008acd;color:white;min-height:100px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;padding:18px}
.technical-cards .category-card-body{padding:18px}.technical-cards .category-card-body h2{font-size:18px}
.technical-cards .category-card-body p{margin:10px 0 0;color:#576875;line-height:1.6;font-size:14px}
.material-family-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;margin:0 0 32px}.material-family-nav a{color:#008acd;font-weight:600}
.material-family{padding:28px 0;scroll-margin-top:110px}.material-family>h2{font-size:26px;margin:0 0 24px}
.material-family .technical-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.material-family .technical-card-banner{font-size:21px;min-height:110px;padding:16px 12px;overflow-wrap:anywhere;text-align:center}
.material-family .category-card-body{padding:16px 12px}.material-family .category-card-body h3{margin:0;font-size:15px}
.material-family .category-card-body p{font-size:12px;margin-top:8px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:1100px){.material-family .technical-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.technical-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.material-family .technical-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.technical-cards{grid-template-columns:1fr}}
@media(max-width:420px){.material-family .technical-cards{grid-template-columns:1fr}}

/* Match the established blue outline on material group cards. */
.material-family .category-card{border:1px solid #008acd}

.technical-hub > .container > .technical-cards .category-card{border:1px solid #008acd}