/* Bài viết blog — Moonlight Sage (đồng bộ trang chủ + coach) */
:root{
  --sage:#6B7F5F;--sage-light:#8AA391;--sage-dark:#3C4F38;--sage-soft:#DDE8DD;
  --gold:#D9A441;--gold-soft:#F3E7C7;--rose:#BC6A43;--rose-dark:#A0552F;
  --bg:#F4EFE3;--surface:#FBF8F1;--surface2:#FFFDF9;--border:#DDD5C4;--border-strong:#D3C6B4;
  --text:#3A352E;--muted:#6E6258;--text-muted:#9A8F84;--cream:#FFFDF9;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--text);line-height:1.78;font-size:18px;
  background-color:var(--bg);
  background-image:radial-gradient(circle at top center,rgba(221,232,221,0.4) 0%,rgba(248,244,234,0.85) 40%,var(--bg) 100%);
  background-attachment:fixed;}
a{color:var(--rose-dark)}
img{max-width:100%;height:auto;display:block;border-radius:10px}
.logo-coach{font-size:0.66em;color:var(--gold);letter-spacing:.01em;margin-right:.12em}
.brand-script{font-family:'Great Vibes',cursive;color:var(--rose);font-weight:400}

/* Nav */
.nav{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 14px rgba(71,59,51,0.07)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:1160px;margin:0 auto;padding:0 24px}
.logo{display:flex;align-items:center;gap:8px;font-size:1.6rem}
.logo .moon{color:var(--gold);font-size:1.3rem}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{color:var(--text);font-weight:500;font-size:0.96rem;transition:color .2s;text-decoration:none}
.nav-links a:hover{color:var(--sage-dark)}
.nav-cta{background:var(--sage);color:#fff!important;padding:9px 19px;border-radius:30px;font-weight:600;font-size:0.9rem;transition:background .2s}
.nav-cta:hover{background:var(--sage-dark)}
.hamb{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.hamb span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s}
@media(max-width:720px){
  .nav-links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--surface2);border-bottom:1px solid var(--border);padding:20px 24px;gap:18px;align-items:flex-start;box-shadow:0 8px 20px rgba(71,59,51,0.08)}
  .nav-links.open{display:flex}
  .hamb{display:flex}
}

/* Article */
.post-wrap{max-width:760px;margin:0 auto;padding:48px 24px 80px}
.post-eyebrow{color:var(--gold);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:0.78rem;margin-bottom:14px}
.post-title{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.22;color:var(--text);margin-bottom:16px}
.post-meta{color:var(--text-muted);font-size:0.92rem;margin-bottom:30px}
.post-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:38px;border:1px solid var(--border-strong)}
.post-body{font-size:1.08rem}
.post-body p{margin:0 0 22px}
.post-body h2{font-family:'Playfair Display',serif;font-size:1.6rem;margin:38px 0 16px;color:var(--sage-dark)}
.post-body h3{font-family:'Playfair Display',serif;font-size:1.3rem;margin:30px 0 12px;color:var(--sage-dark)}
.post-body ul,.post-body ol{margin:0 0 22px 1.3em}
.post-body li{margin-bottom:8px}
.post-body img{margin:26px auto;box-shadow:0 12px 30px rgba(71,59,51,0.1)}
.post-body figure{margin:26px 0}
.post-body figcaption{text-align:center;color:var(--text-muted);font-size:0.86rem;margin-top:8px}
.post-body blockquote{border-left:3px solid var(--gold);background:var(--surface);padding:16px 22px;margin:26px 0;border-radius:0 10px 10px 0;color:var(--muted);font-style:italic}
.post-body a{color:var(--rose-dark);text-decoration:underline;text-underline-offset:3px}
.post-body strong{color:var(--text)}

/* Kết bài + CTA */
.post-end{margin-top:48px;padding-top:30px;border-top:1px solid var(--border)}
.post-sign{font-family:'Great Vibes',cursive;color:var(--rose);font-size:1.7rem;margin-bottom:6px}
.post-cta{margin-top:30px;background:linear-gradient(135deg,var(--sage-dark),#2e3d2b);border-radius:18px;padding:34px 30px;text-align:center;color:#f4efe3}
.post-cta h3{font-family:'Playfair Display',serif;color:#fff;font-size:1.4rem;margin-bottom:10px}
.post-cta p{color:#e6ddc9;margin-bottom:20px;font-size:0.98rem}
.post-cta a{display:inline-block;background:var(--gold);color:#2e3d2b;padding:13px 28px;border-radius:30px;font-weight:700;text-decoration:none}
.post-nav-bottom{margin-top:34px;text-align:center}
.post-nav-bottom a{display:inline-block;color:var(--sage-dark);font-weight:600;border:1px solid var(--border-strong);background:var(--cream);padding:12px 26px;border-radius:30px;text-decoration:none}
.post-nav-bottom a:hover{background:var(--gold-soft);border-color:var(--sage)}

/* Footer */
footer{background:var(--surface);padding:40px 0 30px;border-top:1px solid var(--border);text-align:center}
.foot-sign .brand-script{font-size:1.4rem;display:block;margin-bottom:6px}
.foot-copy{font-size:0.82rem;color:var(--text-muted);margin-top:8px}

@media(max-width:640px){body{font-size:17px}.post-wrap{padding:32px 20px 60px}}