.fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.formulas { overflow-wrap: anywhere; color: var(--muted); font-size: .9rem; }
.formulas li + li { margin-top: 6px; }
dl.result dd { overflow-wrap: anywhere; }
#out { display: grid; gap: 12px; }
.diagram { margin: 0; }
.diagram svg { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto; }
.diagram .shp { fill: color-mix(in srgb, var(--accent) 12%, transparent); stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; }
.diagram .edge { fill: none; stroke: var(--accent); stroke-width: 2; }
.diagram .aux { fill: none; stroke: var(--muted); stroke-width: 1.5; stroke-dasharray: 4 3; }
.diagram text { fill: var(--fg); font-size: 13px; text-anchor: middle; dominant-baseline: middle; }