.bp-hero{position:relative;padding:5rem 0;overflow:hidden}
.bp-hero .bg{position:absolute;inset:0}
.bp-hero .bg img{width:100%;height:100%;object-fit:cover}
.bp-hero .bg .overlay{position:absolute;inset:0;background:rgba(15,61,46,.9)}
.bp-back{display:inline-flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.7);margin-bottom:1.5rem;transition:color .3s}
.bp-back:hover{color:var(--gold)}
.bp-back svg{width:1rem;height:1rem}
.bp-meta{display:flex;flex-wrap:wrap;gap:1.5rem;color:rgba(255,255,255,.7)}
.bp-meta span{display:flex;align-items:center;gap:.5rem}
.bp-meta svg{width:1rem;height:1rem}
.bp-layout{display:grid;grid-template-columns:1fr;gap:3rem}
@media(min-width:1024px){.bp-layout{grid-template-columns:2fr 1fr}}
.bp-content h3{font-size:1.25rem;font-weight:700;color:var(--gold);margin-top:1.5rem;margin-bottom:.75rem}
.bp-content p{color:rgba(255,255,255,.8);margin-bottom:1rem;line-height:1.8}
.bp-actions{display:flex;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}
.bp-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.05);border-radius:.5rem;color:rgba(255,255,255,.7);transition:all .3s;border:none;font-size:.875rem}
.bp-action:hover{color:var(--gold);background:rgba(201,166,70,.1)}
.bp-action svg{width:1rem;height:1rem}
.bp-sidebar .card{padding:1.5rem;margin-bottom:1.5rem}
.bp-author{display:flex;align-items:center;gap:1rem}
.bp-author .avatar{width:3.5rem;height:3.5rem;border-radius:50%;background:rgba(201,166,70,.1);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.bp-author .avatar svg{width:1.5rem;height:1.5rem}
.bp-related a{display:block;margin-bottom:1rem}
.bp-related h4{color:#fff;transition:color .3s}
.bp-related a:hover h4{color:var(--gold)}
.bp-related .time{color:rgba(255,255,255,.5);font-size:.875rem;margin-top:.25rem}