.diagram[data-v-424deec0]{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:20px 24px}.diagram__legend h2[data-v-424deec0]{font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.25}.diagram__hint[data-v-424deec0]{color:var(--muted);font-size:13px;margin-top:4px}.diagram__legend ol[data-v-424deec0]{display:grid;gap:2px;margin-top:12px}.diagram__entry[data-v-424deec0]{align-items:center;border-radius:var(--radius);color:var(--ink-2);display:grid;font-size:14.5px;font-weight:500;gap:10px;grid-template-columns:24px minmax(0,1fr);line-height:1.3;padding:6px 8px;text-align:left;transition:background-color .2s var(--ease-out),color .2s var(--ease-out);width:100%}.diagram__entry[data-v-424deec0]:hover{background:var(--hover);color:var(--ink)}li.is-on .diagram__entry[data-v-424deec0]{background:var(--draw-hot-fill);color:var(--ink)}.diagram__detail[data-v-424deec0]{color:var(--ink-2);display:grid;font-size:14px;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s var(--ease-out),opacity .22s var(--ease-out),visibility .22s;visibility:hidden}li.is-on .diagram__detail[data-v-424deec0]{grid-template-rows:1fr;opacity:1;visibility:visible}.diagram__detail>div[data-v-424deec0]{overflow:hidden;padding-inline:42px 8px}.diagram__detail>div[data-v-424deec0]>:first-child{margin-top:6px}.diagram__detail>div[data-v-424deec0]>:last-child{margin-bottom:10px}.diagram__links[data-v-424deec0]{display:flex;flex-wrap:wrap;font-size:13.5px;gap:4px 14px;margin-top:6px}@media(max-width:900px){.diagram[data-v-424deec0]{grid-template-columns:minmax(0,1fr);padding:16px}}