/* Extend the homepage comparison styling for the three netting ranges only. */
.sn-netting .sn-range-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sn-netting .sn-range-copy { padding: 26px 24px 28px; }
.sn-netting .sn-range-copy > p:not(.sn-eyebrow) { margin-bottom: 26px; }
.sn-netting .sn-range-copy > .sn-button { width: 100%; padding-inline: 14px; gap: 10px; }
.sn-netting .sn-intro-links .sn-button { flex: 1 1 0; }
@media (max-width: 1000px) {
    .sn-netting .sn-range-grid { grid-template-columns: minmax(0, 1fr); }
    .sn-netting .sn-intro-links .sn-button { flex: 1 1 220px; }
}
@media (max-width: 767px) {
    .sn-netting .sn-range-copy { padding: 23px 22px 25px; }
    .sn-netting .sn-intro-links .sn-button { flex: auto; }
}

/* Readable opening paragraphs and contextual links from the netting SEO brief. */
.sn-netting .sn-intro-copy + .sn-intro-copy { margin-top: 14px; }
.sn-netting .sn-intro-copy a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.sn-netting .sn-intro-copy a:hover { color: #fff; text-decoration-thickness: 2px; }
.sn-netting .sn-contact .sn-button { max-width: 100%; }