.activity-list {list-style: none; padding: 0; margin: 0; border-top: 2px solid var(--blue)}
.activity-list li {border-bottom: 1px solid var(--line)}
.activity-list a {display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 16px 8px}
.activity-title {flex: 1 1 12em; font-weight: 600; overflow-wrap: anywhere}
.activity-list a:hover .activity-title, .activity-list a:focus-visible .activity-title {text-decoration: underline}
.activity-thumb {width: 72px; height: 54px; object-fit: cover}
.activity-pin {display: inline-block; margin-right: 8px; color: var(--blue); font-size: .85em}
.activity-list time, .activity-detail time {color: var(--muted); font-size: .9em}
.activity-empty {padding: 44px 12px; text-align: center; color: var(--muted); border-block: 1px solid var(--line)}
.activity-detail {overflow-wrap: anywhere; border-bottom: 1px solid var(--line); padding-bottom: 24px}
.activity-detail h2 {margin: 0 0 8px; line-height: 1.45}
.activity-summary, .activity-body {margin-block: 20px; line-height: 1.8}
.activity-summary {white-space: pre-line}
.activity-body img, .activity-featured {max-width: 100%; height: auto}
.activity-featured {display: block; margin-block: 24px}
.activity-body a {color: var(--blue); text-decoration: underline}
.activity-body ul, .activity-body ol {padding-inline-start: 1.5em}
.activity-body ul {list-style: disc}
.activity-body ol {list-style: decimal}
.activity-return, .activity-paging a, .activity-paging span {display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 6px 14px; border: 1px solid var(--line)}
.activity-return {margin-top: 16px}
.activity-paging {display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; margin-top: 24px}
.activity-paging [aria-current] {background: var(--blue); color: #fff}
@media (max-width: 560px) {
    .activity-list a {column-gap: 8px; row-gap: 4px}
    .activity-title {flex-basis: 65%}
    .activity-list time {width: 100%}
}

.activity-body, .activity-custom {max-width: 100%; overflow-x: auto}
.activity-custom img {max-width: 100%; height: auto}
.activity-body table, .activity-custom table {border-collapse: collapse}
.activity-body td, .activity-body th, .activity-custom td, .activity-custom th {padding: 6px; border: 1px solid var(--line)}