/* WFARHALI Articles 14.0.1 */
body.wf-articles-page{
 --ink:#190b31;--muted:#70687c;--purple:#7019df;--line:#e8e2ef;
 background:#f8f7fb;color:var(--ink)
}
body.wf-articles-page main{overflow:hidden}

/* HERO */
body.wf-articles-page .wf-blog-hero{
 position:relative;padding:68px 0 64px;overflow:hidden;
 background:
 radial-gradient(circle at 88% 20%,rgba(128,45,230,.15),transparent 28%),
 radial-gradient(circle at 8% 90%,rgba(94,42,170,.08),transparent 27%),
 linear-gradient(135deg,#fff,#f5edff 58%,#fbf9ff);
 border-bottom:1px solid #eee8f5
}
body.wf-articles-page .wf-blog-hero:after{
 content:"";position:absolute;right:7%;top:45px;width:240px;height:240px;
 border:1px solid rgba(112,25,223,.1);border-radius:50%;
 box-shadow:0 0 0 35px rgba(112,25,223,.025),0 0 0 70px rgba(112,25,223,.018)
}
body.wf-articles-page .wf-blog-hero-grid{display:block!important}
body.wf-articles-page .wf-blog-hero-grid>div{
 position:relative;z-index:1;max-width:900px
}
body.wf-articles-page .wf-blog-kicker,
body.wf-articles-page .wf-blog-section-head span{
 display:flex;align-items:center;gap:10px;
 color:var(--purple);font-size:12px;font-weight:900;
 letter-spacing:.13em;text-transform:uppercase
}
body.wf-articles-page .wf-blog-kicker:before,
body.wf-articles-page .wf-blog-section-head span:before{
 content:"";width:32px;height:2px;background:currentColor;border-radius:2px
}
body.wf-articles-page .wf-blog-hero h1{
 max-width:850px;margin:17px 0 19px;
 color:#210742;font-size:clamp(45px,5vw,72px);
 line-height:1;letter-spacing:-.045em
}
body.wf-articles-page .wf-blog-hero h1 strong{
 color:var(--purple);font-weight:inherit
}
body.wf-articles-page .wf-blog-hero p{
 max-width:720px;margin:0;color:#655d70;
 font-size:18px;line-height:1.75
}
body.wf-articles-page .wf-blog-search-note{
 display:inline-flex;align-items:center;gap:12px;
 margin-top:25px;padding:11px 15px;
 background:rgba(255,255,255,.88);
 border:1px solid rgba(72,25,120,.1);border-radius:15px;
 box-shadow:0 12px 30px rgba(50,16,87,.08)
}
body.wf-articles-page .wf-blog-search-note>span{
 display:grid;place-items:center;width:38px;height:38px;
 border-radius:11px;color:#fff;font-weight:900;
 background:linear-gradient(135deg,#6717d4,#982cf0)
}
body.wf-articles-page .wf-blog-search-note b{display:block;color:var(--ink)}
body.wf-articles-page .wf-blog-search-note small{
 display:block;margin-top:2px;color:#82798d
}
body.wf-articles-page .wf-blog-hero-cta,
body.wf-articles-page .wf-blog-bottom a{
 display:inline-flex;align-items:center;justify-content:center;gap:11px;
 min-height:53px;margin-top:20px;padding:0 23px;border-radius:15px;
 color:#fff!important;font-weight:850;text-decoration:none;
 background:linear-gradient(135deg,#6817d8,#9629ec);
 box-shadow:0 14px 28px rgba(112,25,223,.22)
}

/* LISTING */
body.wf-articles-page .wf-blog-listing{
 padding:65px 0 88px;background:#f8f7fb
}
body.wf-articles-page .wf-blog-section-head{margin-bottom:22px}
body.wf-articles-page .wf-blog-section-head h2{
 max-width:750px;margin:11px 0 0;font-size:clamp(31px,3.4vw,48px);
 line-height:1.1;letter-spacing:-.03em;color:var(--ink)
}

/* FILTERS */
body.wf-articles-page .wf-article-tags{
 display:flex;flex-wrap:nowrap;gap:9px;
 margin:0 0 28px;padding:2px 2px 9px;
 overflow-x:auto;scrollbar-width:none
}
body.wf-articles-page .wf-article-tags::-webkit-scrollbar{display:none}
body.wf-articles-page .wf-article-tags a{
 flex:0 0 auto;display:flex;align-items:center;
 min-height:38px;padding:0 15px;border:1px solid #ded5e9;
 border-radius:999px;background:#fff;color:#603e7e;
 font-size:13px;font-weight:750;text-decoration:none
}
body.wf-articles-page .wf-article-tags a:first-child{
 border-color:transparent;background:var(--purple);color:#fff
}

/* ARTICLE GRID */
body.wf-articles-page .wf-article-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:22px;align-items:stretch
}
body.wf-articles-page .wf-article-card{
 min-width:0;display:flex;flex-direction:column;overflow:hidden;
 background:#fff;border:1px solid var(--line);border-radius:23px;
 box-shadow:0 10px 32px rgba(36,14,58,.06);
 transition:transform .2s ease,box-shadow .2s ease
}
body.wf-articles-page .wf-article-card:hover{
 transform:translateY(-4px);
 box-shadow:0 20px 42px rgba(55,17,91,.12)
}

/* CARD COVER */
body.wf-articles-page .wf-article-cover{
 position:relative;min-height:145px;display:flex;
 align-items:flex-end;justify-content:space-between;
 padding:21px;overflow:hidden;color:#fff;
 background:linear-gradient(135deg,#3d1177,#8120d6 62%,#b54fe9)
}
body.wf-articles-page .wf-article-card:nth-child(3n+2) .wf-article-cover{
 background:linear-gradient(135deg,#073e70,#1870c6,#6758e6)
}
body.wf-articles-page .wf-article-card:nth-child(3n+3) .wf-article-cover{
 background:linear-gradient(135deg,#5c104e,#ad2877,#e16e88)
}
body.wf-articles-page .wf-article-cover:after{
 content:"";position:absolute;right:-55px;top:-85px;
 width:175px;height:175px;border:1px solid rgba(255,255,255,.22);
 border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.035)
}
body.wf-articles-page .wf-article-cover-symbol{
 position:relative;z-index:1;width:54px;height:54px;
 border:1px solid rgba(255,255,255,.3);border-radius:16px;
 background:rgba(255,255,255,.15);font-size:0
}
body.wf-articles-page .wf-article-cover-symbol:before{
 content:"";position:absolute;left:16px;top:11px;
 width:20px;height:27px;border:2px solid #fff;border-radius:4px
}
body.wf-articles-page .wf-article-cover-symbol:after{
 content:"";position:absolute;left:21px;top:21px;
 width:11px;height:2px;background:#fff;
 box-shadow:0 6px 0 #fff
}
body.wf-articles-page .wf-article-cover-label{
 position:relative;z-index:1;max-width:65%;
 font-size:15px;font-weight:850;line-height:1.4;text-align:end
}

/* CARD BODY */
body.wf-articles-page .wf-article-card-body{
 flex:1;display:flex;flex-direction:column;
 padding:22px;text-align:right
}
body.wf-articles-page .wf-article-meta{
 min-height:26px;margin-bottom:10px
}
body.wf-articles-page .wf-article-meta span:first-child,
body.wf-articles-page .wf-article-meta i{display:none!important}
body.wf-articles-page .wf-article-meta span:last-child{
 display:inline-flex;align-items:center;min-height:26px;
 padding:0 10px;border-radius:999px;
 background:#f3ecfb;color:#683b8f;
 font-size:12px;font-weight:800
}
body.wf-articles-page .wf-article-card h2{
 margin:0 0 10px;font-size:21px;line-height:1.5
}
body.wf-articles-page .wf-article-card h2 a{
 color:var(--ink);text-decoration:none
}
body.wf-articles-page .wf-article-card-body>p{
 display:-webkit-box;-webkit-box-orient:vertical;
 -webkit-line-clamp:3;overflow:hidden;
 margin:0 0 16px;color:var(--muted);
 font-size:14px;line-height:1.85
}
body.wf-articles-page .wf-article-card-tags{
 display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 16px
}
body.wf-articles-page .wf-article-card-tags a{
 max-width:100%;padding:5px 9px;border-radius:8px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 background:#f7f4fa;color:#74647f;
 font-size:11px;text-decoration:none
}
body.wf-articles-page .wf-article-card-tags a:nth-child(n+3){
 display:none
}
body.wf-articles-page .wf-article-read{
 display:flex;align-items:center;justify-content:space-between;
 min-height:43px;padding-top:13px;border-top:1px solid #eee9f2;
 color:var(--purple)!important;font-weight:900;text-decoration:none
}

/* BOTTOM CTA */
body.wf-articles-page .wf-blog-bottom{
 padding:0 0 75px;background:#f8f7fb;color:#fff
}
body.wf-articles-page .wf-blog-bottom .container{
 display:flex;align-items:center;justify-content:space-between;
 gap:30px;padding:38px 42px;border-radius:27px;
 background:linear-gradient(125deg,#1c0836,#431172 58%,#741bc2);
 box-shadow:0 22px 50px rgba(44,11,78,.18)
}
body.wf-articles-page .wf-blog-bottom .container>div{max-width:720px}
body.wf-articles-page .wf-blog-bottom .container>div>span{
 color:#d7b8f6;font-size:12px;font-weight:900;letter-spacing:.12em
}
body.wf-articles-page .wf-blog-bottom h2{
 margin:8px 0;color:#fff;font-size:36px;line-height:1.2
}
body.wf-articles-page .wf-blog-bottom p{
 margin:0;color:#ded0e9;line-height:1.7
}
body.wf-articles-page .wf-blog-bottom a{
 flex:0 0 auto;margin:0;background:#fff;
 color:#52147f!important;box-shadow:none
}

/* RESPONSIVE */
@media(min-width:1024px){
 body.wf-articles-page .wf-article-card:first-child{
  grid-column:span 2;display:grid;
  grid-template-columns:.82fr 1.18fr
 }
 body.wf-articles-page .wf-article-card:first-child .wf-article-cover{
  min-height:100%
 }
 body.wf-articles-page .wf-article-card:first-child .wf-article-card-body{
  padding:28px
 }
 body.wf-articles-page .wf-article-card:first-child h2{font-size:27px}
}
@media(max-width:1023px){
 body.wf-articles-page .wf-article-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))
 }
}
@media(max-width:680px){
 body.wf-articles-page .wf-blog-hero{padding:40px 0 38px}
 body.wf-articles-page .wf-blog-hero:after{
  width:160px;height:160px;right:-80px;top:20px
 }
 body.wf-articles-page .wf-blog-hero h1{
  margin:13px 0 14px;font-size:36px;line-height:1.08
 }
 body.wf-articles-page .wf-blog-hero p{
  font-size:15px;line-height:1.7
 }
 body.wf-articles-page .wf-blog-search-note{
  width:100%;margin-top:20px;padding:10px 12px
 }
 body.wf-articles-page .wf-blog-search-note small{font-size:11px}
 body.wf-articles-page .wf-blog-hero-cta{
  width:100%;margin-top:13px
 }
 body.wf-articles-page .wf-blog-listing{padding:42px 0 55px}
 body.wf-articles-page .wf-blog-section-head h2{
  font-size:30px;line-height:1.18
 }
 body.wf-articles-page .wf-article-tags{
  margin-inline:-16px;padding-inline:16px
 }
 body.wf-articles-page .wf-article-grid{
  grid-template-columns:1fr;gap:16px
 }
 body.wf-articles-page .wf-article-cover{
  min-height:110px;padding:16px
 }
 body.wf-articles-page .wf-article-card-body{padding:18px}
 body.wf-articles-page .wf-article-card h2{
  font-size:19px;line-height:1.55
 }
 body.wf-articles-page .wf-article-card-body>p{
  -webkit-line-clamp:2
 }
 body.wf-articles-page .wf-blog-bottom{padding-bottom:50px}
 body.wf-articles-page .wf-blog-bottom .container{
  display:block;padding:27px 21px;border-radius:22px
 }
 body.wf-articles-page .wf-blog-bottom h2{font-size:27px}
 body.wf-articles-page .wf-blog-bottom a{
  width:100%;margin-top:20px
 }
}
@media(prefers-reduced-motion:reduce){
 body.wf-articles-page *{transition:none!important}
}