/* ===== Blog template — Sep 2026. Rides on styles.css + inner-pages.css + pd-quote.css ===== */
.blog-hero{min-height:auto;padding:7.6rem 5% 2.4rem}
.blog-hero h1{font-size:clamp(1.9rem,4.6vw,2.9rem);line-height:1.15}
.blog-hero p{margin-bottom:1.4rem}
.blog-hero-cta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:0!important;max-width:none!important}
/* buttons must beat .page-hero p / p a from the shared sheets */
.blog-page .blog-hero-cta a,.blog-page .blog-close-btns a{margin:0;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.7rem;border-radius:999px;font-family:'Inter',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;line-height:1;transition:transform .2s,background .2s,color .2s}
.blog-page .blog-hero-cta .btn-gold,.blog-page .blog-close-btns .btn-gold{background:var(--gold)!important;color:#000!important;box-shadow:0 10px 26px -8px rgba(203,168,113,.55)}
.blog-page .blog-hero-cta .btn-gold:hover,.blog-page .blog-close-btns .btn-gold:hover{background:#fff!important;transform:translateY(-2px)}
.blog-page .blog-hero-cta .btn-secondary-outline,.blog-page .blog-close-btns .btn-secondary-outline{background:transparent!important;color:var(--gold)!important;border:1px solid rgba(203,168,113,.55)}
.blog-page .blog-hero-cta .btn-secondary-outline:hover,.blog-page .blog-close-btns .btn-secondary-outline:hover{border-color:var(--gold);color:#fff!important}
.blog-hero .page-badge{letter-spacing:.22em!important;display:block;margin:0 auto 1rem}
/* the widget sits in its own band, same width as on the city pages */
.blog-quote{background:#03060c;padding:0 5% 2.5rem;position:relative;z-index:2}
.blog-quote #pd-quote{margin:0 auto!important;left:auto!important;right:auto!important}
/* article */
.blog-wrap{padding-top:2.8rem;padding-bottom:1rem}
.blog-wrap .article-body{flex:1 1 100%;max-width:860px;margin:0 auto}
.blog-prose h2{color:var(--white)}
.blog-prose h3{margin-top:1.6rem}
.blog-prose img{max-width:100%;height:auto;border-radius:14px;margin:1.4rem 0}
.blog-prose table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem;color:rgba(255,255,255,.75)}
.blog-prose th,.blog-prose td{border:1px solid rgba(255,255,255,.1);padding:.65rem .8rem;text-align:left}
.blog-prose th{color:var(--gold);font-family:'Inter',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}
.blog-prose blockquote{border-left:3px solid var(--gold);margin:1.4rem 0;padding:.4rem 1.2rem;color:rgba(255,255,255,.7);font-style:italic}
/* price / info cards that many posts carry */
.blog-prose .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.6rem 0}
.blog-prose .card{background:rgba(20,25,40,.55);border:1px solid rgba(203,168,113,.22);border-radius:16px;padding:1.3rem 1.4rem}
.blog-prose .card h3,.blog-prose .card h4{margin-top:0;margin-bottom:.4rem;color:var(--gold)}
.blog-prose .card p{margin:0;font-size:.93rem}
.blog-prose .price{color:var(--gold);font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700;margin:.3rem 0 .5rem}
/* FAQ */
.blog-prose details{background:rgba(20,25,40,.5);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1.1rem;margin:0 0 .7rem}
.blog-prose details[open]{border-color:rgba(203,168,113,.35)}
.blog-prose summary{color:var(--gold);cursor:pointer;font-weight:600;font-family:'Inter',sans-serif;list-style:none;font-size:1rem}
.blog-prose summary::-webkit-details-marker{display:none}
.blog-prose summary::after{content:'+';float:right;color:rgba(203,168,113,.7)}
.blog-prose details[open] summary::after{content:'–'}
.blog-prose details p{margin:.7rem 0 0;font-size:.95rem}
/* generic sections that came through from older templates */
.blog-prose section{margin:0 0 1.2rem}
.blog-prose .related-links a,.blog-prose .services-grid a{display:inline-block;margin:.25rem .4rem .25rem 0}
/* close */
.blog-close{padding:3.5rem 5% 4rem;text-align:center}
.blog-close-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:0!important;max-width:none!important}
@media(max-width:640px){
  .blog-hero{padding-top:7.6rem}
  .blog-quote{padding-left:3%;padding-right:3%}
  .blog-hero-cta a,.blog-close-btns a{width:100%;text-align:center}
}
/* blog index */
.blog-index-wrap .article-body{max-width:1100px}
.blog-index-h2{font-size:1.4rem;color:rgba(255,255,255,.55);font-family:'Inter',sans-serif;font-weight:500;letter-spacing:.04em;margin-bottom:1.4rem}
.blog-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.blog-card{display:flex;flex-direction:column;text-decoration:none!important;color:inherit}
.blog-card h4{color:var(--white);font-size:1.02rem;line-height:1.3}
.blog-card p{flex:1}
.blog-card span{font-size:.78rem;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;margin-top:auto}