.hx-wrap{width:min(100% - 48px,1200px);margin-inline:auto;padding-block:30px}
.hx-intro{text-align:center;padding-block:56px}.hx-intro h1{margin:0 0 16px}.hx-wrap>h2{margin:0 0 12px}
.hx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.hx-grid.hx-styles{grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-card{height:100%;border:1px solid #e8e8e8}.hx-card a{display:block;color:inherit;text-decoration:none}
.hx-card a:hover h3{text-decoration:underline}.hx-media{aspect-ratio:1;background:#f7f7f7}
.hx-media img{display:block;width:100%;height:100%;object-fit:cover}
.hx-card h3{font-size:1rem;line-height:1.4;margin:12px 12px 8px}.hx-card p{margin:0 12px 12px}
.hx-more{display:table;margin:24px auto 0;padding:10px 22px;border:1px solid currentColor;color:inherit}
@media(max-width:749px){.hx-wrap{width:calc(100% - 32px);padding-block:22px}.hx-intro{padding-block:36px}.hx-grid,.hx-grid.hx-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}