.diagram{gap:var(--s-3);display:grid}.diagram[data-kind=scene]{max-width:var(--dg-max,28rem);margin-inline:auto}.dg-panels{counter-reset:dg;gap:var(--s-4) var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=21.5rem){.dg-panels{grid-template-columns:minmax(0,1fr)}}@media (width>=40rem){.diagram[data-count="3"] .dg-panels{grid-template-columns:repeat(3,minmax(0,1fr))}}.dg-panel{counter-increment:dg;gap:var(--s-2);grid-template-rows:auto 1fr;align-content:start;display:grid}.dg-art{forced-color-adjust:none;background:var(--plate);border:1px solid var(--plate-edge);border-radius:var(--radius);padding:var(--s-2);line-height:0;display:block;position:relative}.dg-art svg{width:100%;height:auto;display:block}.dg-panel>.dg-art:before,.dg-pin{color:#f6f2e8;background:#2f5d46;border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;font-size:.85rem;font-weight:700;line-height:1;display:grid;box-shadow:0 0 0 2px #f1ecde}.dg-panel>.dg-art:before{content:counter(dg);position:absolute;top:.55rem;left:.55rem}@supports (content:"x" / ""){.dg-panel>.dg-art:before{content:counter(dg) / ""}}.dg-label{font-size:var(--step--1);color:var(--ink-soft);text-wrap:pretty;line-height:1.45}.dg-scene{position:relative}.dg-canvas{display:block;position:relative}.dg-pin{counter-increment:none;position:absolute;transform:translate(-50%,-50%)}.dg-legend{gap:var(--s-1);font-size:var(--step--1);color:var(--ink-soft);margin:0;padding-left:1.5rem;display:grid}.dg-caption{font-size:var(--step--1);color:var(--ink-faint);text-wrap:pretty}@media print{.dg-panel{break-inside:avoid}.dg-panel>.dg-art:before,.dg-pin{color:#000;box-shadow:none;background:#fff;border:1.5px solid #000}}