.diagram{margin:28px 0}.diagram__frame{overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-white);box-shadow:var(--shadow-card);padding:20px}.diagram__frame svg{display:block;min-width:620px;width:100%;height:auto}.labeled-image{position:relative;line-height:0}.labeled-image__title{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.66);color:#fff;font-size:16px;font-weight:600;line-height:1.3;padding:9px 20px;border-radius:9px;white-space:nowrap;pointer-events:none}.labeled-image__label{position:absolute;bottom:14px;transform:translateX(-50%);background:rgba(0,0,0,.66);color:#fff;font-size:15px;font-weight:600;line-height:1.3;padding:9px 16px;border-radius:9px;text-align:center;pointer-events:none}.labeled-image--2 .labeled-image__label{max-width:42%}.labeled-image--2 span.labeled-image__label:nth-of-type(1){left:25%}.labeled-image--2 span.labeled-image__label:nth-of-type(2){left:75%}.labeled-image--3 .labeled-image__label{max-width:29%}.labeled-image--3 span.labeled-image__label:nth-of-type(1){left:16.666%}.labeled-image--3 span.labeled-image__label:nth-of-type(2){left:50%}.labeled-image--3 span.labeled-image__label:nth-of-type(3){left:83.333%}.labeled-image--4 .labeled-image__label{max-width:22%;font-size:13.5px;padding:7px 12px}.labeled-image--4 span.labeled-image__label:nth-of-type(1){left:12.5%}.labeled-image--4 span.labeled-image__label:nth-of-type(2){left:37.5%}.labeled-image--4 span.labeled-image__label:nth-of-type(3){left:62.5%}.labeled-image--4 span.labeled-image__label:nth-of-type(4){left:87.5%}@media (max-width:640px){.labeled-image__title{font-size:13px;padding:6px 13px;top:9px}.labeled-image__label{font-size:12px;padding:6px 10px;bottom:9px}.labeled-image--4 .labeled-image__label{font-size:10px;padding:5px 7px}}@media (max-width:420px){.labeled-image__title{font-size:11px;padding:5px 10px}.labeled-image__label{font-size:10.5px;padding:5px 8px}}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:896 / 500;width:100%;border:2px dashed #C3C8DE;border-radius:12px;background:repeating-linear-gradient(135deg,#F7F8FC,#F7F8FC 14px,#F1F3F9 14px,#F1F3F9 28px);color:#4D516F;text-align:center;padding:24px;line-height:1.5}.image-placeholder__tag{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C05621}.image-placeholder__title{font-size:1.05rem;font-weight:600;color:#00063D;margin:0}.image-placeholder__body{font-size:14px;line-height:1.55;margin:0;max-width:58ch}