/* Six released material families: scoped to the homepage materials section. */
#material-details .mat-tab { padding-inline: 22px 0; text-align: start; }
#material-details .mat-tab::before { left: auto; inset-inline-start: 0; border-left: 0; border-inline-start: 3px dashed var(--accent); }
@media (max-width: 960px) {
  #material-details .mat-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; overflow: visible; margin: 0; padding: 0; -webkit-mask-image: none; mask-image: none; }
  #material-details .mat-tab { width: 100%; min-width: 0; min-height: 48px; padding: 7px 8px; justify-content: center; text-align: center; line-height: 1.25; white-space: normal; overflow-wrap: anywhere; }
}