/* ==========================================================================
   glacial/buttons — grid mode (candidate for merging into assets/blocks-frontend.css
   next to the .gl-buttons rules).
   Equal-width buttons via repeat(auto-fit, minmax(min(<min>, 100%), 1fr)):
   every button fills its column, columns share the row equally, and rows wrap
   as the viewport narrows (one column on phones — no stack-mobile needed).
   Base .gl-buttons (display:flex, gap:16px, align-items:center) is in
   assets/blocks-frontend.css; this file prints after it.
   ========================================================================== */

.gl-buttons--grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  align-items: stretch; /* equal-height buttons per row (base row uses center) */
}
.gl-buttons--grid-sm {
  grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
}
.gl-buttons--grid-lg {
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
}
.gl-buttons--grid .gl-btn,
.entry .gl-buttons--grid a.gl-btn,
.entry .gl-buttons--grid span.gl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}