.info-tiles { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 0 0 24px; padding: 0; list-style: none; }
.info-tiles .info-tile { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 18px 20px; border-radius: 14px; border: 1px solid #DCE6E1; background: #FFFFFF; list-style: none; transition: border-color 0.2s, box-shadow 0.2s; }
.info-tiles .info-tile:hover { border-color: #EFB93F; box-shadow: 0 0 0 1px rgba(239, 185, 63, 0.55), 0 6px 24px -6px rgba(239, 185, 63, 0.35); }
.info-tiles .info-tile-key { color: #0B3B2E; font-size: 18px; font-weight: 600; line-height: 24px; }
.info-tiles .info-tile-text { color: #3D554D; font-size: 15px; line-height: 24px; }
@media (min-width: 600px) {
  .info-tiles.is-four, .info-tiles.is-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .info-tiles.is-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}