#recent-activity[hidden]{display:none}
#recent-activity{margin:0 0 24px;padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
#recent-activity .activity-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
#recent-activity h2{font-size:18px}
#recent-activity .activity-heading>span{font-size:12px;color:var(--muted)}
#recent-activity p{margin:8px 0 12px;font-size:13px;color:var(--ink-2)}
#recent-activity ul{list-style:none;padding:0;margin:0}
#recent-activity li{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
#recent-activity li>div{flex:1;min-width:0}
#recent-activity time{font-size:12px;color:var(--ink-2);white-space:nowrap}
#recent-activity .activity-marker{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--agua-soft);color:var(--agua);font-weight:600}
@media(max-width:600px){#recent-activity{padding:16px}#recent-activity li{gap:9px;align-items:flex-start;flex-wrap:wrap}#recent-activity li>div{flex-basis:calc(100% - 36px)}#recent-activity time{margin-left:35px;margin-top:-7px}}