.hpm-page .diagram-transcript{margin-top:20px;border:2px solid var(--ink);border-radius:16px;padding:16px;background:var(--paper,#fff);scroll-margin-top:180px}
.hpm-page .diagram-transcript summary{cursor:pointer;min-height:44px;display:list-item;font-weight:700;overflow-wrap:anywhere}
.hpm-page .diagram-transcript summary:focus-visible{outline:3px solid var(--purple,#6544ff);outline-offset:4px}
.hpm-page .diagram-transcript h3{margin-top:28px}
.hpm-page .diagram-transcript h4{margin:0 0 8px}
.hpm-page .diagram-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-left:24px}
.hpm-page .diagram-transcript :where(p,li,h3,h4){overflow-wrap:anywhere}
@media(max-width:760px){.hpm-page .diagram-states{grid-template-columns:1fr}.knowledge-article-page.localized-article.hpm-page :is(section[id],.diagram-transcript){scroll-margin-top:320px}}