/* post.css — layout bài viết blog (giữ URL cũ /YYYY/MM/DD/slug/). Kế thừa mxh-tokens.css. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; color:var(--mxh-ink,#20180a); font-family:var(--mxh-serif,Georgia,serif); font-size:19px; line-height:1.8;
  background-color:var(--mxh-paper,#ecdebb); -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(120% 70% at 50% -5%, rgba(255,251,235,.4), transparent 55%);}
a{color:var(--mxh-burg,#6b2230)}
.pwrap{max-width:760px; margin:0 auto; padding:0 22px}
.ptop{border-bottom:1px solid rgba(32,24,10,.18); background:var(--mxh-paper,#ecdebb); position:sticky; top:0; z-index:10}
.ptop .pwrap{display:flex; align-items:center; justify-content:space-between; padding:13px 22px; max-width:860px}
.pback{text-decoration:none; font-size:15px; font-weight:500; color:var(--mxh-ink)}
.pback:hover{color:var(--mxh-burg)}
.pmono{display:grid; place-items:center; width:36px; height:36px; border-radius:50%; border:2px solid var(--mxh-gold,#9c7c3a); font-family:var(--mxh-disp,Georgia,serif); font-weight:700; font-size:14px; color:var(--mxh-ink)}
article{padding:46px 0 56px}
.pcat{font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--mxh-gold-ink,#6d5216); margin:0}
h1{font-family:var(--mxh-disp,Georgia,serif); font-weight:800; font-size:clamp(30px,5vw,46px); line-height:1.16; margin:.6rem 0 .4rem; text-wrap:balance}
.pdate{font-style:italic; color:var(--mxh-ink-soft,#4c3f26); font-size:16px; margin:0 0 30px}
.article-body{font-size:19px}
.article-body img{max-width:100%; height:auto; border-radius:6px}
.article-body h2{font-family:var(--mxh-disp,Georgia,serif); font-weight:700; font-size:28px; margin:1.6em 0 .5em; line-height:1.2}
.article-body h3{font-family:var(--mxh-disp,Georgia,serif); font-weight:700; font-size:23px; margin:1.4em 0 .5em}
.article-body p{margin:0 0 1.1em}
.article-body ul,.article-body ol{margin:0 0 1.1em; padding-left:1.4em}
.article-body li{margin:0 0 .5em}
.article-body a{color:var(--mxh-burg,#6b2230)}
.article-body blockquote{border-left:3px solid var(--mxh-gold,#9c7c3a); margin:1.4em 0; padding:.3em 0 .3em 20px; font-style:italic; color:var(--mxh-ink-soft,#4c3f26)}
.article-body figure{margin:1.4em 0}
.article-body iframe{max-width:100%}
.pfoot{border-top:1px solid rgba(32,24,10,.18); padding:26px 0; text-align:center; font-size:14px; color:var(--mxh-ink-soft,#4c3f26)}
.pfoot a{color:var(--mxh-burg,#6b2230); font-weight:600; text-decoration:none}
/* Blog index */
.blist{max-width:780px; margin:0 auto; padding:44px 22px 60px}
.blist .bh{font-family:var(--mxh-disp,Georgia,serif); font-weight:800; font-size:clamp(32px,5vw,46px); margin:0 0 6px}
.blist .bsub{color:var(--mxh-ink-soft,#4c3f26); margin:0 0 26px}
.prow{display:grid; grid-template-columns:1fr auto; gap:4px 18px; padding:17px 0; border-bottom:1px solid rgba(32,24,10,.16); text-decoration:none; color:var(--mxh-ink,#20180a)}
.pr-cat{grid-column:1; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--mxh-gold-ink,#6d5216)}
.pr-title{grid-column:1; font-family:var(--mxh-disp,Georgia,serif); font-size:22px; font-weight:700; line-height:1.25}
.pr-date{grid-column:2; grid-row:1/3; align-self:center; font-style:italic; color:var(--mxh-ink-soft,#4c3f26); font-size:15px; white-space:nowrap}
.prow:hover .pr-title{color:var(--mxh-burg,#6b2230)}
@media(max-width:600px){ .pr-date{grid-column:1; grid-row:auto; align-self:auto} }