/* ==========================================================================
   Veer Dreams — Blog styles (Journal page, post page, homepage teaser)
   Display font: Cormorant Garamond (applied to blog content headings only —
   the site navbar font is left untouched so it matches the rest of the site).
   ========================================================================== */
:root{ --vd-display:"Cormorant Garamond", Georgia, "Times New Roman", serif; }

/* ---------- Reusable LIVE animated button ---------- */
.vd-cta-pulse{position:relative;display:inline-flex;align-items:center;gap:13px;font-family:var(--vd-display);font-weight:600;font-size:20px;letter-spacing:1.4px;text-transform:uppercase;color:#2b2b2b;background:linear-gradient(135deg,#eccf73 0,#d4af37 45%,#c9a227 100%);padding:17px 48px;border-radius:50px;text-decoration:none;overflow:hidden;box-shadow:0 10px 30px rgba(212,175,55,.4);animation:vdGlow 2.8s ease-in-out infinite;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.vd-cta-pulse::before{content:"";position:absolute;top:0;left:-140%;width:65%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:vdShine 3.4s ease-in-out infinite}
.vd-cta-pulse i,.vd-cta-pulse .arw{transition:transform .35s ease}
.vd-cta-pulse:hover{transform:translateY(-4px) scale(1.04)}
.vd-cta-pulse:hover i,.vd-cta-pulse:hover .arw{transform:translateX(7px)}
@keyframes vdGlow{0%,100%{box-shadow:0 10px 30px rgba(212,175,55,.32)}50%{box-shadow:0 16px 48px rgba(212,175,55,.62)}}
@keyframes vdShine{0%{left:-140%}55%,100%{left:140%}}

/* ==========================================================================
   HOMEPAGE — "From Our Blog" section
   ========================================================================== */
.vd-blog-section{background:beige;padding:100px 0;overflow:hidden}
.vd-blog-section .container{max-width:1320px;margin:0 auto;padding:0 40px}
.vd-blog-head{text-align:center;margin-bottom:55px}
.vd-blog-eyebrow{display:block;font-family:var(--vd-display);font-size:16px;font-weight:600;letter-spacing:4px;color:#b8941f;text-transform:uppercase;margin-bottom:12px}
.vd-blog-title{font-family:var(--vd-display);font-size:54px;font-weight:600;color:#2b2b2b;letter-spacing:.5px;line-height:1.1;margin:0}
.vd-blog-sub{font-family:"Roboto",sans-serif;font-size:17px;font-weight:300;color:#6a6a6a;margin:14px auto 0;line-height:1.6;max-width:600px}

.vd-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.vd-blog-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 18px rgba(0,0,0,.06);transition:transform .35s ease,box-shadow .35s ease}
a.vd-blog-card:hover{transform:translateY(-10px);box-shadow:0 22px 50px rgba(0,0,0,.14);text-decoration:none}
.vd-blog-card-img{width:100%;height:240px;overflow:hidden;background:#f1ece0;position:relative}
.vd-blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
a.vd-blog-card:hover .vd-blog-card-img img{transform:scale(1.07)}
.vd-blog-card-body{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1}
.vd-blog-tag{font-family:var(--vd-display);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#b8941f;margin-bottom:10px}
.vd-blog-card h3{font-family:var(--vd-display);font-size:26px;font-weight:600;color:#2b2b2b;letter-spacing:.3px;line-height:1.25;margin:0 0 12px;transition:color .3s ease}
a.vd-blog-card:hover h3{color:#b8941f}
.vd-blog-card p{font-family:"Roboto",sans-serif;font-size:14.5px;font-weight:300;color:#6a6a6a;line-height:1.7;margin:0 0 18px;flex:1}
.vd-blog-meta{font-family:"Roboto",sans-serif;font-size:12px;letter-spacing:.5px;color:#9a9482;text-transform:uppercase}

/* "Coming soon" teaser cards (darkened image + overlay) */
.vd-blog-card.coming-soon{position:relative;cursor:default}
.vd-blog-card.coming-soon .vd-blog-card-img img{filter:brightness(.4) grayscale(22%)}
.vd-blog-card.coming-soon .vd-blog-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,24,20,.55) 0,rgba(26,24,20,.78) 100%)}
.vd-blog-coming-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;width:100%;padding:0 16px}
.vd-blog-coming-badge .cs-pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--vd-display);font-size:15px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#2b2b2b;background:linear-gradient(135deg,#eccf73,#c9a227);padding:9px 24px;border-radius:30px;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.vd-blog-coming-badge .cs-note{display:block;margin-top:13px;font-family:"Roboto",sans-serif;font-size:13px;font-weight:300;letter-spacing:.5px;color:rgba(245,245,220,.9)}
.vd-blog-card.coming-soon .vd-blog-card-body{opacity:.92}

.vd-blog-cta-wrap{text-align:center;margin-top:60px}

/* ==========================================================================
   JOURNAL PAGE (blog.html)
   ========================================================================== */
.vd-journal-hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.vd-journal-hero .bg{position:absolute;inset:0;z-index:0}
.vd-journal-hero .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:vdSlowZoom 18s ease-in-out infinite alternate}
@keyframes vdSlowZoom{from{transform:scale(1.06)}to{transform:scale(1.14)}}
.vd-journal-hero .overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,18,15,.62) 0,rgba(20,18,15,.5) 45%,rgba(20,18,15,.8) 100%)}
.vd-journal-inner{position:relative;z-index:2;max-width:880px;padding:120px 28px 90px}
.vd-journal-inner .vd-blog-eyebrow{color:#e6c768;margin-bottom:20px;opacity:0;animation:vdRise .9s ease forwards .15s}
.vd-journal-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 26px;opacity:0;animation:vdRise .9s ease forwards .25s}
.vd-journal-ornament .ln{width:60px;height:1px;background:linear-gradient(90deg,transparent,#d4af37)}
.vd-journal-ornament .ln.r{background:linear-gradient(90deg,#d4af37,transparent)}
.vd-journal-ornament .dot{width:8px;height:8px;background:#d4af37;transform:rotate(45deg);box-shadow:0 0 14px rgba(212,175,55,.7)}
.vd-journal-hero h1{font-family:var(--vd-display);font-size:74px;font-weight:600;color:#fff;letter-spacing:1px;line-height:1.08;margin:0 0 22px;text-shadow:0 6px 30px rgba(0,0,0,.45);opacity:0;animation:vdRise 1s ease forwards .3s}
.vd-journal-hero .lead{font-family:"Roboto",sans-serif;font-size:20px;font-weight:300;color:rgba(245,245,220,.92);line-height:1.7;max-width:640px;margin:0 auto 40px;opacity:0;animation:vdRise 1s ease forwards .45s}
.vd-journal-hero .btn-wrap{opacity:0;animation:vdRise 1s ease forwards .6s}
.vd-journal-scroll{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:3;color:rgba(245,245,220,.85);width:46px;height:46px;display:flex;align-items:center;justify-content:center;text-decoration:none;animation:vdBounce 2.4s ease-in-out infinite}
.vd-journal-scroll:hover{color:#fff}
/* CSS-drawn down chevron — never depends on an icon font, so it can't render broken */
.vd-journal-scroll .vd-chevron{display:block;width:16px;height:16px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-6px}
@keyframes vdRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes vdBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}

.vd-journal-upcoming{background:beige;padding:96px 0 100px;scroll-margin-top:96px}
.vd-journal-upcoming .container{max-width:1320px;margin:0 auto;padding:0 40px}
.vd-journal-rowlabel{display:flex;align-items:center;gap:22px;margin-bottom:48px}
.vd-journal-rowlabel h2{font-family:var(--vd-display);font-size:40px;font-weight:600;color:#2b2b2b;white-space:nowrap;margin:0;letter-spacing:.4px}
.vd-journal-rowlabel .ln{flex:1;height:1px;background:linear-gradient(to right,#d4af37,transparent)}

/* Newsletter */
.vd-blog-news{background:#1b1916;border-radius:16px;text-align:center;padding:70px 30px;margin-top:80px;position:relative;overflow:hidden}
.vd-blog-news::before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:120%;height:160%;background:radial-gradient(circle,rgba(212,175,55,.14) 0,transparent 60%)}
.vd-blog-news>*{position:relative;z-index:1}
.vd-blog-news h3{font-family:var(--vd-display);font-size:40px;font-weight:600;color:beige;letter-spacing:.5px;margin:0 0 14px}
.vd-blog-news p{font-family:"Roboto",sans-serif;font-size:16px;font-weight:300;color:rgba(245,245,220,.75);max-width:500px;margin:0 auto 32px;line-height:1.6}
.vd-blog-news form{display:flex;gap:12px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.vd-blog-news input{flex:1;min-width:230px;padding:16px 20px;border:1px solid rgba(212,175,55,.4);background:transparent;color:beige;font-family:"Roboto",sans-serif;font-size:15px;border-radius:8px}
.vd-blog-news input::placeholder{color:rgba(245,245,220,.5)}
.vd-blog-news button{background:linear-gradient(135deg,#eccf73,#c9a227);color:#2b2b2b;border:0;font-family:var(--vd-display);font-weight:600;letter-spacing:1px;font-size:16px;padding:16px 36px;border-radius:8px;cursor:pointer;transition:all .3s ease}
.vd-blog-news button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,55,.35)}

/* ==========================================================================
   POST PAGE
   ========================================================================== */
.vd-read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#d4af37,#b8941f);z-index:99999;transition:width .12s linear}

.vd-post-hero{position:relative;z-index:1;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:flex-end}
.vd-post-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.vd-post-hero .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,13,11,.85) 0,rgba(15,13,11,.25) 55%,rgba(15,13,11,.5) 100%);z-index:1}
.vd-post-hero-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 40px 76px;text-align:center;width:100%}
.vd-post-breadcrumb{font-family:"Roboto",sans-serif;font-size:13px;letter-spacing:1px;color:rgba(245,245,220,.85);text-transform:uppercase;margin-bottom:22px}
.vd-post-breadcrumb a{color:rgba(245,245,220,.85);text-decoration:none}
.vd-post-breadcrumb a:hover{color:#e6c768}
.vd-post-hero .vd-blog-tag{color:#e6c768;margin-bottom:16px}
.vd-post-hero h1{font-family:var(--vd-display);font-size:62px;font-weight:600;color:#fff;letter-spacing:.5px;line-height:1.12;margin:0 auto 24px;max-width:18ch;text-shadow:0 6px 30px rgba(0,0,0,.45)}
.vd-post-meta{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-family:"Roboto",sans-serif;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:rgba(245,245,220,.85)}
.vd-post-meta .dot{color:#d4af37}

.vd-post-body{background:beige;padding:86px 0 30px}
.vd-post-article{max-width:720px;margin:0 auto;padding:0 28px}
.vd-post-article p{font-family:"Roboto",sans-serif;font-size:18.5px;font-weight:300;line-height:1.95;color:#33302b;margin:0 0 26px}
.vd-post-article .lead{font-weight:500;color:#2b2b2b}

/* Lead / standfirst with drop cap */
.vd-post-lead{font-family:"Roboto",sans-serif;font-size:23px!important;font-weight:300;line-height:1.7!important;color:#544f46!important;margin-bottom:34px!important}
.vd-post-lead::first-letter{float:left;font-family:var(--vd-display);font-size:86px;line-height:.74;font-weight:700;color:#b8941f;padding:8px 16px 0 0}

/* Numbered section heading */
.vd-post-h2{margin:66px 0 16px}
.vd-post-h2 .num{display:block;font-family:var(--vd-display);font-size:16px;font-weight:600;letter-spacing:3px;color:#b8941f;margin-bottom:10px}
.vd-post-h2 .num::after{content:"";display:inline-block;width:48px;height:1px;background:#d4af37;vertical-align:middle;margin-left:14px}
.vd-post-h2 h2{font-family:var(--vd-display);font-size:40px;font-weight:600;color:#2b2b2b;line-height:1.18;letter-spacing:.3px;margin:0}
.vd-post-article h3{font-family:var(--vd-display);font-size:27px;font-weight:600;color:#2b2b2b;letter-spacing:.2px;margin:36px 0 12px}

.vd-post-figure{margin:48px 0}
.vd-post-figure img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 46px rgba(0,0,0,.14)}
.vd-post-figure figcaption{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--vd-display);font-size:16px;font-weight:600;letter-spacing:1.5px;color:#9a8a5a;text-align:center;margin-top:16px;text-transform:uppercase}
.vd-post-figure figcaption::before,.vd-post-figure figcaption::after{content:"";width:26px;height:1px;background:#d4af37}

.vd-post-article blockquote{position:relative;font-family:var(--vd-display);font-style:italic;font-size:30px;font-weight:500;line-height:1.4;color:#6a5a2f;border-left:3px solid #d4af37;padding:8px 0 8px 30px;margin:52px 0}

/* Carded lists (like the PDF's structured points) */
.vd-post-list{list-style:none;margin:26px 0 30px;padding:30px 36px;background:#fff;border-radius:12px;border-left:4px solid #d4af37;box-shadow:0 8px 30px rgba(0,0,0,.07)}
.vd-post-list li{font-family:"Roboto",sans-serif;font-size:17px;font-weight:300;color:#3a3632;line-height:1.8;padding:10px 0 10px 34px;position:relative}
.vd-post-list li+li{border-top:1px solid rgba(212,175,55,.16)}
.vd-post-list li::before{content:"";position:absolute;left:4px;top:19px;width:9px;height:9px;background:#d4af37;transform:rotate(45deg)}
.vd-post-list li strong{color:#2b2b2b;font-weight:600;font-family:var(--vd-display);font-size:18px;letter-spacing:.3px}

/* Post CTA — premium graphic block */
.vd-post-cta{position:relative;max-width:1100px;margin:84px auto 0;border-radius:18px;padding:88px 60px;text-align:center;overflow:hidden;background:radial-gradient(120% 140% at 50% 0,#3a352c 0,#262320 45%,#1b1916 100%);box-shadow:0 30px 70px rgba(0,0,0,.3)}
.vd-post-cta::before{content:"";position:absolute;top:-60%;left:50%;transform:translateX(-50%);width:120%;height:160%;background:radial-gradient(circle,rgba(212,175,55,.16) 0,transparent 60%);pointer-events:none}
.vd-post-cta::after{content:"";position:absolute;inset:18px;border:1px solid rgba(212,175,55,.28);border-radius:12px;pointer-events:none}
.vd-post-cta-inner{position:relative;z-index:2}
.vd-post-cta-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px}
.vd-post-cta-ornament .ln{width:54px;height:1px;background:linear-gradient(90deg,transparent,#d4af37)}
.vd-post-cta-ornament .ln.r{background:linear-gradient(90deg,#d4af37,transparent)}
.vd-post-cta-ornament .dot{width:7px;height:7px;background:#d4af37;transform:rotate(45deg);box-shadow:0 0 12px rgba(212,175,55,.6)}
.vd-post-cta-eyebrow{display:block;font-family:var(--vd-display);font-size:15px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#e6c768;margin-bottom:16px}
.vd-post-cta h2{font-family:var(--vd-display);font-size:48px;font-weight:600;color:beige;letter-spacing:.5px;line-height:1.16;margin:0 0 20px}
.vd-post-cta p{font-family:"Roboto",sans-serif;font-size:17px;font-weight:300;color:rgba(245,245,220,.78);max-width:60ch;margin:0 auto 40px;line-height:1.85}
.vd-post-cta-sub{display:block;margin-top:20px;font-family:"Roboto",sans-serif;font-size:13px;font-weight:300;letter-spacing:.5px;color:rgba(245,245,220,.55)}

/* ---------- Responsive ---------- */
@media (max-width:992px){
  .vd-blog-section{padding:70px 0}
  .vd-blog-section .container,.vd-journal-upcoming .container{padding:0 30px}
  .vd-blog-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .vd-blog-title{font-size:42px}
  .vd-journal-hero h1{font-size:54px}
  .vd-journal-hero .lead{font-size:18px}
  .vd-post-hero h1{font-size:30px}
  .vd-post-h2 h2{font-size:17px}
  .vd-journal-rowlabel h2{font-size:32px}
}
@media (max-width:600px){
  .vd-blog-grid{grid-template-columns:1fr}
  .vd-journal-hero{min-height:82vh}
  .vd-journal-inner{padding:110px 20px 80px}
  .vd-journal-hero h1{font-size:38px}
  .vd-blog-title{font-size:34px}
  .vd-post-hero{height:auto;min-height:64vh}
  .vd-post-hero h1{font-size:26px}
  .vd-post-article p{font-size:15px}
  .vd-post-lead{font-size:15px!important}
  .vd-post-h2 h2{font-size:17px}
  .vd-post-cta{padding:54px 24px}
  .vd-post-cta h2{font-size:28px}
  .vd-cta-pulse{font-size:17px;padding:15px 36px}
  .vd-post-list{padding:0;margin-left:0}
}

/* ==========================================================================
   POST PAGE — clean document-style typography (matches PDF reference)
   ========================================================================== */

/* Back-to-journal link */
.vd-post-back{max-width:760px;margin:0 auto 18px;padding:0 28px}
.vd-post-back-link{font-family:var(--vd-display);font-size:17px;font-weight:600;letter-spacing:.6px;color:#7a6420;text-decoration:none;display:inline-flex;align-items:center;gap:10px;padding:11px 26px;border:1.5px solid #d4af37;border-radius:50px;background:#fff;box-shadow:0 4px 14px rgba(212,175,55,.16);transition:all .3s ease}
.vd-post-back-link:hover{color:#2b2b2b;text-decoration:none;background:linear-gradient(135deg,#eccf73,#d4af37);border-color:transparent;transform:translateX(-3px);box-shadow:0 8px 22px rgba(212,175,55,.4)}

/* Navbar scrolled → cream on blog post page */
.vd-blog-page .vd-navbar.scrolled{background:rgba(250,245,233,.97)!important;box-shadow:0 4px 18px rgba(0,0,0,.09)!important}
.vd-blog-page .vd-navbar.scrolled a{color:#2b2b2b!important}
.vd-blog-page .vd-navbar.scrolled .logo-dark{opacity:1!important;visibility:visible!important}
.vd-blog-page .vd-navbar.scrolled .logo-white{opacity:0!important;visibility:hidden!important}

/* Hero headline */
.vd-post-hero h1{font-size:38px}

/* Article container — full-page document style, white background throughout */
.vd-post-body{padding-top:96px;background:#fff}
.vd-post-article{max-width:1000px;margin:0 auto;padding:48px 80px 72px;background:#fff;border-radius:0;box-shadow:none}
.vd-post-back{max-width:1000px;padding:0 80px}

/* Lead paragraph — clean intentional lead, NO drop cap */
.vd-post-lead{font-family:"Roboto",sans-serif;font-size:21px!important;font-weight:300!important;line-height:1.85!important;color:#2b2b2b!important;margin-bottom:32px!important}
.vd-post-lead::first-letter{float:none!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important;padding:0!important}

/* Section headings — bold, same weight as PDF */
.vd-post-h2{margin:28px 0 8px}
.vd-post-h2 .num{display:none}
.vd-post-h2 h2{font-family:"Roboto",sans-serif;font-size:18px;font-weight:700;color:#111;line-height:1.3;letter-spacing:0;margin:0;padding:0;border:none}

/* H3 — underlined bold lead-in, same size as body (matches PDF style) */
.vd-post-article h3{font-family:"Roboto",sans-serif;font-size:15px;font-weight:700;color:#111;letter-spacing:0;margin:14px 0 4px;text-decoration:underline;text-underline-offset:2px}

/* Body text — compact, document-weight */
.vd-post-article p{font-family:"Roboto",sans-serif;font-size:15px!important;line-height:1.65!important;color:#1a1a1a;margin:0 0 14px!important}

/* Important inline terms — underline only, same size as body */
.vd-post-article span.lead,.vd-post-article .lead{font-family:"Roboto",sans-serif;font-size:15px!important;font-weight:400;line-height:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Blockquote — plain text, no border or decoration */
.vd-post-article blockquote{font-family:"Roboto",sans-serif;font-style:normal;font-size:15px;font-weight:400;line-height:1.65;color:#1a1a1a;border:none;padding:0;margin:0 0 14px}

/* Lists — no bullets, underlined bold labels like the PDF */
.vd-post-list{list-style:none;margin:10px 0 16px;padding:0;background:none;border:none;border-radius:0;box-shadow:none}
.vd-post-list li{font-family:"Roboto",sans-serif;font-size:15px;font-weight:400;color:#1a1a1a;line-height:1.65;padding:3px 0;padding-left:0;position:static;display:block}
.vd-post-list li+li{border-top:none;margin-top:6px}
.vd-post-list li::before{display:none}
.vd-post-list li strong{font-weight:700;color:#111;text-decoration:underline;text-underline-offset:2px;font-size:15px;letter-spacing:0;font-family:"Roboto",sans-serif}

/* Figures — tighter spacing */
.vd-post-figure{margin:28px 0}
.vd-post-figure img{border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,.10)}
.vd-post-figure figcaption{font-family:"Roboto",sans-serif;font-size:12px;font-weight:400;font-style:normal;color:#777;text-align:center;margin-top:8px;text-transform:none;letter-spacing:0;gap:0;text-decoration:underline;text-underline-offset:2px}
.vd-post-figure figcaption::before,.vd-post-figure figcaption::after{display:none}

/* CTA section — simple, clean */
.vd-post-cta{max-width:1000px;margin:60px auto 0;border-radius:4px;padding:48px 60px;text-align:center;background:#f9f9f9;box-shadow:none}
.vd-post-cta::before,.vd-post-cta::after{display:none}
.vd-post-cta-ornament{display:none}
.vd-post-cta-eyebrow{font-family:"Roboto",sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#9a8a5a;margin-bottom:10px;display:block}
.vd-post-cta h2{font-family:"Roboto",sans-serif;font-size:22px;font-weight:700;color:#111;letter-spacing:0;line-height:1.3;margin:0 0 14px}
.vd-post-cta p{font-family:"Roboto",sans-serif;font-size:15px;font-weight:400;color:#333;line-height:1.65;margin:0 auto 28px;max-width:none}
.vd-post-cta-inner{position:static}
.vd-post-cta-sub{font-family:"Roboto",sans-serif;font-size:12px;font-weight:400;color:#999;letter-spacing:0;display:block;margin-top:14px}

/* CTA button */
.vd-post-cta-btn{display:inline-flex;align-items:center;gap:10px;font-family:"Roboto",sans-serif;font-size:15px;font-weight:500;letter-spacing:.5px;color:#2b2b2b;background:linear-gradient(135deg,#eccf73,#c9a227);padding:14px 36px;border-radius:6px;text-decoration:none;transition:all .3s ease}
.vd-post-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,55,.4);color:#2b2b2b;text-decoration:none}

/* Two-column split: text left, image right (PDF page 1 style) */
.vd-post-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-bottom:14px}
.vd-post-split .vd-post-figure{margin:0}
.vd-post-split .vd-post-split-text p:last-child{margin-bottom:0}

/* Two-column text layout: equal columns (PDF page 3 — Advanced Weaving) */
.vd-post-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:14px}
.vd-post-two-col p:last-child{margin-bottom:0}

/* Inline H3 label — bold + underlined, flows inline with paragraph */
.vd-inline-h3{font-family:"Roboto",sans-serif;font-size:15px;font-weight:700;color:#111;text-decoration:underline;text-underline-offset:2px}

/* Italic inline label — underlined + italic (Surface Spot Cleans, Proactive Conservation) */
.vd-inline-h3-i{font-family:"Roboto",sans-serif;font-size:15px;font-weight:400;font-style:italic;color:#111;text-decoration:underline;text-underline-offset:2px}

/* Block subheading — bold standalone line (HDPE Wicker, Private Sanctuary, etc.) */
.vd-post-subhead{font-family:"Roboto",sans-serif;font-size:15px;font-weight:700;color:#111;line-height:1.4;margin:18px 0 6px!important}

/* Standalone underlined sentence (Low-Maintenance care protocol intro) */
.vd-underline-lead{text-decoration:underline;text-underline-offset:2px}

/* Responsive */
@media(max-width:900px){
  .vd-post-article{padding:36px 40px 48px}
  .vd-post-back{padding:0 40px}
}
@media(max-width:700px){
  .vd-post-split{grid-template-columns:1fr}
  .vd-post-two-col{grid-template-columns:1fr}
}
@media(max-width:600px){
  .vd-post-article{padding:24px 20px 32px}
  .vd-post-back{padding:0 20px}
}

/* ==========================================================================
   POST PAGE — added components
   (lead-in labels, internal links, takeaways, comparison table, FAQ,
    author block, related cards) — all namespaced .vd-post-* / .vd-blog-*
   ========================================================================== */

/* Consistent gold serif lead-in labels (replaces mixed bold/italic inline labels) */
.vd-post-leadin{font-family:var(--vd-display);font-weight:600;font-size:17px;letter-spacing:.3px;color:#b8941f;font-style:normal;text-decoration:none}

/* Subtle internal links within article body + figure captions */
.vd-post-article p a,.vd-post-figure figcaption a{color:#b8941f;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.vd-post-article p a:hover,.vd-post-figure figcaption a:hover{color:#9a7d12;border-bottom-color:#d4af37}

/* ---- Key Takeaways card (matches .vd-post-list visual language) ---- */
.vd-post-takeaways{background:linear-gradient(180deg,#fff,#fdfaf1);border-left:4px solid #d4af37;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.07);padding:26px 32px 28px;margin:26px 0 34px}
.vd-post-takeaways h2{font-family:var(--vd-display)!important;font-size:24px!important;font-weight:600!important;color:#2b2b2b!important;letter-spacing:.3px;line-height:1.2;margin:0 0 14px!important;padding:0;border:none;display:flex;align-items:center;gap:11px}
.vd-post-takeaways h2::before{content:"";width:24px;height:1px;background:#d4af37;flex:0 0 auto}
.vd-post-takeaways ul{list-style:none;margin:0;padding:0}
.vd-post-takeaways li{font-family:"Roboto",sans-serif;font-size:15.5px;font-weight:300;line-height:1.6;color:#33302b;padding:9px 0 9px 30px;position:relative}
.vd-post-takeaways li+li{border-top:1px solid rgba(212,175,55,.16)}
.vd-post-takeaways li::before{content:"";position:absolute;left:4px;top:16px;width:9px;height:9px;background:#d4af37;transform:rotate(45deg)}
.vd-post-takeaways li strong{font-family:var(--vd-display);font-weight:600;color:#b8941f}

/* ---- Comparison table (aluminium vs steel vs iron) ---- */
.vd-post-table-wrap{margin:28px 0 32px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.07)}
.vd-post-table{width:100%;min-width:580px;border-collapse:collapse;background:#fff;font-family:"Roboto",sans-serif}
.vd-post-table caption{caption-side:top;text-align:left;font-family:var(--vd-display);font-size:18px;font-weight:600;color:#2b2b2b;padding:0 4px 12px;letter-spacing:.2px}
.vd-post-table thead th{background:linear-gradient(135deg,#d4af37,#b8941f);color:#fff;font-family:var(--vd-display);font-size:16px;font-weight:600;letter-spacing:.4px;text-align:left;padding:14px 18px;white-space:nowrap}
.vd-post-table tbody th[scope=row]{font-family:"Roboto",sans-serif;font-size:14.5px;font-weight:600;color:#2b2b2b;text-align:left;padding:13px 18px;white-space:nowrap;border-top:1px solid rgba(0,0,0,.06)}
.vd-post-table tbody td{font-size:14.5px;font-weight:300;color:#3a3632;line-height:1.5;padding:13px 18px;border-top:1px solid rgba(0,0,0,.06);vertical-align:top}
.vd-post-table tbody tr:nth-child(even) th[scope=row],.vd-post-table tbody tr:nth-child(even) td{background:#faf6ec}

/* ---- FAQ accordion (native <details>, no JS) ---- */
.vd-post-faq{max-width:1000px;margin:64px auto 0;padding:0 80px}
.vd-post-faq h2{font-family:var(--vd-display);font-size:34px;font-weight:600;color:#2b2b2b;letter-spacing:.3px;line-height:1.15;margin:0 0 8px;text-align:center}
.vd-post-faq .vd-faq-sub{font-family:"Roboto",sans-serif;font-size:15px;font-weight:300;color:#6a6a6a;text-align:center;margin:0 0 30px}
.vd-faq-item{border:1px solid rgba(212,175,55,.32);border-radius:10px;background:#fff;margin-bottom:14px;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}
.vd-faq-item[open]{box-shadow:0 10px 28px rgba(0,0,0,.08);border-color:rgba(212,175,55,.55)}
.vd-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;font-family:var(--vd-display);font-size:20px;font-weight:600;color:#2b2b2b;transition:color .2s ease}
.vd-faq-item summary::-webkit-details-marker{display:none}
.vd-faq-item summary::after{content:"+";font-family:"Roboto",sans-serif;font-size:26px;font-weight:300;line-height:1;color:#b8941f;flex:0 0 auto;transition:transform .2s ease}
.vd-faq-item[open] summary::after{content:"\2212"}
.vd-faq-item summary:hover{color:#b8941f}
.vd-faq-answer{padding:2px 24px 20px;font-family:"Roboto",sans-serif;font-size:15px;font-weight:300;line-height:1.75;color:#33302b}

/* ---- Author / credibility block ---- */
.vd-post-author-wrap{max-width:1000px;margin:48px auto 0;padding:0 80px}
.vd-post-author{background:#fff;border:1px solid rgba(212,175,55,.3);border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.05);padding:28px 32px;display:flex;gap:22px;align-items:flex-start}
.vd-author-badge{flex:0 0 auto;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#eccf73,#b8941f);display:flex;align-items:center;justify-content:center;font-family:var(--vd-display);font-size:24px;font-weight:700;color:#fff;letter-spacing:1px;box-shadow:0 6px 16px rgba(212,175,55,.35)}
.vd-author-body{flex:1;min-width:0}
.vd-author-name{font-family:var(--vd-display);font-size:22px;font-weight:600;color:#2b2b2b;margin:0 0 8px!important;line-height:1.2}
.vd-author-name span{display:block;font-family:"Roboto",sans-serif;font-size:12px;font-weight:400;letter-spacing:1.6px;text-transform:uppercase;color:#b8941f;margin-bottom:3px}
.vd-post-author p{font-family:"Roboto",sans-serif;font-size:14.5px;font-weight:300;line-height:1.7;color:#544f46;margin:0 0 12px}
.vd-author-updated{font-family:"Roboto",sans-serif;font-size:13px!important;font-weight:400!important;color:#9a8a5a!important;letter-spacing:.3px;margin:0!important}

/* ---- Related / More from the Journal (reuses .vd-blog-grid / .vd-blog-card) ---- */
.vd-post-related{background:beige;padding:72px 0 86px;border-top:1px solid rgba(212,175,55,.18)}
.vd-post-related .container{max-width:1320px;margin:0 auto;padding:0 40px}
.vd-post-related .vd-journal-rowlabel{margin-bottom:40px}

/* ---- Responsive for added components ---- */
@media(max-width:900px){
  .vd-post-faq,.vd-post-author-wrap{padding-left:40px;padding-right:40px}
  .vd-post-faq h2{font-size:28px}
  .vd-post-related .container{padding:0 30px}
}
@media(max-width:600px){
  .vd-post-takeaways{padding:22px 22px 24px}
  .vd-post-takeaways h2{font-size:21px!important}
  .vd-post-faq,.vd-post-author-wrap{padding-left:20px;padding-right:20px}
  .vd-post-faq{margin-top:46px}
  .vd-post-faq h2{font-size:24px}
  .vd-faq-item summary{font-size:17px;padding:15px 18px}
  .vd-faq-answer{padding:2px 18px 16px}
  .vd-post-author{flex-direction:column;gap:16px;padding:24px 22px}
  .vd-post-related{padding:54px 0 64px}
}