.act-page { display: grid; gap: var(--gap); max-width: 1200px; }
.act-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); }
.act-bar .act-f { display: inline-flex; align-items: center; gap: var(--sp-1, 4px); font-weight: normal; }
.act-bar select { max-width: 220px; }
.act-datef { position: relative; display: inline-flex; align-items: center; gap: 2px; }
.act-date { width: 9.5em; }
.act-pick { position: absolute; inset-inline-end: 0; bottom: 0; width: 1px; height: 1px; padding: 0; border: 0; opacity: 0; pointer-events: none; }
.act-search { min-width: 220px; }
.act-chip { display: inline-flex; align-items: center; gap: var(--sp-1, 4px); }
.act-note { margin: 0 0 var(--sp-2); }
.act-note .act-older { margin-inline-start: 8px; }
.act-list { display: grid; }
.act-entry { border-bottom: 1px solid var(--border); padding: var(--sp-2) 0; }
.act-entry > summary { display: grid; grid-template-columns: 11em 10em 1fr; gap: var(--sp-3); align-items: baseline; cursor: pointer; }
.act-when { color: var(--text-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.act-by { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.act-sum { overflow-wrap: anywhere; }
.act-item.gone { font-style: italic; }
.act-changes { margin: var(--sp-2) 0 var(--sp-1, 4px); }
.act-changes td { overflow-wrap: break-word; vertical-align: top; }
.act-changes td:nth-child(2) { white-space: nowrap; }
.act-more { padding-top: var(--sp-2); }
@media (max-width: 760px) { .act-entry > summary { grid-template-columns: 1fr; gap: 2px; } }