.related-section{background:linear-gradient(#edf8fc,#fff);border-top:1px solid #d7e7ef}.related-section:is([data-related-articles],[data-related-cases]){background:#edf4f8;border-bottom:1px solid #d7e7ef}.related-section h2{color:#073b51;line-height:1.5}.related-section .grid{align-items:stretch}.related-section .related-card{background:#fff;border:1px solid #cddfe9;border-radius:16px;flex-direction:column;gap:0;min-width:0;padding:0;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 10px 26px #03253905}.related-section a.related-card:hover{border-color:#80b6c8;box-shadow:0 16px 30px #03253912}.related-section a.related-card:focus-visible{outline-offset:4px;outline:3px solid #087e97}.related-card-visual{background:#edf5fa;border-bottom:1px solid #d7e7ef;margin:0}.related-card-image{aspect-ratio:16/10;background:radial-gradient(#fff,#e4f0f7);position:relative;overflow:hidden}.related-card-visual figcaption,.related-section .related-card p.related-card-caption{color:#526d7f;background:#f7fbfd;align-items:center;min-height:52px;margin:0;padding:10px 16px;font-size:11px;line-height:1.7;display:flex}.related-section .related-card-body{flex-direction:column;flex:1;gap:14px;min-width:0;padding:24px;display:flex}.related-section .related-card h3{color:#073b51;overflow-wrap:break-word;margin:0;font-size:21px;font-weight:650;line-height:1.65}.related-section .related-card p{color:#526d7f;margin:0;font-size:15px;line-height:1.85}.related-section .related-card .related-card-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.related-section .related-card .related-card-meta{padding-top:4px;font-size:13px}.related-section .related-card .related-card-cta{color:#087e97;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:14px;font-weight:600;display:flex}.related-card-cta>.site-icon{font-size:17px}.related-card-badges{flex-wrap:wrap;gap:6px;display:flex}.related-card-badges>span{color:#30596d;background:#edf5fa;border:1px solid #d5e5ee;border-radius:6px;padding:6px 9px;font-size:11px;line-height:1.6}.related-card-diagram{aspect-ratio:16/10;background:radial-gradient(#fff,#e4f0f7);align-items:center;padding:12px;display:flex}.related-card-diagram .technical-diagram{min-width:0}.related-card-diagram .technical-diagram>div{min-height:150px}@media (max-width:639px){.related-section{padding-block:40px}.related-section .related-card-body{padding:22px}.related-card-visual figcaption,.related-section .related-card p.related-card-caption{min-height:0;padding:11px 16px}}@media (prefers-reduced-motion:reduce){.related-section .related-card{transition:none}}.flow-card{counter-reset:flow;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.flow-card[data-count="2"],.flow-card[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-card-step{counter-increment:flow;background:#fff;border:1px solid #d5e2ee;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:8px 8px 7px;display:flex;position:relative;box-shadow:0 1px 2px #0f2f540f}.flow-card-step:after{content:counter(flow);color:#7c93a8;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:1;position:absolute;top:7px;right:8px}.flow-card-icon{color:#0b5cab;background:#e6f0fa;border-radius:7px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:grid}.flow-card-icon .site-icon{line-height:1;font-size:15px!important}.flow-card-label{-webkit-line-clamp:3;color:#16283a;overflow-wrap:break-word;-webkit-box-orient:vertical;font-size:11.5px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.flow-card[data-count="2"] .flow-card-label,.flow-card[data-count="4"] .flow-card-label{font-size:12.5px}.flow-card-sub{display:none}.redesign-case-visual .flow-card-sub,#solution .flow-card-sub{color:#52667a;overflow-wrap:break-word;font-size:11.5px;line-height:1.3;display:block}.redesign-case-visual .flow-card-label,#solution .flow-card-label{-webkit-line-clamp:unset;font-size:12.5px}.redesign-case-visual .technical-diagram-compact,#solution .technical-diagram-compact{height:auto;margin-top:0}@media (max-width:480px){.redesign-case-visual .flow-card,#solution .flow-card{grid-template-columns:repeat(2,minmax(0,1fr))}}