:root{
  --blog-green:#004c22;
  --blog-teal:#62c7bd;
  --blog-pink:#f31175;
  --blog-purple:#6450b7;
  --blog-orange:#ff8a1d;
  --blog-ink:#152033;
  --blog-muted:#667085;
  --blog-line:#e7e2f3;
  --blog-cream:#fffaf1;
}
body.owho-blog-page{
  margin:0;
  font-family:var(--careox-font,"Nunito",Arial,sans-serif);
  background:
    radial-gradient(circle at 0 8%, rgba(98,199,189,.16), transparent 30%),
    radial-gradient(circle at 100% 14%, rgba(243,19,113,.10), transparent 34%),
    linear-gradient(135deg,#f7fffd,#fff,#fff7fb);
  color:var(--blog-ink);
}
.blog-page-wrapper{overflow:hidden;}
.blog-site-header{background:rgba(255,255,255,.94);box-shadow:0 16px 35px rgba(31,34,83,.07);}
.blog-site-header .main-header__inner{min-height:86px;}
.blog-site-menu .main-menu__list>li>a.current,
.blog-site-menu .main-menu__list>li>a:hover{color:var(--blog-pink);}
.blog-site-menu .main-menu__list>li>a.current::after{width:100%;}
.blog-site-header .owho-header__cta{white-space:nowrap;}
.blog-hero{
  position:relative;
  padding:clamp(66px,8vw,110px) 5vw clamp(42px,5vw,66px);
  text-align:center;
}
.blog-hero::before{
  content:"";position:absolute;inset:auto 8% 0 8%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(100,80,183,.18),transparent);
}
.blog-kicker{
  display:inline-flex;align-items:center;gap:12px;color:var(--blog-pink);
  font-size:13px;font-weight:1000;text-transform:uppercase;letter-spacing:.18em;
}
.blog-kicker::before,.blog-kicker::after{content:"";width:34px;height:2px;background:currentColor;opacity:.7;}
.blog-hero h1{
  font-family:var(--careox-heading-font,"Nunito",sans-serif);
  font-size:clamp(44px,7vw,86px);line-height:.96;color:var(--blog-purple);
  max-width:980px;margin:13px auto 14px;font-weight:1000;letter-spacing:-.05em;
}
.blog-hero p{max-width:780px;margin:0 auto;color:#334155;font-size:clamp(17px,1.4vw,20px);line-height:1.75;font-weight:750;}
.blog-wrap{width:min(1180px,92vw);margin:0 auto clamp(70px,8vw,110px);}
.blog-detail-wrap{padding-top:clamp(32px,4vw,54px);}
.blog-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px;}
.blog-cats a{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;border-radius:999px;background:#fff;border:1px solid var(--blog-line);color:var(--blog-purple);font-weight:950;text-decoration:none;box-shadow:0 12px 32px rgba(31,34,83,.05);}
.blog-cats a span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#f4f1ff;font-size:12px;}
.blog-cats a.active,.blog-cats a:hover{background:var(--blog-purple);color:#fff;border-color:transparent;transform:translateY(-1px);}
.blog-cats a.active span,.blog-cats a:hover span{background:rgba(255,255,255,.18);}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,30px);}
.blog-card{position:relative;background:#fff;border:1px solid rgba(31,34,83,.09);border-radius:30px;overflow:hidden;box-shadow:0 24px 62px rgba(25,15,80,.08);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.blog-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(98,199,189,.14),transparent 34%,rgba(243,19,113,.10));opacity:.65;}
.blog-card:hover{transform:translateY(-7px);box-shadow:0 32px 78px rgba(25,15,80,.13);border-color:rgba(98,199,189,.35);}
.blog-card__img{display:block;height:220px;background:#eff6f3;overflow:hidden;position:relative;z-index:1;}
.blog-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.blog-card:hover .blog-card__img img{transform:scale(1.045);}
.blog-card__body{position:relative;z-index:1;padding:24px;display:flex;flex-direction:column;gap:13px;flex:1;background:linear-gradient(180deg,rgba(255,255,255,.96),#fff);}
.blog-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--blog-muted);font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
.blog-meta span:first-child{color:var(--blog-pink);}
.blog-card h2{font-family:var(--careox-heading-font,"Nunito",sans-serif);font-size:clamp(23px,1.55vw,29px);line-height:1.14;margin:0;color:var(--blog-green);font-weight:1000;letter-spacing:-.035em;}
.blog-card h2 a{color:inherit;text-decoration:none;}
.blog-card h2 a:hover{color:var(--blog-purple);}
.blog-card p{color:#243044;line-height:1.65;margin:0;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog-btn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--blog-pink);color:#fff;text-decoration:none;font-weight:1000;box-shadow:0 14px 30px rgba(243,19,113,.20);}
.blog-btn:hover{color:#fff;background:var(--blog-green);}
.blog-empty{background:#fff;border:1px solid var(--blog-line);border-radius:28px;padding:36px;text-align:center;box-shadow:0 20px 55px rgba(25,15,80,.08);}
.blog-empty h1,.blog-empty h2{color:var(--blog-purple);font-weight:1000;}
.blog-article{background:#fff;border:1px solid var(--blog-line);border-radius:34px;box-shadow:0 24px 65px rgba(25,15,80,.09);overflow:hidden;}
.blog-article__image{background:linear-gradient(135deg,#effbf8,#fff0f8);}
.blog-article__image{display:flex;align-items:center;justify-content:center;padding:clamp(10px,1.6vw,18px);}
.blog-article__image img{width:100%;height:auto;max-height:none;object-fit:contain;display:block;border-radius:24px;}
.blog-article__body{padding:clamp(26px,5vw,62px);max-width:940px;margin:auto;}
.blog-article h1{font-family:var(--careox-heading-font,"Nunito",sans-serif);font-size:clamp(30px,4.3vw,54px);line-height:1.06;color:var(--blog-purple);margin:10px 0 22px;font-weight:1000;letter-spacing:-.04em;}
.blog-content{font-size:18px;line-height:1.9;color:#243044;font-weight:650;}
.blog-content p{margin:0 0 20px;}
.blog-content img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 18px 45px rgba(25,15,80,.12);}
.blog-content h2,.blog-content h3{color:var(--blog-green);line-height:1.18;font-family:var(--careox-heading-font,"Nunito",sans-serif);font-weight:1000;margin-top:1.4em;}
.blog-content ul,.blog-content ol{padding-left:1.2em;}
.blog-content li{margin-bottom:8px;}
.blog-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;color:var(--blog-pink);font-weight:1000;text-decoration:none;}
.blog-back:hover{color:var(--blog-green);}
.blog-site-footer{margin-top:0;}
.blog-site-footer .main-footer__bg{opacity:1;}
@media(max-width:1199px){.blog-site-header .main-menu__list{gap:18px}.blog-site-header .owho-header__cta{display:none}}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-site-header .main-header__inner{align-items:flex-start;gap:12px;flex-direction:column}.blog-site-menu .main-menu__list{flex-wrap:wrap;row-gap:8px}.blog-site-menu .main-menu__list>li>a{font-size:14px}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-card__img{height:205px}.blog-hero{text-align:left}.blog-kicker::before{display:none}.blog-cats{justify-content:flex-start}.blog-site-header .main-header__inner{min-height:auto;padding:14px 0}.blog-site-menu .main-menu__list{gap:6px}.blog-site-menu .main-menu__list>li>a{padding:7px 6px}.blog-article__image{padding:8px}.blog-article__image img{border-radius:18px}.blog-article h1{font-size:clamp(28px,9vw,38px);line-height:1.08}}
.blog-content figure{margin:28px 0;padding:14px;border:1px solid rgba(100,80,183,.16);border-radius:24px;background:linear-gradient(135deg,#f6fffc,#fff7fb);box-shadow:0 16px 44px rgba(25,15,80,.08)}.blog-content figure img{display:block;width:100%;max-height:560px;object-fit:cover}.blog-content figcaption{margin-top:10px;text-align:center;color:#667085;font-size:14px;font-weight:800}.blog-content blockquote{margin:26px 0;padding:18px 22px;border-left:6px solid var(--blog-teal);background:#f3fffb;border-radius:16px;color:var(--blog-green);font-weight:850}.blog-content a{color:var(--blog-pink);font-weight:900}
/* Single blog readability fix: show the complete featured image and keep heading balanced. */
.blog-detail-wrap{padding-top:clamp(18px,3vw,38px)!important;}
.blog-article__image{display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(8px,1.4vw,16px)!important;background:linear-gradient(135deg,#effbf8,#fff0f8)!important;}
.blog-article__image img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:22px!important;}
.blog-article__body{padding:clamp(22px,4vw,48px)!important;}
.blog-article h1{font-size:clamp(30px,4vw,50px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:10px 0 20px!important;max-width:880px!important;}
@media(max-width:640px){.blog-article__image{padding:6px!important}.blog-article__image img{border-radius:16px!important}.blog-article h1{font-size:clamp(27px,8.4vw,36px)!important;}}
