.service-diagram{grid-column:1/-1;min-width:0;margin:0;border:1px solid #d2cbd9;border-radius:10px;background:#eeebf3;overflow:hidden;color:#08070d}
.diagram-heading{padding:28px 32px 0;display:flex;gap:24px;justify-content:space-between;align-items:baseline}.diagram-heading h3{font-size:22px;font-weight:600;letter-spacing:-.03em}.diagram-heading span{font-size:12px;color:#62566f;white-space:nowrap}
.diagram-frame{overflow-x:auto;padding:0 20px}.diagram-svg{display:block;width:100%;min-width:960px;color:#62566f;font-family:'Schibsted Grotesk',sans-serif;max-height:550px}.diagram-mobile{display:none}.diagram-svg .node rect{fill:#f4f2f7;stroke:#897b99;stroke-width:1.3}.diagram-svg .node-name{font-size:18px;font-weight:600;fill:#08070d;text-anchor:middle}.diagram-svg .node-sub{font-size:13px;fill:#62566f;text-anchor:middle}.diagram-svg .focal rect{fill:#e9def6;stroke:#7135bd;stroke-width:1.7}.diagram-svg .focal .node-name{fill:#7135bd}.diagram-svg .hub rect{fill:#20132f;stroke:#20132f}.diagram-svg .hub text{fill:#f4f2f7}.connector{fill:none;stroke:#62566f;stroke-width:1.6}.connector.optional{stroke-dasharray:5 4;stroke-width:1.3}.edge-label{font-size:13px;fill:#62566f;text-anchor:middle}.boundary{fill:#e6deee;fill-opacity:.35;stroke:#897b99;stroke-dasharray:5 4}
.diagram-caption{margin:0!important;max-width:none!important;padding:0 32px 24px;font-size:13px!important;color:#62566f}.diagram-explain{border-top:1px solid #d2cbd9}.diagram-explain summary{font-size:14px;min-height:48px;padding:17px 32px;cursor:pointer}.diagram-explain[open] summary{border-bottom:1px solid #d2cbd9}.diagram-explain ol{padding:12px 32px 22px 54px;display:grid;grid-template-columns:1fr 1fr;gap:16px 38px;margin:0}.diagram-explain li{font-size:13px;padding:3px 0}.diagram-explain strong{display:block;font-size:14px;margin-bottom:4px}.service-detail{row-gap:36px}
@media(max-width:1100px){.diagram-heading{display:block}.diagram-heading span{display:block;margin-top:8px}.diagram-svg{min-width:760px}}
@media(max-width:700px){.diagram-wide{display:none}.diagram-mobile{display:block;min-width:280px;max-height:none}.diagram-frame{padding:0}.diagram-heading{padding:22px 20px 0}.diagram-heading h3{font-size:21px}.diagram-caption{padding:0 20px 22px}.diagram-explain summary{padding:16px 20px}.diagram-explain ol{grid-template-columns:1fr;padding:14px 20px 22px 40px;gap:12px}.service-diagram{border-radius:7px}.service-detail{row-gap:28px}.diagram-svg .node-name{font-size:17px}}