.normalization-compare{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:18px;margin-block:18px 26px}
.normalization-compare.article-wide{width:100%;max-width:100%;margin-inline:0}
.normalization-compare-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:14px}
.normalization-compare h3{margin:0 0 4px;font-size:24px}
.normalization-compare label{display:block;font-weight:700;margin-bottom:8px}
.normalization-compare textarea{min-height:120px}
.normalization-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0}
.normalization-actions label{display:grid;gap:4px;margin:0}
.normalization-compare code{white-space:normal;overflow-wrap:anywhere}
.normalization-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.normalization-panel{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:14px;background:var(--color-bg)}
.normalization-panel h4{margin:0 0 10px}
.normalization-rendered{font-size:28px;line-height:1.25;margin:0 0 12px}
.normalization-panel dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0}
.normalization-panel dt{font-weight:700}
.normalization-panel dd{margin:0;min-width:0}
.normalization-equivalence{grid-column:1/-1;margin:0;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}
@media(max-width:620px){.normalization-compare-head{display:block}.normalization-compare-head .badge{display:inline-flex;margin-top:8px}}
@media(max-width:760px){.normalization-panels{grid-template-columns:1fr}.normalization-panel dl{grid-template-columns:1fr}}