.changes-top{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:end;gap:10px;margin-bottom:11px}.changes-top>div b,.changes-top>div span{display:block}.changes-top>div b{font-size:23px}.changes-top>div span{font-size:10px;color:var(--muted,#667085)}.changes-since{background:#f8fafc;border-radius:13px;padding:12px;margin-bottom:10px}.changes-since>b,.changes-since>span{display:block}.changes-since>span{font-size:11px;color:var(--muted,#667085);margin-top:2px}.changes-since p{margin:6px 0 0;color:var(--muted,#667085);font-size:12px}.changes-filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.changes-filters button{border:1px solid var(--line,#e6e8ec);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer}.changes-filters button.active{font-weight:800;border-color:#98a2b3}.changes-list{display:grid;gap:0}.change-item{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:0 0 16px}.change-dot{width:10px;height:10px;border-radius:50%;background:#98a2b3;margin:8px 0 0 5px;position:relative}.change-item.unseen .change-dot{background:#3157a4}.change-dot:after{content:"";position:absolute;width:1px;background:#e2e7ec;left:4px;top:12px;height:calc(100% + 16px)}.change-item:last-child .change-dot:after{display:none}.change-body{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:14px;padding:12px}.change-item.unseen .change-body{border-width:2px}.change-meta{display:flex;justify-content:space-between;gap:10px}.change-meta span,.change-meta time{font-size:9px;text-transform:uppercase;color:var(--muted,#667085)}.change-body h3{margin:5px 0}.change-body p{margin:0;color:var(--muted,#667085);font-size:12px}.change-diff{display:flex;gap:8px;align-items:center;margin-top:9px;background:#f8fafc;border-radius:9px;padding:7px;font-size:11px}.changes-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
@media(max-width:850px){.changes-top{grid-template-columns:1fr 1fr 1fr}.changes-top label{grid-column:1/-1}.changes-top>a{grid-column:1/-1}}@media(max-width:520px){.changes-top{grid-template-columns:1fr 1fr}.changes-top label,.changes-top>a{grid-column:1/-1}}