/* v13p "Recently changed" (#/changes, js/changes.js): filters, day groups, one row per change */
.chg-head { max-width:820px; }
.chg-sub { margin-top:6px; font-size:14px; line-height:1.55; color:var(--ink-500); }
.chg-fine { margin-top:10px; font-size:12.5px; color:var(--ink-500); }
.chg-first { display:flex; gap:10px; align-items:flex-start; max-width:820px; margin-top:14px; padding:12px 14px; border-radius:16px; background:var(--plum-50); box-shadow:inset 0 0 0 1px var(--plum-100); font-size:13.5px; line-height:1.5; color:var(--ink-700); }
.chg-first b { color:var(--ink-900); }
.chg-bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-top:18px; }
.chg-kinds { display:flex; gap:4px; min-width:0; max-width:100%; overflow-x:auto; padding:2px 0; }
.chg-c { margin-left:2px; padding:0 6px; border-radius:999px; background:var(--mist); font-size:11.5px; font-weight:700; color:var(--ink-600); line-height:18px; }
.im-pill.is-on .chg-c { background:rgba(255,255,255,.18); color:#fff; }
.chg-sels { display:flex; gap:8px; margin-left:auto; }
.chg-day { margin-top:26px; }
.chg-dh { display:flex; align-items:baseline; gap:10px; margin-bottom:10px; font-size:15px; font-weight:800; color:var(--ink-900); }
.chg-dn { font-size:12.5px; font-weight:600; color:var(--ink-500); }
.chg-list { display:flex; flex-direction:column; gap:6px; }
.chg-a { display:flex; align-items:center; gap:12px; min-height:72px; padding:9px 14px 9px 10px; border-radius:18px; background:#fff; box-shadow:inset 0 0 0 1px var(--line); transition:box-shadow .15s, background .15s; }
.chg-a:hover { box-shadow:inset 0 0 0 1px var(--plum-200); background:var(--plum-50); }
.chg-a:focus-visible { outline:2px solid var(--plum); outline-offset:2px; }
.chg-ph { position:relative; flex:none; width:52px; height:52px; border-radius:12px; overflow:hidden; }
.chg-ph img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; padding:4px; }
.chg-ph-x { display:inline-flex; align-items:center; justify-content:center; background:var(--mist); color:var(--ink-500); }
.chg-m { display:flex; flex-direction:column; min-width:0; flex:1; gap:1px; }
.chg-n { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14.5px; font-weight:700; color:var(--ink-900); }
.chg-s { display:flex; flex-wrap:wrap; gap:0 10px; font-size:12px; color:var(--ink-500); }
.chg-w { display:flex; align-items:flex-start; gap:6px; margin-top:3px; font-size:13px; font-weight:600; color:var(--ink-700); }
.chg-w > svg { margin-top:2px; color:var(--ink-500); }
.chg-w.is-new > svg { color:var(--leaf); }
.chg-w.is-off > svg { color:#A1452E; }
.chg-q { font-weight:600; color:var(--ink-900); quotes:'“' '”'; }
.chg-dim { font-weight:500; color:var(--ink-500); }
.chg-file { font-weight:600; color:var(--ink-900); word-break:break-all; }
.chg-t { display:flex; flex:none; flex-direction:column; align-items:flex-end; gap:2px; max-width:34%; font-size:12px; color:var(--ink-500); text-align:right; }
.chg-t time { font-weight:700; color:var(--ink-700); }
.chg-src { padding:0 7px; border-radius:999px; background:var(--mist); font-size:11px; font-weight:700; line-height:18px; color:var(--ink-600); white-space:nowrap; }
.chg-by { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; color:var(--plum); }
@media (max-width:767px) {
  .chg-sels { margin-left:0; width:100%; }
  .chg-sels .im-sel { flex:1; max-width:none; }
  .chg-a { align-items:flex-start; padding:10px 12px 10px 10px; }
  .chg-ph { width:44px; height:44px; }
  .chg-t { max-width:40%; }
}