.materialy-tiles-wrapper {max-width: 1200px; margin: 0 auto; padding: 1rem 0 2rem; display: flex; flex-direction: column; align-items: center; gap: 2rem;}
.materialy-tiles-header {display: flex; flex-direction: column; gap: .75rem; align-items: center; text-align: center;}
.materialy-tiles-subtitle {font-style: italic; font-size: 1.25rem; line-height: 150%; color: #3c3b36; margin: 0;}
.materialy-tiles-main {width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem 1.25rem;}
.materialy-tile {position: relative; display: grid; grid-template-rows: auto auto auto; text-align: center; text-decoration: none; border-radius: 2px;}
.materialy-tile-image {display: block; width: 100%; aspect-ratio: 3/4; overflow: hidden; border-radius: 2px;}
.materialy-tile-image img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease;}
.materialy-tile:hover .materialy-tile-image img {transform: scale(1.05);}
.materialy-tile-label {position: relative; z-index: 1; margin-top: -2.25rem; padding: .85rem .5rem; background: linear-gradient(90deg, rgba(252,223,170,.69) 0%, rgba(255,255,255,.69) 100%);}
.materialy-tile-name {font-family: var(--font-secondary, 'Libertinus Serif', serif); font-size: 1.5rem; color: #3c3b36; line-height: 1.15; display: block;}
.materialy-tile-text {display: block; margin-top: .35rem; padding: 0 .5rem; font-size: .85rem; color: #6b6459; line-height: 1.35;}
.materialy-tile--accent {box-shadow: 0 0 0 2px #bea680; border-radius: 2px;}
.materialy-tiles-other-styles {width: 100%; display: flex; align-items: center; justify-content: center; gap: .75rem; flex-wrap: wrap; color: #9a8c7e; font-size: .95rem;}
.materialy-tiles-other-styles__title {color: #3c3b36; font-weight: 600;}
.materialy-tiles-other-styles a {color: #9d7c3c; text-decoration: underline;}
.materialy-tiles-other-styles a:hover {color: #7a5f2c;}
@media (max-width: 900px) {
  .materialy-tiles-main {grid-template-columns: repeat(2, 1fr); gap: 1.75rem 1rem;}
  .materialy-tile-name {font-size: 1.3rem;}
}
@media (max-width: 480px) {
  .materialy-tiles-main {grid-template-columns: repeat(2, 1fr); gap: 1.5rem .75rem;}
  .materialy-tiles-subtitle {font-size: 1rem;}
  .materialy-tile-label {margin-top: -2rem; padding: .6rem .4rem;}
  .materialy-tile-name {font-size: clamp(1.15rem, 5vw, 1.4rem); white-space: normal; overflow-wrap: anywhere;}
  .materialy-tile-text {font-size: .78rem; padding: 0 .25rem;}
}

.materialy-tiles-main {grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; margin: 0 auto;}