df-constraint-viz{width:100%;font-family:var(--font-heading);display:block}df-constraint-viz .dfc-header{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:var(--border-light);flex-wrap:wrap;display:flex}df-constraint-viz .dfc-xbar-badge{background:var(--bg-surface-alt);border:1px solid var(--line);color:var(--text-primary);font-weight:700;font-size:var(--text-sm);border-radius:var(--radius-cell);padding:3px 10px;display:inline-block}df-constraint-viz .dfc-subtitle{font-size:var(--text-sm);color:var(--text-secondary);flex:16rem}df-constraint-viz .dfc-reset{margin:0 0 0 auto}df-constraint-viz .dfc-svg{touch-action:pan-y;width:100%;max-width:640px;height:auto;margin:0 auto;display:block}df-constraint-viz .dfc-point:focus{outline:none}df-constraint-viz .dfc-point:focus-visible{stroke:var(--ink);stroke-width:3px;outline:2px solid var(--ink);outline-offset:2px}df-constraint-viz .dfc-deviations{font-size:var(--text-sm);font-family:var(--font-mono);padding:var(--spacing-xs) 0;border-top:var(--border-light);flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin-top:2px;display:flex}df-constraint-viz .dfc-dev-cell{border-radius:var(--radius-cell);white-space:nowrap;padding:2px 6px}df-constraint-viz .dfc-dev-free{color:var(--viz-3-text);background:var(--viz-good-light)}df-constraint-viz .dfc-dev-constrained{color:var(--text-primary);background:var(--bg-surface-alt);border:1px dashed var(--line)}df-constraint-viz .dfc-dev-sep,df-constraint-viz .dfc-dev-note{color:var(--text-secondary)}df-constraint-viz .dfc-sum-ok{color:var(--text-primary);font-size:var(--text-base)}df-constraint-viz .dfc-sum-err{color:var(--viz-bad-text);font-size:var(--text-base)}.ng-guide{border-collapse:collapse;border:var(--border-light);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);table-layout:fixed;overflow:hidden}.ng-table-caption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ng-guide thead{background:var(--bg-surface-alt)}.ng-dist-hdr,.ng-n-hdr{font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);text-align:center;border-bottom:var(--border-light);padding:6px 10px}.ng-dist-hdr{text-align:left;width:30%}.ng-guide tbody tr{border-bottom:var(--border-light)}.ng-guide tbody tr:last-child{border-bottom:none}.ng-dist-cell{text-align:left;vertical-align:top;border-right:var(--border-light);padding:10px;font-weight:400}.ng-dist-name{color:var(--text-primary);font-weight:600;display:block}.ng-dist-sub{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px;display:block}.ng-hist{width:70px;height:38px;margin-top:5px;display:block}.ng-hist rect{fill:var(--text-muted)}.ng-cell{text-align:center;vertical-align:middle;border-right:var(--border-light);padding:10px 8px}.ng-cell:last-child{border-right:none}.ng-verdict{margin-bottom:4px;font-size:1.35rem;font-weight:700;line-height:1;display:block}.ng-note{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.3;display:block}.ng-n-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-weight:700;display:none}.ng-ok .ng-verdict{color:var(--viz-good-text)}.ng-warn .ng-verdict{color:var(--viz-warn-text)}.ng-no .ng-verdict{color:var(--viz-bad-text)}.ng-ok{background:var(--viz-good-light)}.ng-warn{background:var(--viz-warn-light)}.ng-no{background:var(--viz-bad-light)}.ng-legend{gap:var(--spacing-xs);background:var(--bg-surface-alt);border:var(--border-light);border-radius:0 0 var(--radius-sm) var(--radius-sm);font-size:var(--text-xs);border-top:none;flex-wrap:wrap;padding:8px 10px;display:flex}.ng-legend span{font-weight:600}.ng-ok-l{color:var(--viz-good-text)}.ng-warn-l{color:var(--viz-warn-text)}.ng-no-l{color:var(--viz-bad-text)}@media (width<=480px){.ng-guide,.ng-guide tbody,.ng-guide tbody tr,.ng-dist-cell,.ng-cell{width:auto;display:block}.ng-guide{table-layout:auto}.ng-guide thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ng-guide tbody tr{margin-bottom:var(--spacing-sm);border:var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.ng-dist-cell{border-right:none;border-bottom:var(--border-light);background:var(--bg-surface-alt)}.ng-cell{align-items:center;gap:var(--spacing-xs);text-align:left;border-right:none;border-bottom:var(--border-light);display:flex}.ng-cell:last-child{border-bottom:none}.ng-cell .ng-verdict{margin-bottom:0}.ng-n-label{min-width:4em;display:inline-block}}