/* page: changes — owned by the changes page task. Shared tokens and classes live in ../styles.css. */
[data-page='changes'] > .kpis,
[data-page='changes'] > .sheet,
[data-page='changes'] > .banner { margin-top: 24px; }
[data-page='changes'] .chg-ba { font-size: 28px; }
[data-page='changes'] .chg-pair { display: grid; gap: 28px; margin-top: 18px; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
[data-page='changes'] .chg-block { min-width: 0; }
[data-page='changes'] .chg-list { margin: 8px 0 0; padding: 0; list-style: none; }
[data-page='changes'] .chg-list > li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 8px 0; border-bottom: 1px solid var(--rule-soft); font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
[data-page='changes'] .chg-block .more { margin-top: 12px; }
[data-page='changes'] .chg-none { margin-top: 8px; }
[data-page='changes'] .chg-name { font-weight: 500; }
[data-page='changes'] .chg-skipped { margin: 6px 0; padding-left: 18px; }
/* colour is a secondary cue: the sign and the words carry the meaning */
[data-page='changes'] .chg-delta { font: 500 13px/1.4 var(--mono); color: var(--ink-3); }
[data-page='changes'] .chg-delta.up { color: var(--data); }
[data-page='changes'] .chg-delta.down { color: var(--cat-2); }
[data-page='changes'] .chg-block[data-block='plus'] .lbl { border-left: 3px solid var(--data); padding-left: 8px; }
[data-page='changes'] .chg-block[data-block='minus'] .lbl { border-left: 3px solid var(--cat-2); padding-left: 8px; }