/* Whispa blog — sits on top of v3.css */
.nav-links a[aria-current="page"]{color:var(--ink);font-weight:800}
.blog{max-width:1120px;margin:0 auto;padding:56px 24px 112px;position:relative}
.blog-hero{max-width:760px;margin:0 0 44px}
.blog-hero h1{font-size:clamp(40px,6vw,72px);line-height:1}
.blog-hero .lead{max-width:600px}

.post-list{display:grid;grid-template-columns:1fr;gap:22px}
.post-list.two{grid-template-columns:1fr 1fr}
.post-card{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;padding:22px 32px 22px 22px;border-radius:30px;text-decoration:none;color:var(--ink);transition:transform .25s ease,box-shadow .25s ease}
.post-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px -34px rgba(90,40,120,.45)}
.pc-art{height:210px;border-radius:22px;overflow:hidden;display:grid;place-items:start center;padding-top:22px;background:radial-gradient(120% 90% at 30% 0%,#ffd6ec 0%,#e8dcff 55%,#d9e9ff 100%)}
.pc-art img{width:132px;height:auto;filter:drop-shadow(0 18px 24px rgba(70,40,110,.35))}
.pc-body h2{font-size:clamp(22px,2.4vw,30px);line-height:1.1;margin:8px 0 10px}
.pc-body p{margin:0;color:var(--ink-2);font-size:16px;line-height:1.5}
.pc-meta{font-size:14px!important;color:var(--muted)!important;display:flex;align-items:center;gap:10px}
.tag{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(232,106,174,.14);color:var(--rose);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.post-list.two .post-card{grid-template-columns:1fr;padding:18px;gap:18px}
.post-list.two .pc-art{height:180px}
.post-list.two .pc-body{padding:0 8px 8px}
.post-list.two .pc-body h2{font-size:22px}

.cta{margin:64px 0 0;padding:36px 40px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta .eyebrow{margin-bottom:12px}
.cta h2{font-size:clamp(26px,3vw,36px);line-height:1.08;margin:0 0 10px}
.cta p{margin:0;color:var(--ink-2);font-size:16px;max-width:520px}
.cta-badges{display:flex;gap:12px;flex-wrap:wrap}
.cta-badges img{height:52px;width:auto;display:block}

.post{max-width:760px}
.post .crumb{margin:0 0 26px;font-size:15px;font-weight:700}
.post .crumb a{text-decoration:none;color:var(--ink-2)}
.post .eyebrow{margin-bottom:14px}
.post h1{font-size:clamp(36px,5vw,56px)}
.post .meta{margin-bottom:30px}
.post-cover{margin:0 0 40px;height:320px;border-radius:30px;overflow:hidden;display:grid;place-items:start center;padding-top:34px;background:radial-gradient(120% 90% at 30% 0%,#ffd6ec 0%,#e8dcff 55%,#d9e9ff 100%)}
.post-cover img{width:200px;height:auto;filter:drop-shadow(0 26px 34px rgba(70,40,110,.38))}
.post-body h2{font-size:30px;margin:48px 0 12px}
.post-body h3{font-size:20px}
.post-body p,.post-body li{font-size:18px;line-height:1.75;color:#2E2B36}
.post-body ol{padding-left:24px;margin:10px 0}
.post-body li+li{margin-top:6px}
.post-body strong{color:var(--ink)}
.post-body em.it{font-family:inherit;font-weight:inherit;font-style:italic}
.post-body blockquote{margin:18px 0;padding:18px 24px;border-radius:18px;background:rgba(255,255,255,.7);border-left:4px solid var(--rose-2);font-size:18px;line-height:1.6;color:var(--ink)}
.post .cta{margin-top:56px}
.more{margin-top:64px}
.more h2{font-size:26px;margin:0 0 18px}

@media (max-width:760px){
  .post-card{grid-template-columns:1fr;padding:16px;gap:16px}
  .pc-art{height:170px}
  .pc-body{padding:0 6px 6px}
  .post-list.two{grid-template-columns:1fr}
  .cta{padding:28px 24px}
  .post-cover{height:250px}
  .post-cover img{width:160px}
  .post-body p,.post-body li{font-size:17px}
}