/* Aspire Residential Care — tin tức (news.html, news-detail.html, khối "Latest news" trên trang chủ). Màu theo index.html. */
:root{--brand:#1F5A3D;--brand2:#12301F;--accent:#2E7D4F;--ink:#17251D;--ink2:#3C4D43;--muted:#4B5B51;--line:#D6E6DA;--soft:#EEF5EF;--soft2:#F6FAF7;--white:#FFFFFF}
.an *{box-sizing:border-box}
.an{font-family:'Source Sans 3',system-ui,sans-serif;color:var(--ink);font-size:18px;line-height:1.6;background:var(--white)}
.an a{color:var(--brand)}
.an h1,.an h2,.an h3{font-family:Manrope,system-ui,sans-serif;color:var(--brand2);line-height:1.2;margin:0}
.an .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.an :focus-visible{outline:3px solid #8BC4A0;outline-offset:2px}
/* header / footer (trang tin) */
.an-head{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
.an-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}
.an-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.an-brand b{font-family:Manrope;font-weight:800;font-size:20px;color:var(--brand2);display:block;line-height:1.1}
.an-brand small{color:var(--muted);font-size:14px}
.an-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;font-size:17px}
.an-nav a{color:var(--ink);text-decoration:none;font-weight:600}
.an-nav a:hover,.an-nav a[aria-current]{color:var(--brand);text-decoration:underline;text-underline-offset:6px}
.an-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--brand);color:#fff!important;text-decoration:none!important;font-weight:700}
.an-foot{background:var(--brand2);color:#DCEDE2;margin-top:64px}
.an-foot .wrap{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;padding-top:32px;padding-bottom:32px}
.an-foot a{color:#DCEDE2}
.an-foot nav{display:flex;flex-wrap:wrap;gap:12px 28px}
/* tiêu đề trang */
.an-hero{background:var(--soft);padding:48px 0 40px}
.an-crumb{font-size:15px;color:var(--muted);margin-bottom:10px}
.an-crumb a{color:var(--muted)}
.an-hero h1{font-size:clamp(30px,4vw,46px);font-weight:800}
.an-hero p{color:var(--ink2);max-width:720px;margin:12px 0 0}
/* thanh lọc */
.an-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:32px 0 24px}
.an-chips{display:flex;flex-wrap:wrap;gap:8px}
.an-chips button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #B9D3C1;background:#fff;color:var(--brand);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.an-chips button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.an-search{display:flex;gap:8px}
.an-search input{min-height:46px;padding:0 16px;border-radius:999px;border:1px solid #A9C7B2;font:inherit;font-size:16px;width:min(320px,70vw)}
/* thẻ tin */
.an-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:960px){.an-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.an-grid{grid-template-columns:1fr}}
.an-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.an-card:hover{box-shadow:0 10px 30px rgba(18,48,31,.10);transform:translateY(-2px)}
.an-img{display:block;aspect-ratio:16/10;background:var(--soft) center/cover no-repeat;position:relative;overflow:hidden}
.an-img img{width:100%;height:100%;object-fit:cover;display:block}
.an-img .ph{position:absolute;inset:0;display:grid;place-items:center}
.an-card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.an-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--muted)}
.an-meta .cat{color:var(--accent);font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.an-card h3{font-size:21px;font-weight:800}
.an-card h3 a{color:var(--brand2);text-decoration:none}
.an-card h3 a:hover{text-decoration:underline}
.an-card p{margin:0;color:var(--ink2);font-size:16.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* tin nổi bật */
.an-feat{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:center;background:var(--soft2);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-bottom:36px}
.an-feat .an-img{aspect-ratio:auto;height:100%;min-height:340px}
.an-feat .body{padding:32px 36px 32px 0;display:flex;flex-direction:column;gap:12px}
.an-feat h2{font-size:clamp(26px,3vw,36px);font-weight:800}
.an-feat h2 a{color:var(--brand2);text-decoration:none}
.an-feat p{margin:0;color:var(--ink2)}
@media(max-width:860px){.an-feat{grid-template-columns:1fr}.an-feat .body{padding:0 24px 28px}.an-feat .an-img{min-height:220px}}
.an-more{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--brand);text-decoration:none}
.an-more:hover{text-decoration:underline}
/* phân trang */
.an-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.an-pager button{min-width:46px;min-height:46px;border-radius:999px;border:1px solid #B9D3C1;background:#fff;color:var(--brand);font:inherit;font-weight:700;cursor:pointer}
.an-pager button[aria-current]{background:var(--brand);color:#fff;border-color:var(--brand)}
.an-pager button:disabled{opacity:.4;cursor:default}
.an-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:48px 16px;border:1px dashed var(--line);border-radius:20px;background:var(--soft2)}
.an-skel{border-radius:20px;min-height:320px;background:linear-gradient(90deg,var(--soft) 25%,#f8fbf9 50%,var(--soft) 75%);background-size:200% 100%;animation:anSk 1.3s infinite}
@keyframes anSk{to{background-position:-200% 0}}
/* bài viết */
.an-article{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;margin-top:40px}
@media(max-width:960px){.an-article{grid-template-columns:1fr}}
.an-cover{width:100%;border-radius:20px;margin-bottom:28px;display:block}
.an-rich{font-size:18.5px;line-height:1.75;color:var(--ink)}
.an-rich h2{font-size:28px;margin:1.6em 0 .6em}
.an-rich h3{font-size:22px;margin:1.4em 0 .5em}
.an-rich p{margin:0 0 1.1em}
.an-rich img{max-width:100%;height:auto;border-radius:14px}
.an-rich blockquote{margin:1.4em 0;padding:16px 22px;border-left:5px solid var(--accent);background:var(--soft);border-radius:0 14px 14px 0}
.an-rich ul,.an-rich ol{padding-left:1.4em}
.an-side .box{border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--soft2);margin-bottom:20px}
.an-side h3{font-size:19px;margin-bottom:12px}
.an-mini a{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;font-size:16px;line-height:1.35}
.an-mini a:first-child{border-top:0}
.an-mini .t{flex:0 0 72px;height:54px;border-radius:10px;background:var(--soft) center/cover no-repeat}
/* khối Latest news trên trang chủ */
#news.an{border-top:1px solid #E2EEE5;background:#FFFFFF}
#news .wrap{padding-top:88px;padding-bottom:88px}
#news .an-head2{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px}
#news .eyebrow{font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
#news h2{font-size:clamp(28px,3.4vw,40px);font-weight:800}