/* LipoBliss® blog.css — loaded only on /blog pages */
.blog-hero{background:linear-gradient(165deg,var(--forest) 0%,var(--forest-2) 55%,var(--leaf) 100%);color:rgba(255,255,255,.78);padding:50px 0 42px}
.blog-hero h1{color:#fff;font-size:clamp(1.9rem,4.2vw,2.85rem);margin-bottom:.75rem}
.blog-hero p{color:rgba(255,255,255,.68);max-width:700px}
.blog-hero .crumb{color:rgba(255,255,255,.45)}.blog-hero .crumb a{color:rgba(255,255,255,.75)}
.cat-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1.4rem 0}
.cat-pill{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.82rem;padding:.48rem .95rem;border-radius:100px;border:2px solid var(--line);color:var(--forest);background:var(--white);transition:.2s;min-height:44px}
.cat-pill:hover{border-color:var(--leaf);color:var(--leaf);background:var(--leaf-tint)}
.cat-pill .n{font-size:.7rem;color:var(--muted)}
.post{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;height:100%;box-shadow:var(--shadow);transition:.24s;display:flex;flex-direction:column}
.post:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}
.post-bar{height:5px;background:var(--leaf)}.post-bar.k2{background:var(--gold)}.post-bar.k3{background:var(--forest)}.post-bar.k4{background:var(--amber)}
.post-in{padding:18px;display:flex;flex-direction:column;flex:1}
.k{display:inline-block;font-size:.63rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:.18rem .55rem;border-radius:100px;margin-bottom:.5rem;background:var(--leaf-tint);color:var(--leaf)}
.k.k2{background:var(--amber-tint);color:var(--amber)}.k.k3{background:#EAF0EC;color:var(--forest)}.k.k4{background:#FDF5E6;color:#8B5A2F}
.post h3{font-size:1rem;line-height:1.3;margin-bottom:.25rem}.post h3 a{color:var(--forest)}.post h3 a:hover{color:var(--leaf)}
.post-when{font-size:.73rem;color:#9A9A8E;margin-bottom:.4rem}
.post p{font-size:.86rem;color:var(--muted);margin-bottom:.7rem}
.post-go{font-weight:800;font-size:.77rem;color:var(--leaf);text-transform:uppercase;letter-spacing:.05em;margin-top:auto}
.article-top{background:linear-gradient(170deg,var(--cream) 0%,var(--amber-tint) 100%);padding:42px 0 30px;border-bottom:3px solid var(--gold)}
.article-top h1{font-size:clamp(1.6rem,3.5vw,2.3rem)}
.reading{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:100px;padding:.22rem .72rem;margin-left:.5rem}
.article-body{font-size:1.02rem}
.article-body h2{scroll-margin-top:88px}
.article-body blockquote{border-left:4px solid var(--gold);background:var(--amber-tint);margin:1.4rem 0;padding:1rem 1.2rem;font-style:italic;color:var(--forest);border-radius:0 var(--radius) var(--radius) 0}
.key-take{background:var(--leaf-tint);border:1px solid #C8E6C9;border-radius:var(--radius);padding:20px 22px;margin:1.5rem 0}
.key-take h2{font-family:var(--f-body)!important;font-size:.74rem!important;text-transform:uppercase;letter-spacing:.13em;color:var(--leaf);margin:0 0 .6rem!important}
.key-take ul{margin:0;padding-left:1rem;font-size:.91rem;color:var(--charcoal)}.key-take li{margin-bottom:.3rem}
.share-note{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:1.7rem}
.next-prev{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}
.next-prev a{flex:1 1 240px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:13px 17px;font-size:.86rem;font-weight:600;color:var(--forest);transition:.2s}
.next-prev a:hover{border-color:var(--gold);color:var(--leaf)}
.next-prev span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-bottom:.2rem}
.inline-cta{background:linear-gradient(145deg,var(--forest) 0%,var(--forest-2) 100%);border-radius:var(--radius);padding:24px 26px;margin:1.8rem 0;color:rgba(255,255,255,.8)}
.inline-cta h3{color:#fff;font-size:1.15rem;margin-bottom:.5rem}
.inline-cta p{font-size:.9rem;margin-bottom:.85rem;color:rgba(255,255,255,.72)}
@media (max-width:575.98px){.cat-bar{gap:.4rem}.cat-pill{font-size:.76rem;padding:.42rem .8rem}.article-body{font-size:1rem}.inline-cta{padding:18px 16px}}