.ms-gpage { padding-top: 8px; padding-bottom: 48px; }
.ms-gpage-intro { max-width: 70ch; margin: 0 0 24px; color: inherit; opacity: .85; line-height: 1.6; }
.ms-gpage-back { margin-top: 28px; }
.ms-gpage-empty { opacity: .7; }
.ms-gcards { display: grid; gap: 22px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.ms-gcard { display: block; text-decoration: none; color: inherit; }
.ms-gcard-img { display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: rgba(127,127,127,.12); margin-bottom: 10px; }
.ms-gcard-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }
.ms-gcard:hover .ms-gcard-img img { transform: scale(1.04); }
.ms-gcard b { display: block; font-size: 1.05em; }
.ms-gcard small { opacity: .65; }