.explainer{margin:30px 0 38px;padding:26px;border:1px solid #cbdde9;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#edf5fb);box-shadow:0 16px 42px rgba(7,36,60,.07);color:#142739}
.explainer figcaption{font-weight:800;font-size:1.15rem;line-height:1.35;color:#071927;margin-bottom:8px}
.explainer .diagram-intro{margin:0 0 24px;color:#486276;font-size:.96rem;line-height:1.55}
.diagram-flow{display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1.2fr) 68px minmax(0,1fr);align-items:stretch;gap:8px}
.diagram-node{border:1px solid #d2e1eb;border-radius:15px;background:#fff;padding:20px;min-width:0;display:flex;flex-direction:column;justify-content:center;box-shadow:0 7px 20px rgba(7,36,60,.04)}
.diagram-node.featured{background:#092b43;border-color:#092b43;color:#fff}
.diagram-kicker{display:block;color:#0866ff;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:800;margin-bottom:8px}
.featured .diagram-kicker{color:#6ce3f5}
.diagram-node strong{display:block;font-size:1.12rem;line-height:1.25;margin-bottom:9px}
.diagram-node span:not(.diagram-kicker){font-size:.9rem;line-height:1.45;color:#526a7d}
.diagram-node.featured span:not(.diagram-kicker){color:#c8e2ee}
.diagram-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#0866ff;font-weight:800;font-size:1.4rem}
.diagram-arrow small{font-size:.72rem;line-height:1.2;text-align:center;color:#4b687c;font-weight:700}
.diagram-foot{margin:18px 0 0;color:#4b6478;font-size:.87rem;line-height:1.5}
.diagram-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.diagram-steps .diagram-node{position:relative;padding:18px}
.diagram-steps .diagram-node:not(:last-child):after{content:'→';position:absolute;right:-17px;top:50%;transform:translateY(-50%);color:#0866ff;font-weight:900;font-size:1.25rem;z-index:1}
@media(max-width:760px){.explainer{padding:18px;margin:24px 0}.diagram-flow{grid-template-columns:1fr;gap:8px}.diagram-arrow{font-size:1.25rem;gap:0}.diagram-arrow b{transform:rotate(90deg);line-height:1}.diagram-steps{grid-template-columns:1fr}.diagram-steps .diagram-node:not(:last-child):after{content:'↓';top:auto;bottom:-20px;right:50%;transform:translateX(50%)}.diagram-steps .diagram-node{margin-bottom:7px}}