.work-activity { padding: 22px 19px; }
.work-activity > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; color: var(--sub); font-size: 11px; font-weight: 700; }
.work-activity > header a { color: var(--sub); font-size: 10px; font-weight: 700; text-decoration: none; }.work-activity > header a:hover { color: var(--ink); }
.work-activity .work-activity-list { display: grid; grid-template-columns: 1fr; gap: 7px; }.work-activity-list > a { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 64px; padding: 4px; border-radius: 8px; color: inherit; text-decoration: none; }.work-activity-list > a:hover, .work-activity-list > a:focus-visible { background: transparent; }
.work-activity-list img { width: 56px; height: 56px; display: block; border-radius: 7px; object-fit: cover; }.work-activity-list b, .work-activity-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.work-activity-list b { color: #4b4d54; font-size: 14px; font-weight: 800; transition: color .18s ease; }.work-activity-list > a:hover b, .work-activity-list > a:focus-visible b { color: #000; }.work-activity-list small { margin-top: 5px; color: var(--sub); font-size: 12px; }
.work-activity:hover, .work-activity:focus-within { border-color: var(--line); box-shadow: none; }
[data-theme="dark"] .work-activity-list b { color: #c5c7cc; } [data-theme="dark"] .work-activity-list > a:hover b, [data-theme="dark"] .work-activity-list > a:focus-visible b { color: var(--ink); }