/* Danh sách bài viết (Tin tức, chuyên mục, thẻ, tác giả, tìm kiếm) — thiết kế mới. */

.ahead{padding:clamp(48px,6vw,88px) 0 clamp(28px,3.5vw,44px);background:radial-gradient(800px 380px at 88% 0,rgba(201,161,91,.2),transparent 62%),radial-gradient(600px 400px at -5% 100%,rgba(41,56,125,.08),transparent 60%),var(--ivory)}
.ahead h1{font-size:clamp(2.3rem,4.8vw,4.2rem);letter-spacing:-.02em;margin:1.2rem 0 1rem}
.ahead h1 em{font-style:italic;font-weight:500;color:var(--gold-d)}
.ahead .lead{max-width:62ch}
.acount{margin-top:1.4rem;font-size:.9rem;color:var(--muted)}
.acount b{color:var(--ink);font-weight:600}
.asearch{display:flex;gap:.7rem;margin-top:1.6rem;max-width:560px}
.asearch input{flex:1;min-width:0;height:54px;padding:0 1.4rem;border-radius:99px;border:1px solid var(--line);background:#fff;font:inherit;color:var(--ink)}
.asearch input:focus{outline:2px solid var(--gold);outline-offset:1px}

/* Chuyên mục */
.acats{position:sticky;top:84px;z-index:40;background:rgba(250,247,242,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-block:1px solid var(--line)}
body.admin-bar .acats{top:116px}
.acats .wrap{display:flex;gap:.6rem;overflow-x:auto;padding-block:12px;scrollbar-width:none}
.acats .wrap::-webkit-scrollbar{display:none}
.acats a{flex:none;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:.88rem;font-weight:500;color:var(--ink);transition:.3s var(--ease)}
.acats a small{font-size:.74rem;color:var(--muted);transition:.3s}
.acats a:hover,.acats a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.acats a:hover small,.acats a.on small{color:var(--gold-l)}

/* Lưới bài viết */
.alist{background:var(--ivory);padding-top:clamp(36px,4.5vw,64px)}
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.acard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.45s var(--ease)}
.acard:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.acard-img{display:block;position:relative;aspect-ratio:1200/628;overflow:hidden;background:var(--stone)}
.acard-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.acard:hover .acard-img img{transform:scale(1.05)}
.acard-ph{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--stone),#fff)}
.acard-ph img{width:34%;height:auto;object-fit:contain;opacity:.55;transition:none}
.acard-body{display:flex;flex-direction:column;flex:1;padding:24px 26px 22px}
.acard-cat{align-self:flex-start;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);margin-bottom:.7rem}
.acard-cat:hover{color:var(--ink)}
.acard h2{font-size:1.28rem;line-height:1.35;margin-bottom:.7rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.acard h2 a:hover{color:var(--gold-d)}
.acard p{color:var(--muted);font-size:.92rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.acard-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.2rem}
.acard-foot time{font-size:.8rem;color:var(--muted)}
.acard-more{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;color:var(--ink);transition:.3s var(--ease)}
.acard-more svg{width:15px;height:15px;transition:.3s var(--ease)}
.acard:hover .acard-more{color:var(--gold-d)}
.acard:hover .acard-more svg{transform:translateX(4px)}
.acard-body>.acard-foot{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem}

/* Phân trang */
.alist ul.page-numbers{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:clamp(36px,5vw,64px) 0 0;padding:0}
.alist ul.page-numbers li{margin:0}
.alist .page-number{display:grid;place-items:center;min-width:46px;height:46px;padding:0 .8rem;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:500;font-size:.92rem;transition:.3s var(--ease)}
.alist a.page-number:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.alist .page-number.current{background:linear-gradient(135deg,#d9b574,#b78d45);border-color:transparent;color:#1a1405;font-weight:600}
.alist .page-number.dots{border-color:transparent;background:transparent}
.alist .page-number svg{width:16px;height:16px}

.aempty{text-align:center;padding:clamp(40px,6vw,90px) 0;display:grid;gap:1rem;justify-items:center}
.aempty p{color:var(--muted)}

@media (max-width:1080px){
  .agrid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .acats{top:72px}
  body.admin-bar .acats{top:118px}
  .agrid{grid-template-columns:1fr;gap:20px}
  .asearch{flex-direction:column}
  .asearch input{flex:none;width:100%}
}
@media (max-width:782px) and (min-width:761px){body.admin-bar .acats{top:130px}}