/* Trang bài viết — bố cục khung giữa (tham khảo bố cục tạp chí) */
.bv{--bv-card:#fff;--bv-soft:#f3f4ec}
.dark .bv{--bv-card:#15231c;--bv-soft:#1c2c23}

.bv-hero{position:relative}
.bv-crumb{max-width:calc(82.5rem + 4rem);margin:0 auto;padding:1.5rem 2rem 1rem}
.bv-hero__img{height:clamp(17rem,40vw,30rem);max-width:calc(82.5rem + 4rem);margin:0 auto;background-size:cover;background-position:center 40%;
  -webkit-mask-image:linear-gradient(to bottom,#000 40%,rgba(0,0,0,.55) 68%,transparent 100%);mask-image:linear-gradient(to bottom,#000 40%,rgba(0,0,0,.55) 68%,transparent 100%)}
.bv-hero__in{position:relative;max-width:56rem;margin:-6.5rem auto 0;padding:0 1.25rem;text-align:center}
.bv-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem 1rem}
.bv-title{margin-top:.65rem;font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.04;color:var(--heading);text-wrap:balance}
.bv-dek{margin:1rem auto 0;max-width:42rem;font-family:var(--font-lora);font-size:1.12rem;line-height:1.6;color:var(--ink-muted);text-wrap:pretty}

.bv-wrap{padding:2.5rem 1.25rem 0}
.bv-card{max-width:50rem;margin:0 auto;background:var(--bv-card);border-radius:18px;padding:2.25rem 3rem 2.75rem;box-shadow:0 1px 0 rgba(28,69,51,.04),0 24px 48px -32px rgba(28,69,51,.35)}
.bv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;font-size:.85rem;color:var(--ink-muted);padding-bottom:1.1rem;border-bottom:1px solid var(--line)}
.bv-meta p{margin:0}
.bv-cap{margin:.9rem 0 0;font-size:.8rem;font-style:italic;color:var(--ink-subtle)}

.bv-toc{margin:1.4rem 0 1.9rem;background:var(--bv-soft);border-radius:8px;overflow:hidden}
.bv-toc summary{list-style:none;display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;cursor:pointer;font-size:.92rem;font-weight:600;color:var(--heading)}
.bv-toc summary::-webkit-details-marker{display:none}
.bv-toc__ch{margin-left:auto;transition:transform .2s}
.bv-toc[open] .bv-toc__ch{transform:rotate(90deg)}
.bv-toc nav{padding:0 1rem 1rem 2.6rem}
.bv-toc ol{list-style:decimal;border:0!important;padding-left:1rem;margin:0}
.bv-toc li{padding:.22rem 0;font-size:.92rem}
.bv-toc li::marker{color:var(--ink-subtle)}
.bv-toc a{color:var(--ink);text-decoration:none}
.bv-toc a:hover{color:#c2410c;text-decoration:underline}

/* ảnh trong bài nằm gọn trong khung */
.bv-card figure.w-screen{margin-left:0!important;margin-right:0!important;width:auto!important;background:transparent}
.bv-card figure.w-screen img{border-radius:8px;max-height:none}
.bv-card figure .container-prose{padding:0!important;max-width:none!important}
.bv-card figure:has(>img) figcaption{justify-content:center;text-align:center;border-left:0!important;padding-left:0!important;font-style:italic;background:var(--bv-soft);border-radius:0 0 8px 8px;padding:.6rem .9rem!important;margin-top:0!important}
.bv-card .prose-localis{max-width:none}
.bv-card .prose-localis>h2{margin-top:2.4rem}
.bv-card section[aria-label="Tác giả"]{margin-top:2.5rem}

.bv ~ *,.bv>aside,.bv>section{scroll-margin-top:5rem}
.bv h2[id]{scroll-margin-top:5.5rem}

@media(max-width:767px){
  .bv-crumb{padding:1.1rem 1.25rem .8rem}
  .bv-hero__in{margin-top:-4.5rem}
  .bv-dek{font-size:1rem}
  .bv-wrap{padding:1.75rem .75rem 0}
  .bv-card{padding:1.5rem 1.15rem 2rem;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){.bv-toc__ch{transition:none}}

/* khung bài viết rộng bằng ảnh bìa */
.bv-hero__img{width:calc(100% - 4rem);max-width:82.5rem;border-radius:18px 18px 0 0}
.bv-wrap{padding:2.5rem 2rem 0}
.bv-card{max-width:82.5rem;padding:2.75rem 4rem 3rem}
.bv-card .prose-localis>*{max-width:none}
@media(max-width:767px){
  .bv-hero__img{width:100%;border-radius:0}
  .bv-wrap{padding:1.75rem .75rem 0}
  .bv-card{padding:1.5rem 1.15rem 2rem}
}
.bv-card figure:has(>img) img{max-height:34rem!important;object-fit:cover;width:100%}