
/* Blog presentation only; native article links, filters and forms remain intact. */
.body-content.blog{background:#fff!important;color:#132027}
.body-content.blog.vg-blog-home{max-width:1240px!important;margin:0 auto!important;padding:48px 28px!important}
.body-content.blog.vg-blog-home .body-container{gap:28px!important;align-items:stretch}
#blog-header{min-width:0}
#lips-guide-directory{margin:0 0 12px!important}
#lips-guide-directory .guide-eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#356b83;margin:0 0 16px}
#lips-guide-directory h1{max-width:850px;font-size:clamp(34px,4.3vw,58px)!important;line-height:1.1!important;font-weight:500;letter-spacing:-.045em!important;margin-bottom:20px!important}
#lips-guide-directory .guide-intro{font-size:17px!important;max-width:740px;line-height:1.75!important}
#lips-guide-directory .guide-topics{gap:16px!important;margin:30px 0 24px!important}
#lips-guide-directory .guide-topic{height:auto!important;min-height:0!important;padding:24px!important;border:1px solid #d7e8ef!important;border-radius:18px!important;background:linear-gradient(135deg,#e7f4fb 0%,#fff 62%,#eff8fc 100%)!important}
#lips-guide-directory .guide-topic h2{font-size:20px!important;letter-spacing:-.02em;margin:0 0 16px!important}
#lips-guide-directory .guide-topic a{font-size:15px!important;text-decoration:none!important;color:#314f60!important;border-bottom:1px solid #bdced7;padding-bottom:2px}
#lips-guide-directory .guide-topic a:hover{color:#000!important;border-color:#000}
#lips-guide-directory .guide-topic li+li{margin-top:12px!important}
#lips-guide-directory .guide-browse{font-size:15px!important;color:#586970}
#lips-guide-directory .guide-latest{font-size:30px!important;font-weight:500;letter-spacing:-.035em;margin:36px 0 0!important;padding-top:30px!important}
.body-content.blog.vg-blog-home .category-buttons{gap:10px!important;flex-wrap:wrap!important;margin:0!important}
.body-content.blog.vg-blog-home .category-buttons button{border-radius:30px!important;padding:10px 18px!important;line-height:1.4!important;font-size:13px!important;background:#f1f7fa!important;color:#243f4d!important;border:1px solid #d4e3ea!important;white-space:normal!important}
.body-content.blog.vg-blog-home .category-buttons button.active{background:#111!important;color:#fff!important;border-color:#111!important}
.body-content.blog.vg-blog-home .blog-post{min-width:0;border:1px solid #dde7ec!important;border-radius:20px!important;overflow:hidden;background:#fff!important;box-shadow:0 6px 24px rgba(20,44,58,.045);transition:box-shadow .2s ease,transform .2s ease}
.body-content.blog.vg-blog-home .blog-post:hover{box-shadow:0 12px 30px rgba(20,44,58,.09);transform:translateY(-3px)}
.body-content.blog.vg-blog-home .post-content{height:100%!important;background:#fff!important}
.body-content.blog.vg-blog-home .blog-has-img{display:block;overflow:hidden}
.body-content.blog.vg-blog-home .blog-has-img img{display:block!important;width:100%!important;height:250px!important;object-fit:cover!important;border-radius:0!important}
.body-content.blog.vg-blog-home .blog-no-img{background:linear-gradient(135deg,#dff1fa,#f9fcfe)!important;color:#193440!important;font-size:28px!important;line-height:1.25!important;letter-spacing:-.035em;padding:30px!important;border-radius:0!important}
.body-content.blog.vg-blog-home .vg-blog-box{background:#fff!important;padding:26px!important;gap:16px!important;flex:1}
.body-content.blog.vg-blog-home .vg-blog-box h2{font-size:24px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.025em!important;color:#142129!important;margin:0!important}
.body-content.blog.vg-blog-home .vg-blog-box p{font-size:15px!important;line-height:1.7!important;color:#5b6a73!important;margin:0!important}
.body-content.blog.vg-blog-home .vg-blog-box>a{margin-top:auto!important}
.body-content.blog .vg-blog-box button,.body-content.blog .blog_pagination a,.body-content.blog input.submit-post,.body-content.blog .toggleNav{background:#111!important;background-image:none!important;color:#fff!important;border:1px solid #111!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;font-weight:600!important;line-height:1.4!important;padding:14px 22px!important;min-height:48px;transition:background .2s ease}
.body-content.blog .vg-blog-box button:hover,.body-content.blog .blog_pagination a:hover,.body-content.blog input.submit-post:hover,.body-content.blog .toggleNav:hover{background:#2c4857!important;border-color:#2c4857!important;color:#fff!important}
.body-content.blog .blog_pagination{grid-column:1/-1!important;display:flex!important;justify-content:center!important;gap:14px;padding:18px 0!important;width:100%!important}
.body-content.blog .blog_pagination a{display:inline-flex!important;align-items:center;justify-content:center;float:none!important;text-decoration:none!important}
.body-content.blog a:focus-visible,.body-content.blog button:focus-visible,.body-content.blog input[type=submit]:focus-visible{outline:3px solid #62a4c4!important;outline-offset:4px!important}
@media(max-width:650px){.body-content.blog.vg-blog-home{padding:30px 20px!important}.body-content.blog.vg-blog-home .body-container{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}#lips-guide-directory .guide-topics{grid-template-columns:minmax(0,1fr)!important}#lips-guide-directory .guide-topic{padding:22px!important}#lips-guide-directory h1{font-size:38px!important}.body-content.blog.vg-blog-home .vg-blog-box{padding:22px!important}.body-content.blog.vg-blog-home .vg-blog-box h2{font-size:22px!important}.body-content.blog.vg-blog-home .blog-has-img img{height:210px!important}.body-content.blog.vg-blog-home .blog-no-img{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){.body-content.blog.vg-blog-home .blog-post{transition:none!important;transform:none!important}}
