/* Blog layer for okmed_v6. Kept separate from the shared v1 design foundation. */
.blog-index-section,.blog-post{background:#f7f9fc}
.wc-blog-hero .wc-hero-subtitle{max-width:650px}
.blog-category-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}
.blog-chip{display:inline-flex;align-items:center;min-height:38px;padding:8px 16px;border:1px solid #d7e2ed;border-radius:999px;background:#fff;color:#526b88;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.blog-chip:hover,.blog-chip.active{border-color:#5db8dc;background:#10213b;color:#fff;transform:translateY(-1px)}
.blog-chip-static:hover{transform:none}
.blog-card{overflow:hidden;border:1px solid #dbe5ee!important;border-radius:22px!important;background:#fff;box-shadow:0 18px 44px rgba(16,33,59,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.blog-card:hover{transform:translateY(-6px);border-color:#b8dced!important;box-shadow:0 24px 55px rgba(16,33,59,.13)}
.blog-card-img-link{display:block;height:333px;overflow:hidden;background:linear-gradient(145deg,#edf6fb,#f8fafc)}
.blog-card-img-link img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover .blog-card-img-link img{transform:scale(1.035)}
.blog-card-img-link .wc-no-image-product{height:100%;min-height:0;border:0;border-radius:0}
.blog-card .card-body{display:flex;flex-direction:column;padding:24px}
.blog-card .badge{align-self:flex-start;margin-bottom:13px;padding:7px 11px;border:1px solid #cae8f4;border-radius:999px;background:#edf8fc;color:#277ca3;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}
.blog-card-title-link{color:#10213b!important;text-decoration:none!important}
.blog-card .card-title{margin:0 0 10px;font-family:"DM Sans",sans-serif;font-size:1.15rem;font-weight:750;line-height:1.3}
.blog-card-excerpt{margin:0;color:#6f8198;font-size:.9rem;line-height:1.65}
.blog-card-date{color:#8798ad;font-size:.75rem;font-weight:600}
.blog-card-date i{margin-right:6px;color:#54b5dc}
.wc-blog-post-hero{min-height:360px;padding-top:145px;padding-bottom:72px}
.wc-blog-post-hero .container{max-width:1050px}
.wc-blog-post-category{display:inline-flex;margin:12px 0 16px;color:#348daf;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.wc-blog-post-hero .blog-post-title{max-width:900px;margin:0;font-size:clamp(2.45rem,5vw,4.8rem);line-height:.98}
.blog-post{padding-top:72px;padding-bottom:90px}
.blog-post-inner{max-width:920px;margin:0 auto}
.blog-post-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid #dce5ee;color:#71839a;font-size:.82rem;font-weight:600}
.blog-post-meta i{margin-right:7px;color:#48a8d1}
.blog-post-cover{overflow:hidden;margin-bottom:40px;border-radius:24px;box-shadow:0 20px 52px rgba(16,33,59,.12)}
.blog-post-cover img{display:block;width:100%;max-height:914px;object-fit:cover}
.blog-post-content{color:#33485f;font-size:1.04rem;line-height:1.85}
.blog-post-content h2,.blog-post-content h3{margin:2.2em 0 .7em;color:#10213b;font-family:"DM Sans",sans-serif;font-weight:750;line-height:1.2}
.blog-post-content p{margin-bottom:1.35em}
.blog-post-content img{max-width:100%;height:auto;border-radius:18px}
.blog-post-content a{color:#167fa9;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-block-product{display:flex;align-items:center;gap:18px;margin:28px 0;padding:18px;border:1px solid #dbe5ee;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(16,33,59,.08)}
.blog-block-product-media{flex:0 0 120px;width:120px;height:120px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#edf6fb,#f8fafc)}
.blog-block-product .blog-block-product-media img{width:100%;height:100%;max-height:none;object-fit:contain;mix-blend-mode:multiply;padding:.5rem;border-radius:0;margin:0}
.blog-block-product-noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#9fb0c3;font-size:1.7rem}
.blog-block-product-body{min-width:0;flex:1 1 auto}
.blog-block-product .blog-block-product-title{display:block;margin-bottom:4px;color:#10213b;font-family:"DM Sans",sans-serif;font-size:1.1rem;font-weight:750;line-height:1.3;text-decoration:none}
.blog-block-product .blog-block-product-title:hover{color:#167fa9;text-decoration:underline}
.blog-block-product-price{color:#6f8198;font-size:.88rem;font-weight:700}
.blog-block-product-price.blog-block-product-oos{color:#dc2626}
.blog-block-product-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.blog-block-product-actions .blog-block-product-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.blog-block-product-actions .blog-block-product-btn-ghost{border:1px solid #dbe5ee;color:#10213b;background:#fff}
.blog-block-product-actions .blog-block-product-btn-ghost:hover{border-color:#5db8dc;color:#167fa9}
.blog-block-product-actions .blog-block-product-btn-primary{border:1px solid #25d366;background:#25d366;color:#fff}
.blog-block-product-actions .blog-block-product-btn-primary:hover{background:#1eb857;border-color:#1eb857;color:#fff;transform:translateY(-1px)}
.blog-block-product-fallback{margin:20px 0;color:#6f8198;font-size:.92rem}
.blog-post-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}
.blog-post-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:48px;padding:34px 38px;border-radius:24px;background:linear-gradient(125deg,#10213b,#294a79);color:#fff;box-shadow:0 22px 55px rgba(16,33,59,.18)}
.blog-post-cta h2{margin:0 0 7px;font-size:1.55rem}
.blog-post-cta p{margin:0;color:#c8d7e8}
.blog-post-cta .v5-btn{display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;padding:13px 19px;border-radius:999px;background:#64bee1;color:#0b2039;font-weight:800;text-decoration:none;transition:transform .2s ease,background .2s ease}
.blog-post-cta .v5-btn:hover{background:#fff;transform:translateY(-2px)}
.blog-post .border-accent{max-width:1200px;margin:80px auto 0;padding-top:38px;border-top:1px solid #d6e2ed}
@media(max-width:767.98px){.blog-category-chips{margin-bottom:26px}.blog-card-img-link{height:190px}.wc-blog-post-hero{min-height:300px;padding-top:120px;padding-bottom:54px}.blog-post{padding-top:48px}.blog-post-cta{align-items:flex-start;flex-direction:column;padding:28px}.blog-post-cta .v5-btn{width:100%;justify-content:center}.blog-block-product{flex-direction:column;align-items:flex-start;padding:16px}.blog-block-product-media{width:100%;height:200px}}