/* R8: app screens in a row under a feature section (Views/Features/_SectionShots.cshtml). Works in both feature templates. */
.fsh-row{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,220px));gap:20px 22px;justify-content:center}
.fsh-item{margin:0;padding:0}
.fsh-fig{margin:0}
.fsh-fig img{display:block;width:100%;height:auto;border:1px solid #e6eef7;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(2,28,58,.10)}
.fsh-fig figcaption{margin-top:10px;font-size:.875rem;line-height:1.45;color:#44546b;text-align:center;text-wrap:balance}
@media (max-width:575px){.fsh-row{grid-template-columns:repeat(auto-fit,minmax(120px,calc(50% - 8px)));max-width:100%;gap:16px}}
.fsh-link{margin:22px 0 0;font-weight:600}
.fsh-link a{color:#064a97;text-decoration:underline;text-underline-offset:3px}
.fsh-link a:hover,.fsh-link a:focus-visible{color:#021c3a}
/* the two feature templates reset list and paragraph margins with more specific selectors: restate the spacing with the same weight */
.sl-ozl ul.fsh-row,.ozl-page ul.fsh-row,.pcrm-page ul.fsh-row{margin-top:28px;margin-bottom:0}
.sl-ozl p.fsh-link,.ozl-page p.fsh-link,.pcrm-page p.fsh-link{margin-top:22px;margin-bottom:0}