/* Blog Mai Liên — chung cho mọi trang blog */
:root{
  --bg:#FBF6F1; --cream:#F4E9DE; --card:#FFF;
  --ink:#3B2E27; --muted:#5E4E43; --line:#E0CFBE;
  --rose:#C26B66; --rose-deep:#A4504C; --rose-soft:#F3DAD5; --gold:#C49A52;
  --shadow:0 18px 50px -22px rgba(120,70,55,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Be Vietnam Pro",-apple-system,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.72;font-size:17.5px;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;line-height:1.22;color:var(--ink)}
a{color:var(--rose-deep)}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.wrap-wide{max-width:1080px;margin:0 auto;padding:0 22px}
/* header */
header{position:sticky;top:0;z-index:40;background:rgba(251,246,241,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:"Playfair Display";font-weight:700;font-size:1.45rem;color:var(--ink);text-decoration:none}
.logo span{color:var(--rose)}
.nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--rose-deep);color:#fff;font-weight:700;font-size:.95rem;padding:10px 20px;border-radius:999px;text-decoration:none}
.nav-cta:hover{background:#8A3F3B}
/* breadcrumb */
.crumb{font-size:.9rem;color:var(--muted);margin:22px 0 6px}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--rose-deep)}
/* article */
article{padding:8px 0 40px}
article h1{font-size:clamp(27px,5vw,40px);margin:6px 0 12px}
.post-meta{color:var(--muted);font-size:.92rem;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:18px}
article h2{font-size:clamp(21px,3.4vw,27px);color:var(--rose-deep);margin:30px 0 10px}
article h3{font-size:1.18rem;margin:20px 0 8px}
article p{margin:0 0 16px}
article ul,article ol{margin:0 0 16px 22px}
article li{margin-bottom:9px}
article blockquote{border-left:4px solid var(--rose);background:#fff;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 20px;font-style:italic;color:var(--ink);box-shadow:0 10px 30px -22px rgba(120,70,55,.4)}
article strong{color:var(--ink)}
.lead{font-size:1.16rem;color:var(--ink)}
/* CTA box */
.cta-box{background:linear-gradient(160deg,var(--rose),var(--rose-deep));color:#fff;border-radius:20px;padding:30px 26px;margin:34px 0 10px;text-align:center;box-shadow:var(--shadow)}
.cta-box h3{color:#fff;font-size:1.4rem;margin-bottom:8px}
.cta-box p{color:#fde9e4;margin-bottom:18px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn-white{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--rose-deep);font-weight:700;padding:13px 24px;border-radius:999px;text-decoration:none}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;border:1.6px solid #fff;font-weight:700;padding:13px 24px;border-radius:999px;text-decoration:none}
.disc{font-size:.86rem;color:var(--muted);font-style:italic;border-top:1px solid var(--line);margin-top:30px;padding-top:16px}
.related{margin:30px 0 0}
.related a{display:block;padding:8px 0;text-decoration:none;color:var(--rose-deep);font-weight:600}
/* blog index */
.blog-hero{text-align:center;padding:48px 0 6px}
.blog-hero .eyebrow{display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A3A36;background:var(--rose-soft);padding:6px 15px;border-radius:999px;margin-bottom:14px}
.blog-hero h1{font-size:clamp(28px,5vw,42px);margin-bottom:10px}
.blog-hero p{color:var(--muted);max-width:600px;margin:0 auto;font-size:1.08rem}
.post-list{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:34px 0 50px}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 10px 30px -22px rgba(120,70,55,.4);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:.2s}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.post-card .tag{align-self:flex-start;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8A3A36;background:var(--rose-soft);padding:3px 11px;border-radius:999px;margin-bottom:12px}
.post-card h2{font-size:1.3rem;color:var(--ink);margin-bottom:8px;line-height:1.3}
.post-card p{color:var(--muted);font-size:.97rem;margin:0}
.post-card .more{margin-top:14px;color:var(--rose-deep);font-weight:700;font-size:.95rem}
/* footer */
footer{background:var(--ink);color:#cdb9ac;font-size:.92rem;margin-top:30px}
footer .wrap-wide{padding:40px 22px 28px}
footer a{color:#f3e9e1}
.fnav{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}
.fdisc{border-top:1px solid #543f35;margin-top:22px;padding-top:16px;font-size:.84rem;color:#C7B3A4;line-height:1.6}
@media(max-width:680px){
  .post-list{grid-template-columns:1fr}
  body{font-size:17px}
}