/* Desktop only. Mobile styles are loaded separately by PHP. */
/* Danh sách bài viết: ảnh bên trái, tiêu đề và metadata bên phải. */
.mkorg-article-archive{padding-bottom:28px;background:#fff}
.article-archive-header{margin:0 0 24px}
.article-archive-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 16px}
.article-archive-title h1{margin:0;color:#202124;font-size:26px;font-weight:700;line-height:1.35}
.article-archive-header>p{max-width:760px;margin:8px 0 0;color:#687789;font-size:15px;line-height:1.7}
.article-archive-list{min-width:0}
.archive-card{min-width:0;margin:0;padding:18px 0;border-bottom:1px solid var(--liuer-border)}
.archive-card:first-child{padding-top:0}
.archive-card-link{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;min-width:0;color:inherit}
.archive-card-media{display:block;aspect-ratio:1.6;min-width:0;overflow:hidden;background:var(--liuer-bg)}
.archive-card-media>picture{display:block!important;width:100%;height:100%;min-height:0}
.archive-card-media img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:10px}
.archive-card-media>.mkorg-media-placeholder{display:grid;place-items:center;width:100%;height:100%}
.archive-card-body{min-width:0;padding:0}
.archive-card h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0;overflow:hidden;color:#303030;font-size:20px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.archive-card-meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0 0;color:#7a7a7a;font-size:14px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}
.archive-card-link:hover h2{color:var(--liuer-accent)}
.article-archive-more-wrap{display:flex;justify-content:center;margin-top:24px}
.article-archive-more{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:180px;min-height:42px;padding:9px 22px;border:1px solid var(--liuer-border);border-radius:100px;background:#fff;color:var(--liuer-accent);font-size:14px;font-weight:500;line-height:1.5}
.article-archive-more::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.article-archive-more[aria-disabled="true"]{cursor:wait;opacity:.6}
.article-archive-message{margin:12px 0 0;color:#687789;font-size:13px;line-height:1.5;text-align:center}
.article-archive-message:empty{display:none}
.article-archive-message.is-error{color:#b42318}
.article-archive-empty{padding:32px 18px;border:1px solid var(--liuer-border);border-radius:10px;text-align:center}
.article-archive-empty h2{margin:0 0 8px;font-size:18px}
.article-archive-empty p{margin:0;color:#687789;font-size:15px}
.mkorg-article-archive a:focus-visible{outline:2px solid var(--liuer-accent);outline-offset:3px;border-radius:2px}