/* ============================================================
   Feature grid widget
   ============================================================ */

.hs-feat__grid{
  display:grid;
  grid-template-columns:repeat(var(--hs-feat-cols,3),minmax(0,1fr));
  gap:16px;
}

.hs-feat__card{
  display:block;
  padding:24px;
  background:var(--hs-w-surface,var(--hs-card));
  border:1px solid var(--hs-w-border,var(--hs-line));
  border-radius:14px;
  transition:border-color var(--hs-t),transform var(--hs-t);
}
.hs-feat__card:hover{border-color:var(--hs-w-accent,var(--hs-accent));transform:translateY(-3px)}
.hs-feat__card:focus-visible{outline:2px solid var(--hs-accent-2);outline-offset:3px}

.hs-feat__card i{display:block;font-size:22px;margin-bottom:12px}
.hs-feat__title{font-size:17px;font-weight:800;line-height:1.25;margin:0 0 6px}
.hs-feat__text{font-size:14px;margin:0}
/* Links inside the description keep the accent — several of these cards point at
   another page from inside the sentence rather than from the card as a whole. */
.hs-feat__text a{color:var(--hs-w-accent,var(--hs-accent));font-weight:600}

@media(max-width:1000px){
  .hs-feat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .hs-feat__grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .hs-feat__card{transition:none}
  .hs-feat__card:hover{transform:none}
}