/* Homepage article feed: optional covers, shared rows, and natural reading order. */
.danxia-articles-section .danxia-section-head {
    margin-bottom: 0;
}
.danxia-home-article-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 44px;
    margin-bottom: 24px;
}
.danxia-home-article {
    min-width: 0;
    border-bottom: 1px solid var(--danxia-line);
}
.danxia-home-article-link {
    display: flex;
    align-items: stretch;
    gap: 18px;
    height: 100%;
    min-height: 148px;
    padding: 24px 0;
    color: inherit;
}
.danxia-home-article-cover {
    position: relative;
    flex: 0 0 160px;
    min-height: 120px;
    overflow: hidden;
    border-radius: 6px;
}
.danxia-home-article-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.danxia-home-article-copy {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}
.danxia-home-article-copy h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    color: var(--danxia-ink, #4f3c30);
    font: 700 18px/1.55 var(--danxia-serif);
    overflow-wrap: anywhere;
    transition: color .2s;
}
.danxia-home-article-copy p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 8px 0 0;
    color: var(--danxia-muted);
    font-size: 14px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
.danxia-home-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    margin-top: auto;
    padding-top: 12px;
    color: var(--danxia-muted);
    font-size: 12px;
    line-height: 1.5;
}
.danxia-home-article-meta time {
    padding-left: 12px;
    border-left: 1px solid var(--danxia-line);
}
.danxia-home-article-link:hover h3 {
    color: var(--danxia-red);
}
.danxia-home-article-link:focus-visible {
    outline: 2px solid var(--danxia-red);
    outline-offset: 4px;
    border-radius: 4px;
}
.danxia-home-article-empty {
    grid-column: 1 / -1;
    padding: 28px 0;
    color: var(--danxia-muted);
}
@media (max-width: 991px) {
    .danxia-home-article-grid { column-gap: 28px; }
    .danxia-home-article-link { gap: 14px; }
    .danxia-home-article-cover { flex-basis: 136px; min-height: 102px; }
    .danxia-home-article-copy h3 { font-size: 17px; }
}
@media (max-width: 767px) {
    .danxia-home-article-grid { grid-template-columns: minmax(0, 1fr); margin-bottom: 16px; }
    .danxia-home-article-link { min-height: 0; padding: 20px 0; }
}
@media (max-width: 479px) {
    .danxia-home-article-cover { flex-basis: 112px; min-height: 84px; }
}
