/* Solution detail pages: compact overview, distinct operational content. */
#solutionDetail{color:#17364d}
.solution-detail-hero{background:linear-gradient(110deg,#f1f8fa,#fcf9f5);padding:22px 0 38px}
.solution-detail-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.solution-detail-intro h1{font-size:36px;line-height:1.4;margin:0 0 18px;max-width:640px}
.solution-detail-lead{font-size:17px;line-height:1.9;color:#507087;margin:0;max-width:640px}
.solution-detail-tags{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0 0}
.solution-detail-tags li{font-size:13px;line-height:1.6;border:1px solid #d6e4ec;background:#ffffffb3;border-radius:4px;padding:5px 12px}
.solution-detail-intro figure{position:relative;margin:0;background:white;border:1px solid #e2ebf0;border-radius:16px;overflow:hidden}
.solution-detail-intro img{display:block;width:100%;height:252px;object-fit:contain}
.solution-detail-intro figcaption{position:absolute;right:12px;bottom:10px;font-size:11px;color:#648094;background:#fffffff0;padding:3px 8px;border-radius:3px}
.solution-detail-nav{display:flex;gap:34px;align-items:center;min-height:68px;border-bottom:1px solid #d6e4ec}
.solution-detail-nav a{padding:20px 0;font-size:15px;font-weight:600}
.solution-detail-nav a:hover{color:#f65316}
.solution-detail-nav a:focus-visible,.solution-detail-faq summary:focus-visible{outline:2px solid #1a6c8d;outline-offset:5px}
.solution-detail-section{padding-top:52px;padding-bottom:52px;scroll-margin-top:32px}
.solution-detail-section h2{font-size:28px;line-height:1.45;margin:0 0 10px}
.solution-detail-section h3{font-size:18px;line-height:1.5;margin:0 0 10px}
.solution-detail-section p{font-size:15px;line-height:1.85;color:#507087;margin:0}
.solution-detail-heading{margin-bottom:26px}
.solution-detail-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.solution-detail-scenarios article{border-left:3px solid #d7e8ef;padding:2px 0 2px 22px}
.solution-detail-tint{background:#f4f8fa}
.solution-longform{max-width:980px;padding-top:68px;padding-bottom:72px;scroll-margin-top:32px}
.solution-longform>header{max-width:800px;margin-bottom:30px}
.solution-longform>header>span{display:block;color:#e94f16;font-size:13px;font-weight:600;letter-spacing:.08em;margin-bottom:12px}
.solution-longform>header h2{font-size:34px;line-height:1.45;margin:0}
.solution-longform-prose{max-width:880px}
.solution-longform-prose p{font-size:17px;line-height:2;color:#405f74;margin:0 0 20px}
.solution-longform-prose p:last-child{margin-bottom:0}
.solution-longform-functions{margin-top:54px;padding-top:44px;border-top:1px solid #cedde5}
.solution-longform-functions>h2{font-size:28px;line-height:1.45;margin:0 0 8px}
.solution-longform-note{font-size:14px;color:#6e899a;line-height:1.8;margin:0 0 22px}
.solution-longform-functions section{display:grid;grid-template-columns:46px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #d9e5eb}
.solution-longform-functions section:last-child{border-bottom:0;padding-bottom:0}
.solution-longform-functions section>span{font-size:13px;color:#e85a22;font-weight:700;line-height:30px}
.solution-longform-functions h3{font-size:20px;line-height:1.55;margin:0 0 8px}
.solution-longform-functions section p{font-size:16px;line-height:1.95;color:#49687c;margin:0;max-width:820px}
.solution-detail-configuration{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;row-gap:0}
.solution-detail-configuration article{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:24px 0;border-top:1px solid #d6e4ec}
.solution-detail-configuration article>span{font-size:14px;color:#7190a4;line-height:27px;font-weight:600}
.solution-selection-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:start}
.solution-selection-rules{list-style:none;margin:0;padding:0}
.solution-selection-rules li{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #d6e4ec}
.solution-selection-rules li:last-child{margin-bottom:0;padding-bottom:0;border:0}
.solution-selection-rules li>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eef5f8;color:#d74911;font-size:12px;font-weight:700}
.solution-selection-rules h3{font-size:17px}
.solution-products{border:1px solid #d9e6ec;border-radius:12px;padding:24px;background:#fbfdfe}
.solution-products>h3{font-size:16px;margin-bottom:14px}
.solution-products>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.solution-product-card{display:grid;grid-template-columns:76px 1fr 16px;gap:12px;align-items:center;min-height:94px;background:#fff;border:1px solid #e0e9ee;border-radius:8px;padding:8px;color:#123750;transition:border-color .2s,transform .2s}
.solution-product-card:hover{border-color:#e86533;transform:translateY(-2px)}
.solution-product-card img{display:block;width:76px;height:76px;object-fit:contain;background:#fff;border-radius:5px}
.solution-product-card span{min-width:0}
.solution-product-card small,.solution-product-card strong,.solution-product-card em{display:block}
.solution-product-card small{font-size:11px;line-height:1.45;color:#6d899b;margin-bottom:4px}
.solution-product-card strong{font-size:14px;line-height:1.45}
.solution-product-card em{font-size:11px;font-style:normal;color:#7a91a0;margin-top:3px}
.solution-product-card b{color:#d74911;font-weight:400}
.solution-products>p{font-size:12px;margin-top:14px}
.solution-detail-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.solution-detail-workflow li{position:relative;border-top:2px solid #dce9ef;padding-top:20px}
.solution-detail-step{display:block;color:#d74911;font-size:18px;font-weight:700;margin-bottom:12px}
.solution-detail-workflow li:not(:last-child):after{content:'→';position:absolute;right:0;top:20px;color:#88a4b7}
.solution-detail-preparation{display:grid;grid-template-columns:.85fr 1.65fr;gap:52px}
.solution-detail-preparation dl{margin:0}
.solution-detail-preparation dl>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #d6e4ec}
.solution-detail-preparation dl>div:first-child{padding-top:0}
.solution-detail-preparation dl>div:last-child{border:0;padding-bottom:0}
.solution-detail-preparation dt{font-size:15px;font-weight:600;line-height:1.85}
.solution-detail-preparation dd{font-size:15px;color:#507087;line-height:1.85;margin:0}
.solution-detail-faq details{border-bottom:1px solid #d6e4ec}
.solution-detail-faq details:first-child{border-top:1px solid #d6e4ec}
.solution-detail-faq summary{font-size:17px;font-weight:600;cursor:pointer;padding:20px 36px 20px 0;position:relative;list-style:none}
.solution-detail-faq summary::-webkit-details-marker{display:none}
.solution-detail-faq summary:after{content:'+';position:absolute;right:8px;color:#67889d;font-size:22px;top:15px}
.solution-detail-faq details[open] summary:after{content:'−'}
.solution-detail-faq details p{padding:0 36px 22px 0;max-width:1040px}
.solution-detail-boundary{display:flex;align-items:baseline;gap:18px;background:#f4f8fa;border-radius:6px;padding:16px 20px;margin-top:28px}
.solution-detail-boundary strong{font-size:13px;white-space:nowrap}
.solution-detail-boundary p{font-size:13px}
.solution-detail-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:30px}
.solution-detail-contact .btn{flex:none;min-width:136px}
.solution-detail-contact h3{margin-bottom:6px}
@media(max-width:900px){.solution-detail-intro{gap:26px}.solution-detail-intro h1{font-size:30px}.solution-detail-intro img{height:225px}.solution-longform{padding-left:24px;padding-right:24px}.solution-selection-layout{grid-template-columns:1fr;gap:34px}.solution-detail-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-detail-preparation{grid-template-columns:1fr;gap:22px}}
@media(max-width:600px){.solution-detail-intro{grid-template-columns:1fr}.solution-detail-intro h1{font-size:27px}.solution-detail-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible;white-space:normal}.solution-detail-nav a{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:center;padding:9px 4px;border-right:1px solid #e1e9ed;border-bottom:1px solid #e1e9ed;font-size:12px;line-height:1.35;text-align:center}.solution-detail-nav a:nth-child(4n){border-right:0}.solution-longform{padding-top:42px;padding-bottom:46px}.solution-longform>header h2{font-size:27px}.solution-longform-prose p{font-size:16px;line-height:1.9}.solution-longform-functions{margin-top:38px;padding-top:32px}.solution-longform-functions section{grid-template-columns:34px 1fr;gap:10px}.solution-longform-functions h3{font-size:18px}.solution-longform-functions section p{font-size:15px}.solution-detail-section{padding-top:34px;padding-bottom:34px}.solution-detail-section h2{font-size:25px}.solution-detail-scenarios,.solution-detail-configuration{grid-template-columns:1fr;gap:20px}.solution-detail-configuration{gap:0}.solution-products{padding:16px}.solution-products>div{grid-template-columns:1fr}.solution-detail-workflow{grid-template-columns:1fr;gap:0}.solution-detail-workflow li{padding:18px 0 18px 46px;border-top:1px solid #d7e4ea}.solution-detail-workflow li:last-child{border-bottom:1px solid #d7e4ea}.solution-detail-step{position:absolute;left:0;top:19px;margin:0;font-size:15px}.solution-detail-workflow li:not(:last-child):after{display:none}.solution-detail-preparation dl>div{grid-template-columns:1fr;gap:6px}.solution-detail-boundary,.solution-detail-contact{align-items:flex-start;flex-direction:column;gap:12px}.solution-detail-contact .btn{width:100%}}
