/* Grand Vue Journal (blog) - extends style.css */

.post-banner{min-height:58vh}
.post-banner h1{max-width:900px;font-size:clamp(2.2rem,5vw,3.8rem)}

.post-body{max-width:740px;font-size:1.08rem;line-height:1.8}
.post-body > p:first-child{font-size:1.25rem;color:var(--muted)}
.post-body h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-top:2.2em}
.post-body h3{margin-top:1.6em}
.post-body ul{padding-left:1.2em;margin:0 0 1.3em}
.post-body li{margin-bottom:.45em}
.post-body li::marker{color:var(--gold)}
.post-body a{color:var(--green-700);border-bottom:1px solid var(--gold-light)}
.post-body a:hover{color:var(--gold-dark)}
.post-body figure{margin:2.4rem -6%}
.post-body figure img{border-radius:4px;box-shadow:var(--shadow-md);width:100%}
.post-body figcaption{font-size:.82rem;color:var(--muted);text-align:center;margin-top:.7rem}

.post-cta{margin-top:3rem;padding:2.2rem;background:var(--cream);border-left:3px solid var(--gold);border-radius:3px}
.post-cta h3{margin-top:0}
.post-cta .btn-ghost{border-bottom:1px solid var(--green-700)}
.post-cta a.btn{border-bottom-width:1px}

.post-card .media{aspect-ratio:3/2}
.post-card h3{font-size:1.55rem}

.draft-chip{margin-left:.6em;background:#b4552d;color:#fff;padding:.15em .55em;border-radius:2px;letter-spacing:.1em}
.draft-ribbon{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:300;background:#b4552d;color:#fff;
 font:600 .75rem/1 "Inter",sans-serif;letter-spacing:.14em;padding:.8em 1.4em;border-radius:30px;box-shadow:var(--shadow-md)}

@media(max-width:720px){
 .post-body figure{margin-inline:0}
}