/* Product-family pages and crawlable links, Capassi Group 3.0. */
.seo-directory{padding:70px 0;background:#f3f6f8;border-top:1px solid #e0e7ee}
.seo-directory h2,.seo-related h2{font-size:clamp(30px,3vw,42px);max-width:750px;margin-bottom:22px}
.seo-directory p{font-size:17px;color:#496579;line-height:1.8;margin-bottom:30px}
.seo-directory ul,.seo-related ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.seo-directory li,.seo-related li{min-width:0}
.seo-directory li a,.seo-related li a{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%;padding:18px;background:#fff;border:1px solid #d7e1e9;font-size:15px;font-weight:650;line-height:1.55}
.seo-directory li a:hover,.seo-related li a:hover{border-color:#819eb4;color:#094b92}
.seo-directory li a span,.seo-related li a span{flex-shrink:0;color:#496b85;font-size:19px}
.family-card{display:flex;flex-direction:column}
.family-select{display:block;width:100%;flex:1;background:transparent;border:0;padding:0;text-align:left;color:inherit;font:inherit}
.family-card .family-body{min-height:180px}
.family-seo-link{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:650;line-height:1.6;color:#204d70;padding:15px 23px;border-top:1px solid #e2e8ed;background:#fafcfd}
.family-seo-link:hover{background:#edf3f7;color:#092d4c}
.seo-family-hero{background:#eef3f6;padding:38px 0 65px;border-bottom:1px solid #dbe5ed}
.seo-breadcrumb{font-size:14px;line-height:1.7;color:#4b677b;display:flex;flex-wrap:wrap;gap:13px;margin:0 0 35px}
.seo-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:65px;align-items:center}
.seo-family-hero h1{font-size:clamp(38px,4.1vw,60px);font-weight:650;line-height:1.1;color:#092b45;margin-bottom:27px}
.seo-family-hero .eyebrow{font-size:12px;margin-bottom:23px}
.seo-lead{font-size:19px;line-height:1.8;color:#3b5a71;margin:0 0 30px}
.seo-hero-grid figure{margin:0;min-width:0}
.seo-hero-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e5edf3}
.seo-hero-grid figcaption{font-size:12px;line-height:1.7;color:#526e83;margin-top:12px}
.seo-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:85px;align-items:start}
.seo-copy{font-size:18px;line-height:1.85;color:#3f5e74;min-width:0}
.seo-copy h2{font-size:clamp(29px,2.6vw,38px);line-height:1.2;color:#102f47;margin:0 0 25px}
.seo-copy h2:not(:first-child){margin-top:48px}
.seo-copy h3{font-size:23px;line-height:1.35;color:#173a54;margin:30px 0 16px}
.seo-copy p{margin-bottom:23px}
.seo-copy ul{padding-left:24px;margin:0 0 28px}
.seo-copy li{padding-left:4px;margin-bottom:12px}
.seo-request-box{position:sticky;top:145px;background:#0a2943;color:#fff;padding:29px}
.seo-request-box .eyebrow{font-size:11px;color:#bdd0df;line-height:1.7}
.seo-request-box h2{font-size:29px;line-height:1.2;color:#fff;margin-bottom:22px}
.seo-request-box>p{font-size:16px;line-height:1.8;color:#c9d9e5;margin-bottom:25px}
.seo-request-box .btn{font-size:15px;padding:13px 15px;width:100%;gap:15px}
.seo-direct-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px;border-top:1px solid #ffffff29;margin-top:28px;padding-top:25px}
.seo-direct-contact>span{font-size:11px;letter-spacing:.09em;color:#bad0e0}
.seo-direct-contact>a{font-size:17px;overflow-wrap:anywhere;max-width:100%}
.seo-direct-contact>a:hover{color:#fff;text-decoration:underline}
.seo-direct-contact>p{font-size:13px;line-height:1.8;color:#b9cfdf;margin:14px 0 0}
.seo-types{background:#f3f6f8}
.seo-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.seo-type-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dbe5ec;background:#fff}
.seo-type-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.seo-type-card>div{padding:26px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.seo-type-card h3{font-size:26px;line-height:1.2;margin-bottom:18px}
.seo-type-card p{font-size:16px;line-height:1.8;color:#496579;flex:1;margin-bottom:26px}
.seo-type-card .text-btn{font-size:15px;line-height:1.6;gap:15px}
.seo-family-brands .brand-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.seo-family-brands .brand-logo-grid figure{padding:24px 22px 18px}
.seo-related{padding:65px 0;background:#eef3f7;border-top:1px solid #dce5ed}
.seo-related ul{grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0}
.seo-related .text-btn{font-size:16px}
@media(max-width:1100px){.seo-directory ul{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-hero-grid{gap:35px}.seo-reading-grid{gap:45px;grid-template-columns:minmax(0,1fr) 290px}.seo-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.seo-hero-grid{grid-template-columns:1fr;gap:40px}.seo-hero-grid figure{max-width:700px}.seo-family-hero h1{max-width:800px;font-size:46px}.seo-reading-grid{grid-template-columns:1fr;gap:40px}.seo-request-box{position:static;max-width:650px}.seo-family-brands .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-directory ul{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-related ul{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.header a.header-request::after{content:'↗';display:block;font-size:22px;line-height:1}.seo-family-hero{padding:28px 0 45px}.seo-breadcrumb{font-size:13px;gap:9px;margin-bottom:28px}.seo-family-hero h1{font-size:36px;line-height:1.15}.seo-lead{font-size:17px;line-height:1.8}.seo-family-hero .eyebrow{font-size:11px}.seo-hero-grid{gap:32px}.seo-copy{font-size:17px;line-height:1.85}.seo-copy h2{font-size:29px}.seo-copy h3{font-size:22px}.seo-request-box{padding:26px 23px}.seo-type-grid{grid-template-columns:1fr}.seo-type-card>div{padding:24px}.seo-family-brands .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-family-brands .brand-logo-grid figure{padding:18px 10px 13px}.seo-directory,.seo-related{padding:48px 0}.seo-directory ul,.seo-related ul{grid-template-columns:1fr}.seo-directory li a,.seo-related li a{font-size:16px;padding:17px 18px}.seo-directory h2,.seo-related h2{font-size:31px}.family-seo-link{padding:15px 20px;font-size:15px}.family-card .family-body{min-height:0}}