/* Product selection and purchase questions, grouped for seven construction robots. */
.faq-page-lead{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8%;padding:62px 5% 58px;background:var(--night);color:#fff}
.faq-page-lead .eyebrow{font-size:10px;letter-spacing:2px;color:#91adbd;margin-bottom:20px}
.faq-page-lead h1{font-size:clamp(3.5rem,5.3vw,5.5rem);line-height:1.03;margin:0;max-width:16ch;text-wrap:balance}
.faq-page-lead>p,.faq-page-lead>div>p:not(.eyebrow){color:#b1c3d0;max-width:53ch;font-size:15px;line-height:1.8;margin:0}
.faq-topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#f3f7fa;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.faq-topic-nav a{display:grid;grid-template-columns:24px 1fr;gap:8px 12px;align-content:center;min-width:0;padding:22px 18px;min-height:96px;border-inline-start:1px solid var(--line);color:#415967}
.faq-topic-nav a:first-child{border-inline-start:0;padding-inline-start:0}
.faq-topic-nav a:last-child{padding-inline-end:0}
.faq-topic-nav a:hover{background:#e6f2f7;color:#126a8b}
.faq-topic-nav a>span:first-child{font-family:var(--display);font-size:17px;color:#43859e;line-height:1.4}
.faq-topic-nav .faq-topic-label,.faq-topic-nav a>span:nth-child(2){font-weight:600;font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere;hyphens:auto}
.faq-topic-nav small{grid-column:2;color:#7b8b97;font-size:10px;line-height:1.3}
.faq-topic{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:8%;padding:72px 5%;background:#fff;border-bottom:1px solid var(--line);scroll-margin-top:15px}
.faq-topic-heading{min-width:0;padding-top:5px}
.faq-topic-heading .eyebrow{font-size:11px;letter-spacing:1px;color:#277491;margin-bottom:19px}
.faq-topic-heading h2{font-size:clamp(2.1rem,3.3vw,3.4rem);line-height:1.08;margin-bottom:20px;max-width:15ch;text-wrap:balance}
.faq-topic-heading>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:30ch}
.is-faq .faq-list{min-width:0;border-top:1px solid #243e4d}
.is-faq .faq-list details{border-bottom:1px solid #d8e1e7}
.is-faq .faq-list summary{grid-template-columns:34px minmax(0,1fr) 20px;gap:15px;min-height:79px;padding:21px 0}
.is-faq .faq-number{font-size:14px;color:#57869b;line-height:1.5;align-self:start;padding-top:3px}
.is-faq .faq-question{font-size:18px;line-height:1.5;font-weight:550}
.is-faq .faq-icon{margin-top:3px;align-self:start}
.is-faq .faq-answer{padding:0 35px 25px 49px}
html[dir=rtl] .is-faq .faq-answer{padding-right:49px;padding-left:35px}
.is-faq .faq-answer p{font-size:14px;line-height:1.85;max-width:72ch;margin:0 0 13px}
.is-faq .faq-answer p:last-child{margin-bottom:0}
.is-faq .faq-answer a{font-size:13px;font-weight:600;line-height:1.6;display:inline;color:#176c90}
.is-faq .faq-answer>a{display:inline-block;margin-top:14px}
.faq-related-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:15px}
.is-faq .faq-list details[open] .faq-question{color:#12698a}
.is-faq .faq-list details[open] .faq-number{color:#12698a}
.faq-contact-cta{background:var(--night);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;padding:66px 5%}
.faq-contact-cta h2{font-size:clamp(2.4rem,3.7vw,3.8rem);line-height:1.1;margin:0;max-width:22ch;text-wrap:balance}
.faq-contact-cta p{font-size:14px;line-height:1.8;color:#afc1cf;max-width:56ch;margin-bottom:23px}
.faq-contact-cta .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
.faq-contact-cta .button{font-size:13px;min-height:46px;padding:13px 20px;gap:24px}
.is-faq footer{padding-top:32px;padding-bottom:32px}
@media(min-width:1600px){.faq-page-lead,.faq-topic-nav,.faq-topic,.faq-contact-cta{padding-inline:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.faq-page-lead{gap:6%;padding-block:50px}.faq-topic{grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr);gap:6%}.faq-topic-nav a{padding-inline:13px;gap:8px}.faq-topic-nav .faq-topic-label,.faq-topic-nav a>span:nth-child(2){font-size:12px}}
@media(max-width:760px){
 .faq-page-lead{grid-template-columns:1fr;gap:24px;padding:40px 6% 38px}
 .faq-page-lead .eyebrow{font-size:9px;margin-bottom:17px}
 .is-faq .faq-page-lead h1{font-size:clamp(2.9rem,11vw,4rem);line-height:1.06;max-width:18ch;letter-spacing:-.4px}
 .faq-page-lead>p,.faq-page-lead>div>p:not(.eyebrow){font-size:14px;max-width:none}
 .faq-topic-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 6%}
 .faq-topic-nav a{grid-template-columns:20px 1fr;gap:5px 9px;padding:18px 12px;min-height:90px}
 .faq-topic-nav a:nth-child(odd){border-inline-start:0;padding-inline-start:0}
 .faq-topic-nav a:nth-child(even){padding-inline-end:0}
 .faq-topic-nav a:nth-child(n+3){border-top:1px solid var(--line)}
 .faq-topic-nav .faq-topic-label,.faq-topic-nav a>span:nth-child(2){font-size:12px}
 .faq-topic-nav a>span:first-child{font-size:16px}
 .faq-topic{display:block;padding:42px 6%;scroll-margin-top:0}
 .faq-topic-heading{margin-bottom:25px;padding:0}
 .faq-topic-heading .eyebrow{font-size:10px;margin-bottom:13px}
 .is-faq .faq-topic-heading h2{font-size:2.25rem;max-width:none;margin-bottom:14px}
 .faq-topic-heading>p:not(.eyebrow){max-width:none;font-size:13px;margin-bottom:0}
 .is-faq .faq-list summary{grid-template-columns:25px minmax(0,1fr) 18px;gap:9px;padding:19px 0;min-height:72px}
 .is-faq .faq-number{font-size:12px;padding-top:3px}
 .is-faq .faq-question{font-size:16px;line-height:1.5}
 .is-faq .faq-icon{width:18px;height:18px;margin-top:2px}
 .is-faq .faq-answer{padding:0 0 22px 34px}
 html[dir=rtl] .is-faq .faq-answer{padding-right:34px;padding-left:0}
 .is-faq .faq-answer p{font-size:14px;line-height:1.8}
 .faq-contact-cta{grid-template-columns:1fr;gap:23px;padding:44px 6%}
 .is-faq .faq-contact-cta h2{font-size:2.7rem;max-width:21ch}
 .faq-contact-cta p{font-size:14px;margin-bottom:21px}
 .faq-contact-cta .hero-actions{gap:10px}
 .faq-contact-cta .button{font-size:12px;padding:12px 15px;gap:15px}
}
