.article-hero{padding:85px clamp(24px,7vw,110px) 65px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,var(--paper) 60%,#e3edc7)}.article-hero h1,.article-content h1{font-family:var(--serif);font-size:clamp(52px,7vw,88px);font-weight:500;line-height:.96;letter-spacing:-.05em;margin:0;max-width:900px}.article-hero>p:last-child{max-width:650px;color:var(--muted);font-size:16px;margin-top:28px}.article-list{padding:70px clamp(24px,7vw,110px) 110px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-card{border:1px solid var(--line);background:#f8f6ef;transition:.25s}.article-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(8,31,25,.09)}.article-card a{display:block;padding:38px;min-height:280px}.article-card h2{font-family:var(--serif);font-size:34px;line-height:1.08;font-weight:500;margin:35px 0 12px}.article-card time{font-size:9px;font-weight:800;letter-spacing:.1em;color:#648514}.article-card p{font-size:12px;color:var(--muted);max-width:520px}.article-card a:after{content:"Đọc bài viết  →";display:block;margin-top:35px;font-size:10px;font-weight:800}.article-main{padding:80px 20px 110px}.article-content{max-width:820px;margin:auto}.article-content h1{font-size:clamp(48px,6vw,76px)}.article-meta{display:block;margin:24px 0 45px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#648514}.article-body{font-size:17px;line-height:1.85;color:#31443f}.article-body h2{font-family:var(--serif);font-size:38px;line-height:1.15;color:var(--ink);margin:55px 0 18px}.article-body h3{font-size:20px;color:var(--ink);margin-top:35px}.article-body p,.article-body ul{margin:0 0 24px}.article-body .callout{background:#e4efc8;border-left:4px solid #6f9415;padding:22px 26px;color:var(--ink);margin:35px 0}.article-breadcrumb{font-size:10px;font-weight:700;margin-bottom:35px}.article-breadcrumb a{color:#648514}@media(max-width:640px){.article-hero{padding:55px 20px}.article-list{grid-template-columns:1fr;padding:45px 20px 70px}.article-card a{padding:26px;min-height:240px}.article-card h2{font-size:29px}.article-main{padding-top:55px}.article-body{font-size:15px}}
