.post-content .note-diagram{margin:1.5em 0;font-size:.88em;line-height:1.65;color:var(--content)}.note-diagram__panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.note-diagram__panel{min-width:0;border:1px solid var(--border);padding:14px;background:var(--entry);overflow-wrap:anywhere}.post-content .note-diagram__title{display:block;margin:0 0 .6em;font-size:1em;font-weight:500;padding-bottom:.4em;border-bottom:1px solid var(--border)}.post-content .note-diagram__body p{margin:0 0 .5em}.post-content .note-diagram ul,.post-content .note-diagram ol{margin:.5em 0 0;padding-left:1.4em}.post-content .note-diagram li{margin:.35em 0}.post-content .note-diagram code{font-size:.95em;white-space:normal;overflow-wrap:anywhere}.post-content .note-diagram .note-diagram__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;list-style:none;counter-reset:note-step;padding:0;margin:0}.post-content .note-diagram__steps>li{counter-increment:note-step;margin:0;padding:12px;min-width:0;border:1px solid var(--border);overflow-wrap:anywhere}.post-content .note-diagram--slate .note-diagram__steps>li{border-color:#8a9ba5}.post-content .note-diagram--slate-divider .note-diagram__title{border-bottom-color:#8a9ba5}.note-diagram__steps>li::before{content:counter(note-step,decimal-leading-zero);display:block;color:var(--secondary);font-size:.85em;font-variant-numeric:tabular-nums;margin-bottom:.4em}.post-content .note-diagram figcaption{margin:.7em 0 0;font-size:.9em;font-weight:400;text-align:left;color:var(--secondary)}@media(min-width:700px){.note-diagram__panels[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.post-content .note-diagram .note-diagram__steps[data-count="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.note-diagram__panels{grid-template-columns:1fr}.post-content .note-diagram .note-diagram__steps{grid-template-columns:1fr}}