main .febal-grid {
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  --columns:4;
  --spacing:24px;
}
main .febal-grid > * {
  flex:1 1 calc((100% - (var(--columns) - 1) * var(--spacing)) / var(--columns));
  min-width:0;
}
main .febal-grid > a {overflow-wrap:anywhere}
@media (min-width:1050px) {
  main .febal-grid:has(> :nth-child(5):last-child) {--columns:5}
  main .febal-grid:has(> :is(:nth-child(6),:nth-child(9)):last-child) {--columns:3}
}
@media (max-width:1049px) {
  main .febal-grid {--columns:3;--spacing:16px;gap:16px}
}
@media (max-width:700px) {
  main .febal-grid {--columns:2;--spacing:12px;gap:12px}
  main .febal-grid > .febal-card :is(h2,h3) {font-size:clamp(15px,4vw,18px);padding:10px}
}
@media (max-width:340px) {
  main .febal-grid {--columns:1}
}