.about-sidebar .article-list-parent, .about-sidebar .article-list-parent:link, .about-sidebar .article-list-parent:visited, .about-sidebar .article-list-parent:hover, .about-sidebar .article-list-parent:active { display: block; color: #fff; text-decoration: none; }
.article-list-parent:hover { color: #fff; }
.article-list-body { padding-top: 12px; min-height: 420px; }
.article-text-list { margin: 0; padding: 0; list-style: none; }
.article-text-list li { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 5px 0 15px 0; border-bottom: 1px dashed #e5ebf1; font-size: 14px; line-height: 1.8; }
.article-text-list li::before { content: ''; flex: 0 0 3px; width: 3px; height: 3px; background: #7791ad; }
.article-text-list a { display: block; flex: 1 1 0%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #40556c; }
.article-text-list a:hover { color: #2467a7; }
.article-text-list time { flex: 0 0 78px; text-align: right; color: #95a2af; font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.article-text-list [hidden], .article-list-layout [hidden] { display: none; }
.article-list-crumb-extra { display: inline-flex; align-items: center; gap: 7px; }
.article-list-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 28px; font-size: 13px; color: #95a2af; }
.article-list-pagination button { border: 1px solid #e1e7ee; background: #fff; color: #647a91; min-width: 32px; padding: 5px 10px; line-height: 1.8; cursor: pointer; }
.article-list-pagination button:hover, .article-list-pagination button.is-active { background: #edf3f9; border-color: #aac1d9; color: #1a4373; }
.article-list-pagination button:disabled { color: #bdc6cf; background: #fafbfd; cursor: default; border-color: #edf1f5; }
.article-list-pagination > span { margin-left: 8px; }
@media(max-width:760px) { .article-text-list li { padding: 5px 0 15px 0; gap: 8px; } .article-text-list time { flex-basis: 70px; font-size: 11px; } .article-list-body { min-height: 0; } }
/* Article title/date row with a CSS-clamped two-line description. */
.article-text-list li { display: block; padding: 5px 0 15px 0; }
.article-text-list li::before { display: none; }
.article-list-item-heading { display: flex; align-items: center; gap: 14px; min-width: 0; }
.article-list-item-heading a { font-size: 16px; line-height: 1.7; }
.article-list-excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 8px 0 0;
    color: #8996a5;
    font-size: 13px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}
@media(max-width:760px) {
    .article-text-list li { padding: 5px 0 15px 0; }
    .article-list-item-heading { gap: 10px; }
    .article-list-item-heading a { font-size: 16px; }
}

.article-text-list li > time { display: block; margin-top: 7px; text-align: right; line-height: 1.6; }


/* Place the date on the second summary line, without a separate row. */
.article-list-summary-row { display: flex; align-items: flex-end; gap: 16px; margin-top: 8px; }
.article-list-summary-row .article-list-excerpt { flex: 1 1 0%; min-width: 0; margin: 0; min-height: 3.8em; }
.article-list-summary-row time { display: block; flex: 0 0 78px; margin: 0; line-height: 24.7px; }
@media(max-width:760px) { .article-list-summary-row { gap: 10px; } .article-list-summary-row time { flex-basis: 70px; } }

/* Keep long preview copy intact; truncate only through CSS. */
.article-list-item-heading { width: 100%; overflow: hidden; }
.article-list-item-heading a { display: block; flex: 1 1 0%; width: 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article-list-summary-row { min-width: 0; }
.article-list-summary-row .article-list-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 3.8em; }