/* Blog ANARO: dùng chung màu và font với site.css */
body.blog{padding-bottom:0}
.blist{padding-block:28px 64px}
.bh{max-width:640px;margin-bottom:26px}
.kicker{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.bh h1{font-size:clamp(2.1rem,6vw,3.2rem);margin:6px 0 8px}
.lede{color:var(--muted);font-size:1.05rem;margin:0}
.filt{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.filt button{font:inherit;font-weight:600;font-size:.9rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:7px 16px;cursor:pointer}
.filt button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.pcard-l{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.pcard-l:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(43,27,18,.1)}
.pcard-l .th{position:relative;aspect-ratio:16/10;background:var(--soft);overflow:hidden}
.pcard-l .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcard-l .play{position:absolute;inset:auto auto 12px 12px;width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:1rem;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.pcard-l .tx{padding:14px 16px 18px}
.kind{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pcard-l h2{font-size:1.2rem;margin:6px 0}
.pcard-l p{margin:0;color:var(--muted);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.empty{color:var(--muted)}
/* trang bài */
.post{max-width:760px;padding-block:18px 64px}
.crumb a{color:var(--muted);text-decoration:none;font-size:.92rem}
.ph{margin:16px 0 20px}
.ph h1{font-size:clamp(1.9rem,5.5vw,2.7rem);margin:8px 0 10px}
.cover{margin:0 0 24px}
.cover img{width:100%;border-radius:16px;aspect-ratio:16/9;object-fit:cover}
.vid{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;margin:0 0 24px}
.vid.tall{aspect-ratio:9/16;max-width:360px;margin-inline:auto}
.vid iframe,.vid video{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose{font-size:1.06rem;line-height:1.75}
.prose h2{font-size:1.55rem;margin:34px 0 10px}
.prose h3{font-size:1.2rem;margin:26px 0 8px}
.prose p,.prose ul,.prose ol{margin:0 0 16px}
.prose li{margin-bottom:6px}
.prose a{color:var(--red)}
.prose figure{margin:24px 0}
.prose figure img{border-radius:12px;width:100%}
.prose figcaption{font-size:.86rem;color:var(--muted);margin-top:6px;text-align:center}
.prose blockquote{margin:20px 0;padding:12px 18px;border-left:4px solid var(--red);background:var(--paper);border-radius:0 12px 12px 0}
.prose blockquote p:last-child{margin:0}
.prose hr{border:0;border-top:1px solid var(--line);margin:30px 0}
.prose code{background:var(--soft);padding:1px 6px;border-radius:6px;font-size:.92em}
.tbl{overflow-x:auto;margin:0 0 18px}
.prose table{border-collapse:collapse;width:100%;font-size:.95rem;background:var(--paper)}
.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.prose th{background:var(--soft)}
.prose .cta{margin:24px 0}
.pcard{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px;margin:20px 0}
.pcard img{width:72px;aspect-ratio:1;object-fit:contain;background:var(--soft);border-radius:10px}
.pcard b{display:block;font-family:var(--display);font-size:1.1rem}
.pcard span{color:var(--muted);font-size:.9rem}
.pcard .btn{white-space:nowrap}
@media (max-width:520px){.pcard{grid-template-columns:60px 1fr}.pcard img{width:60px}.pcard .btn{grid-column:1/-1;text-align:center}}
.tags span{display:inline-block;font-size:.85rem;color:var(--muted);margin-right:8px}
.shopbox{margin:34px 0;padding:20px;border-radius:16px;background:var(--ink);color:var(--bg)}
.shopbox b{font-family:var(--display);font-size:1.3rem}
.shopbox p{margin:6px 0 14px;opacity:.85}
.more h2{font-size:1.4rem;margin-bottom:14px}
.bfoot{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--muted);font-size:.9rem}
.bfoot p{margin:6px 0}
.bfoot a{color:inherit}
.bfoot .wrap{display:block}
.acard{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-left:4px solid #EE4D2D;border-radius:14px;padding:12px;margin:16px 0}
.acard img{width:72px;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#fff}
.acard b{display:block;font-size:1rem}
.acard span{display:block;color:var(--muted);font-size:.9rem}
.acard small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}
.acard .btn{white-space:nowrap;border-color:#EE4D2D;color:#EE4D2D;padding:10px 16px}
@media (max-width:520px){.acard{grid-template-columns:60px 1fr}.acard img{width:60px}.acard .btn{grid-column:1/-1}}
.author{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;max-width:760px;margin-block:10px 40px;padding-block:26px;border-top:1px solid var(--line)}
.author .av{width:72px;height:72px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--display);font-size:2rem;font-weight:700}
.author h2{font-size:1.35rem;margin:4px 0 8px}
.author p{margin:0 0 10px;color:var(--ink);line-height:1.7}
.author .fb{color:#1877F2;font-weight:600;text-decoration:none}
@media (max-width:520px){.author{grid-template-columns:1fr}.author .av{width:56px;height:56px;font-size:1.5rem}}
.share{font-size:.92rem;color:var(--muted);margin:18px 0 6px}
.share .cp{font:inherit;font-weight:600;color:var(--red);background:var(--paper);border:1px dashed var(--red);border-radius:999px;padding:5px 12px;cursor:pointer;margin-left:4px}