.rapid-changes {
    container-type:inline-size;
    container-name:rapid-changes;
    min-width:0;
    margin:0;
    padding:0;
    list-style:none;
    border:1px solid var(--rapid-line);
    border-radius:var(--rapid-radius-control);
    background:var(--rapid-paper);
}
.rapid-changes__item {
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:start;
    gap:var(--rapid-space-3);
    padding:var(--rapid-space-3) var(--rapid-space-4);
    min-width:0;
    font-size:var(--rapid-text-sm);
    line-height:1.5;
}
.rapid-changes__item + .rapid-changes__item { border-top:1px solid var(--rapid-line); }
.rapid-changes__meta { display:flex; align-items:center; flex-wrap:wrap; gap:var(--rapid-space-2); min-width:0; }
.rapid-changes__kind {
    border-radius:var(--rapid-radius-control);
    padding:0 var(--rapid-space-2);
    font-size:var(--rapid-text-3xs);
    font-weight:700;
    line-height:1.9;
}
.rapid-changes__category { color:var(--rapid-muted); font-size:var(--rapid-text-3xs); overflow-wrap:anywhere; }
.rapid-changes__item--add .rapid-changes__kind { color:var(--rapid-green-text); background:var(--rapid-green-wash); }
.rapid-changes__item--update .rapid-changes__kind { color:var(--rapid-amber); background:var(--rapid-amber-soft); }
.rapid-changes__item--remove .rapid-changes__kind { color:var(--rapid-danger); background:var(--rapid-danger-soft); }
.rapid-changes__item--unchanged .rapid-changes__kind { color:var(--rapid-muted); background:var(--rapid-canvas); }
.rapid-changes__value, .rapid-changes__comparison dd { min-width:0; margin:0; overflow-wrap:anywhere; white-space:pre-line; }
.rapid-changes__item--remove .rapid-changes__value { color:var(--rapid-muted); text-decoration:line-through; }
.rapid-changes__comparison { display:grid; gap:var(--rapid-space-1); min-width:0; margin:0; }
.rapid-changes__comparison > div { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:baseline; gap:var(--rapid-space-2); min-width:0; }
.rapid-changes__comparison dt { color:var(--rapid-muted); font-size:var(--rapid-text-3xs); }
.rapid-changes__before dd { color:var(--rapid-muted); }
.rapid-changes__after dd { font-weight:600; }
@container rapid-changes (max-width:480px) {
    .rapid-changes__item { grid-template-columns:minmax(0,1fr); gap:var(--rapid-space-2); padding:var(--rapid-space-3); }
}