
.hud-sec .hud-feat{ display:flex; flex-direction:column; gap:7px; margin:16px 0 0; }
.hud-sec .hud-fi{ position:relative; padding-left:18px; font-size:.88rem; line-height:1.45;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.hud-sec .hud-fi::before{ content:''; position:absolute; left:0; top:.52em;
  width:6px; height:6px; border-radius:50%; background:#7d9e77; }
.hud-sec .hud-body{ justify-content:flex-start !important; }
.hud-sec .hud-go{ margin-top:auto !important; padding-top:14px; }
@media (max-width:560px){
  /* Four features plus a heading do not fit a square at 170px wide, so the
     tiles stop being square on small screens and grow to their content. */
  .hud-sec .hud-box{ aspect-ratio:auto !important; min-height:210px !important; }
  .hud-sec .hud-fi{ font-size:.78rem; padding-left:14px; }
  .hud-sec .hud-fi::before{ width:5px; height:5px; }
  .hud-sec .hud-feat{ gap:5px; margin-top:10px; }
}
