@layer legacy {
.system-diagram-section{height:auto;min-height:0;background:#fffdfa}
.system-diagram-section>.inner{padding-block:36px}
.system-diagram-section .section-heading{height:auto;margin-bottom:24px}
.system-diagram-section .section-heading h2{font-size:clamp(26px,2.8vw,39px)}
.system-diagram-section .section-heading p{font:14px/1.8 var(--sans);margin-top:8px}
.diagram-tabs{display:flex;align-items:stretch;border-bottom:1px solid #e5d9cc;margin-bottom:24px;gap:8px}
.diagram-tabs button{padding:14px 24px;font:15px/1.6 var(--sans);min-height:48px;color:#716a63;border-bottom:3px solid transparent;white-space:nowrap}
.diagram-tabs button[aria-selected=true]{color:#a9242d;border-color:#b2252d;background:#faf2e9}
.diagram-panel figure{border:1px solid #e8dfd3;background:#fff;padding:16px;border-radius:3px}
.diagram-panel figure>a{display:block;cursor:zoom-in}
.diagram-panel img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.diagram-panel figcaption{font:12px/1.8 var(--sans);display:flex;justify-content:space-between;gap:16px;padding-top:14px;margin-top:14px;border-top:1px solid #eee5da;color:#8b8177}
.diagram-panel figcaption a{color:#a9242d;flex-shrink:0;text-decoration:underline;text-underline-offset:3px}
.diagram-text{margin-top:18px;border:1px solid #e8dfd3;background:#fcfaf7;padding:0 20px}
.diagram-text summary{font:14px/1.7 var(--sans);padding:14px 0;color:#8f2930;cursor:pointer}
.diagram-text ul,.diagram-text ol{padding:0 0 20px 22px;margin:0;list-style:disc;font:14px/1.9 var(--sans);color:#62666a}
.diagram-text ol{list-style:decimal}.diagram-text h4{font:600 15px/1.7 var(--sans);margin:0 0 10px;color:#2c3338}
.diagram-text li{padding:3px 0}.diagram-function-text{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.diagram-version-note{padding:14px 18px;background:#f9efde;border-left:3px solid #b98c45;font:14px/1.8 var(--sans);margin-bottom:20px}
.verified-function-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.verified-function-groups article{padding:20px;border-top:2px solid #b2252d;background:#fdfaf5}
.verified-function-groups h3{font-size:22px;margin-bottom:12px}.verified-function-groups li{font:14px/1.9 var(--sans);color:#73716e;padding:4px 0}
.verified-business-relations{margin-top:20px}.verified-business-relations li{font:14px/1.9 var(--sans);padding:14px 0;border-bottom:1px solid #e8dfd3;color:#666a6c}
.diagram-tabs button:focus-visible,.diagram-text summary:focus-visible{outline:2px solid #b2252d;outline-offset:3px}
@media(max-width:991px){.verified-function-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-function-text{grid-template-columns:repeat(2,minmax(0,1fr))}.system-diagram-section>.inner{padding-block:30px}}
@media(max-width:700px){.diagram-tabs{gap:0;margin-bottom:18px}.diagram-tabs button{font-size:13px;flex:1;padding:12px 8px;min-height:46px}.diagram-panel figure{padding:7px}.diagram-panel figcaption{font-size:11px;display:block;padding:10px 6px 4px;margin-top:8px}.diagram-panel figcaption a{display:inline-block;margin-top:7px;min-height:30px;font-size:12px}.system-diagram-section>.inner{padding-block:26px}.system-diagram-section .section-heading{margin-bottom:18px}.system-diagram-section .section-heading p{font-size:13px}.diagram-text{padding:0 14px;margin-top:14px}.diagram-text summary{font-size:13px}.diagram-text ul,.diagram-text ol{font-size:13px}.diagram-function-text{grid-template-columns:1fr}.verified-function-groups{gap:14px}.verified-function-groups article{padding:17px 14px}.verified-function-groups h3{font-size:20px}.verified-function-groups li{font-size:13px}.verified-business-relations li{font-size:13px}.diagram-version-note{font-size:13px}}

@media(max-width:700px){.diagram-panel figcaption{font-size:12px}.diagram-panel figcaption span{display:block}.diagram-panel figcaption a{display:flex;align-items:center;min-height:44px;width:fit-content;margin-top:4px}}

}
