.BlogArchitectureDiagram-module__yWogqq__figure{border:1px solid var(--diagram-border);background:var(--diagram-surface);border-radius:16px;margin:28px 0 0;padding:24px}.BlogArchitectureDiagram-module__yWogqq__caption{gap:8px;display:grid}.BlogArchitectureDiagram-module__yWogqq__eyebrow{color:var(--diagram-accent);letter-spacing:.06em;font-size:11px;font-weight:700}.BlogArchitectureDiagram-module__yWogqq__title{font-size:17px;line-height:1.5}.BlogArchitectureDiagram-module__yWogqq__description{color:var(--diagram-muted);font-size:12.5px;line-height:1.7}.BlogArchitectureDiagram-module__yWogqq__lane{margin-top:24px}.BlogArchitectureDiagram-module__yWogqq__label{color:var(--diagram-accent);margin:0 0 10px;font-size:12px;font-weight:700}.BlogArchitectureDiagram-module__yWogqq__steps{gap:26px;margin:0;padding:0;list-style:none;display:flex}.BlogArchitectureDiagram-module__yWogqq__step{border:1px solid var(--diagram-border);background:var(--diagram-bg);word-break:keep-all;overflow-wrap:anywhere;border-radius:10px;flex-direction:column;flex:1;gap:7px;min-width:0;padding:14px 12px;display:flex;position:relative}.BlogArchitectureDiagram-module__yWogqq__step strong{font-size:13px;line-height:1.5}.BlogArchitectureDiagram-module__yWogqq__step span{color:var(--diagram-muted);font-size:12px;line-height:1.65}.BlogArchitectureDiagram-module__yWogqq__step+.BlogArchitectureDiagram-module__yWogqq__step:before{content:"";border-top:1.5px solid var(--diagram-accent);border-right:1.5px solid var(--diagram-accent);width:7px;height:7px;position:absolute;top:calc(50% - 4px);left:-19px;transform:rotate(45deg)}@media (max-width:560px){.BlogArchitectureDiagram-module__yWogqq__figure{padding:20px 16px}.BlogArchitectureDiagram-module__yWogqq__steps{flex-direction:column;gap:24px}.BlogArchitectureDiagram-module__yWogqq__step{padding:14px 16px}.BlogArchitectureDiagram-module__yWogqq__step+.BlogArchitectureDiagram-module__yWogqq__step:before{top:-18px;left:calc(50% - 4px);transform:rotate(135deg)}}