.website-page-tiles { width: 100%; container: website-page-tiles / inline-size; }
.website-page-tiles .website-page-tiles__grid { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; }
.website-page-tiles .website-page-tiles__item { flex: 1 1 100%; min-width: 0; margin: 0; }
.website-page-tiles a.website-page-tiles__link { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; height: 100%; box-sizing: border-box; padding: 14px 12px; border: 0; border-radius: 8px; background: #f7f8f9; color: #171717; text-decoration: none; transition: background-color .18s ease; }
.website-page-tiles a.website-page-tiles__link:hover { background: #f0f2f4; color: #171717; text-decoration: none; }
.website-page-tiles a.website-page-tiles__link:focus-visible { outline: 3px solid #cf0a2c; outline-offset: 3px; }
.website-page-tiles .website-page-tiles__media { display: flex; align-items: center; justify-content: center; flex: 0 0 64px; width: 64px; height: 64px; background: transparent; }
.website-page-tiles .website-page-tiles__media img { display: block; width: 100%; height: 100%; max-width: 64px; max-height: 64px; margin: 0; border-radius: 0; background: transparent; object-fit: contain; box-shadow: none; }
.website-page-tiles .website-page-tiles__title { margin: 0; padding: 0; color: #171717; font-size: .8125rem; font-weight: 700; line-height: 1.35; text-align: center; overflow-wrap: anywhere; }
@container website-page-tiles (min-width: 320px) { .website-page-tiles .website-page-tiles__item { flex-basis: calc((100% - 20px) / 2); } }
@container website-page-tiles (min-width: 480px) { .website-page-tiles .website-page-tiles__item { flex-basis: calc((100% - 40px) / 3); } }
@container website-page-tiles (min-width: 640px) { .website-page-tiles .website-page-tiles__item { flex-basis: calc((100% - 60px) / 4); } }
@container website-page-tiles (min-width: 960px) { .website-page-tiles .website-page-tiles__item { flex-basis: calc((100% - 100px) / 6); } }
@container website-page-tiles (min-width: 1200px) { .website-page-tiles .website-page-tiles__item { flex-basis: calc((100% - 140px) / 8); } }
@media (prefers-reduced-motion: reduce) { .website-page-tiles a.website-page-tiles__link { transition: none; } }