/* Home-only integration of the existing catalogue grid and card rules. */
.products-sec .cards.sf-home-cards{--sf-gap:24px;--sf-radius:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sf-gap);align-items:stretch}
.sf-home-cards>.sf-card{color:var(--ink,#10243b)}
.sf-home-cards>.sf-card h3{font-size:1.25rem;line-height:1.3;margin:0}
.sf-home-cards>.sf-card p{max-width:75ch;overflow-wrap:anywhere}
@media(max-width:1050px){.products-sec .cards.sf-home-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .products-sec .cards.sf-home-cards{grid-template-columns:1fr}
 /* Keep numbers, titles and descriptions in separate, spaced boxes. */
 .areas-sec .area-index{display:grid;gap:16px}
 .areas-sec .area-index>li{margin:0;min-width:0}
 .areas-sec .area-index>li>a{display:grid;grid-template-columns:2ch minmax(0,1fr) auto;column-gap:14px;row-gap:8px;align-items:start;padding-block:16px}
 .areas-sec .idx-body{display:grid;gap:8px;min-width:0}
 .areas-sec .idx-body strong,.areas-sec .idx-body small{display:block;line-height:1.5;overflow-wrap:anywhere}
}

/* solutions list: separate number, title and description boxes at every width */
.areas-sec .area-index{display:grid;gap:16px}
.areas-sec .area-index>li{margin:0;min-width:0}
.areas-sec .area-index>li>a{display:grid;grid-template-columns:2ch minmax(0,1fr) auto;column-gap:14px;row-gap:8px;align-items:start;padding-block:14px}
.areas-sec .idx-body{display:grid;gap:6px;min-width:0}
.areas-sec .idx-body strong,.areas-sec .idx-body small{display:block;line-height:1.5;overflow-wrap:anywhere}
.areas-sec .area-index{list-style:none;padding-left:0}