/* plbp — blog post template (Blog Posts Template 695e954c0237d5f089a8796a).
   Active only when <html> has .plbp-on (set in the template head: webflow.io, or ?plbp=1). */
.plbp-on{--a:#1F3A5F;--ah:#162B47;--a50:#EEF2F7;--a40:#F4F7FB;--t:#303030;--tx:#414141;--m:#838383;--f:#acacac;--b:#e0e0e0;--b2:#eeeeee;--g:#ab7d56;
  --ease:cubic-bezier(.23,1,.32,1)}
.plbp-on #plbp *,.plbp-on #plbp-rel *,.plbp-on #plbp-body *{box-sizing:border-box}
.plbp-on #plbp,.plbp-on #plbp-rel,.plbp-on #plbp-body{font-family:Manrope,system-ui,sans-serif;background:#fff}

/* header: text column + cover, no overlay */
#plbp{padding:120px 24px 0}
#plbp [data-plbp="head"],#plbp [data-plbp="cover"]{max-width:1124px;margin:0 auto}
#plbp [data-plbp="head"]{padding-right:364px}
#plbp [data-plbp="crumbs"]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:500;color:var(--m);margin:0 0 20px}
#plbp [data-plbp="crumbs"] a{color:var(--m);text-decoration:none;transition:color 200ms var(--ease)}
#plbp [data-plbp="crumbs"] a:hover{color:var(--a)}
#plbp [data-plbp="crumbs"] i{font-style:normal;color:var(--f)}
#plbp [data-plbp="meta"]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;line-height:1;color:var(--m);font-weight:500}
#plbp [data-plbp="cat"]{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--a50);color:var(--a);font-weight:600;text-decoration:none}
#plbp [data-plbp="date"],#plbp [data-plbp="read"]{font-variant-numeric:tabular-nums}
#plbp [data-plbp="read"]::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--f);margin:0 12px 2px 0;vertical-align:middle}
#plbp h1[data-plbp="title"]{font-size:44px;line-height:1.12;font-weight:500;letter-spacing:-.02em;color:var(--t);margin:18px 0 0}
#plbp p[data-plbp="lead"]{font-size:19px;line-height:1.6;font-weight:400;letter-spacing:-.018em;color:var(--tx);margin:16px 0 0}
#plbp [data-plbp="cover"]{margin-top:36px;aspect-ratio:8/3;border-radius:20px;overflow:hidden;background:#eef2f7}
#plbp [data-plbp="cover"] img{width:100%;height:100%;object-fit:cover;display:block}
#plbp [data-plbp="cslug"]{display:none}

/* body: 720px reading column + sticky aside */
.plbp-on #plbp-body{padding:56px 24px 0}
.plbp-on #plbp-body > .container-default{max-width:1124px;padding:0;margin:0 auto}
.plbp-grid{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:64px 104px;justify-content:space-between}
.plbp-aside{position:relative}
.plbp-aside__in{position:sticky;top:112px;display:flex;flex-direction:column;gap:20px}
.plbp-toc__lab{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--f);margin:0 0 12px}
.plbp-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--b2)}
.plbp-toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;font-weight:500;color:var(--m);text-decoration:none;
  transition:color 200ms var(--ease),border-color 200ms var(--ease)}
.plbp-toc a:hover{color:var(--t)}
.plbp-toc a.is-on{color:var(--a);border-left-color:var(--a);font-weight:600}
.plbp-card{border-radius:16px;padding:22px;color:#fff;
  background:radial-gradient(80% 90% at 100% 0%,rgba(207,166,134,.32),transparent 60%),linear-gradient(135deg,#2A4E7D 0%,#1F3A5F 55%,#162B47 100%)}
.plbp-card b{display:block;font-size:17px;line-height:1.3;font-weight:600}
.plbp-card p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.78);margin:8px 0 16px}
.plbp-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:#fff;color:var(--a);font-size:14px;font-weight:600;text-decoration:none;
  transition:transform 140ms var(--ease),box-shadow 260ms var(--ease)}
.plbp-btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.18)}
.plbp-btn:active{transform:scale(.97)}

/* rich text typography (content stays exactly as in CMS) */
.plbp-on #plbp-body .rich-text{font-size:18px;line-height:1.7;color:var(--tx);font-weight:400}
/* one reading style for every block of body copy: the legacy template gave li weight 500 and its own tracking */
.plbp-on #plbp-body .rich-text :is(p,li,td,th,blockquote,figcaption,strong,b,em,i,a,span){font-family:Manrope,system-ui,sans-serif;letter-spacing:-.018em}
.plbp-on #plbp-body .rich-text :is(p,li,td,blockquote,em,i,span){font-weight:400}
.plbp-on #plbp-body .rich-text > *:first-child{margin-top:0}
.plbp-on #plbp-body .rich-text p{font-size:18px;line-height:1.7;color:var(--tx);margin:0 0 20px}
.plbp-on #plbp-body .rich-text h2{font-size:28px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--t);margin:52px 0 16px;scroll-margin-top:112px}
.plbp-on #plbp-body .rich-text h3{font-size:21px;line-height:1.3;font-weight:600;color:var(--t);margin:36px 0 10px;scroll-margin-top:112px}
.plbp-on #plbp-body .rich-text h4{font-size:18px;font-weight:600;color:var(--t);margin:28px 0 8px}
.plbp-on #plbp-body .rich-text ul,.plbp-on #plbp-body .rich-text ol{margin:0 0 24px;padding-left:22px}
.plbp-on #plbp-body .rich-text li{font-size:18px;line-height:1.7;color:var(--tx);margin:0 0 10px;padding-left:4px}
.plbp-on #plbp-body .rich-text li::marker{color:var(--g)}
.plbp-on #plbp-body .rich-text :is(strong,b){color:inherit;font-weight:600}
.plbp-on #plbp-body .rich-text :is(em,i){color:inherit;font-style:italic}
.plbp-on #plbp-body .rich-text a{color:var(--a);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(31,58,95,.35);
  transition:text-decoration-color 200ms var(--ease)}
.plbp-on #plbp-body .rich-text a:hover{text-decoration-color:var(--a)}
.plbp-on #plbp-body .rich-text figure{margin:36px 0 !important;max-width:none !important;width:100%}
.plbp-on #plbp-body .rich-text figure > div{border-radius:16px;overflow:hidden}
.plbp-on #plbp-body .rich-text figure img{width:100%;height:auto;display:block}
.plbp-on #plbp-body .rich-text figcaption{font-size:14px;line-height:1.5;color:var(--m);text-align:left;margin-top:10px}
.plbp-on #plbp-body .rich-text blockquote{margin:32px 0;padding:4px 0 4px 20px;border-left:3px solid var(--g);font-size:20px;line-height:1.6;color:var(--tx);font-weight:400}
.plbp-table{margin:24px 0 28px;border:1px solid var(--b2);border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.plbp-on #plbp-body .rich-text table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;margin:0}
.plbp-on #plbp-body .rich-text th{background:#f7f8fa;text-align:left;font-size:13px;font-weight:600;color:var(--tx);padding:12px 16px;border-bottom:1px solid var(--b2)}
.plbp-on #plbp-body .rich-text td{padding:12px 16px;border-bottom:1px solid var(--b2);color:var(--tx);vertical-align:top;font-variant-numeric:tabular-nums}
.plbp-on #plbp-body .rich-text tr:last-child td{border-bottom:0}
.plbp-on #plbp-body .rich-text th:not(:first-child),.plbp-on #plbp-body .rich-text td:not(:first-child){text-align:right;white-space:nowrap}
.plbp-on #plbp-body .rich-text tr.is-total td{background:var(--a50);color:var(--tx)}
.plbp-on #plbp-body .rich-text hr{border:0;border-top:1px solid var(--b2);margin:40px 0}
.plbp-end{margin-top:48px;padding-top:28px;border-top:1px solid var(--b2);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.plbp-end span{font-size:14px;color:var(--m);font-weight:500}
.plbp-share{display:flex;gap:8px}
.plbp-share a,.plbp-share button{width:40px;height:40px;border-radius:999px;border:1px solid var(--b);background:#fff;color:var(--t);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  transition:border-color 200ms var(--ease),color 200ms var(--ease),transform 120ms var(--ease)}
.plbp-share a:hover,.plbp-share button:hover{border-color:var(--a);color:var(--a)}
.plbp-share a:active,.plbp-share button:active{transform:scale(.94)}

/* related */
.plbp-on #plbp-rel{padding:96px 24px 96px}
#plbp-rel .plbp-relhead,#plbp-list{max-width:1124px;margin:0 auto}
#plbp-rel .plbp-relhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}
#plbp-rel h2{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.02em;color:var(--t);margin:0}
#plbp-rel .plbp-all{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--b);color:var(--t);font-size:14px;font-weight:500;text-decoration:none;
  transition:border-color 200ms var(--ease),background-color 200ms var(--ease),transform 120ms var(--ease)}
#plbp-rel .plbp-all:hover{border-color:var(--a);background:var(--a40)}
#plbp-rel .plbp-all:active{transform:scale(.97)}
#plbp-list .w-dyn-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#plbp-list .w-dyn-item[hidden],#plbp-list .w-dyn-empty{display:none}
#plbp-list [data-plb="card"]{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;transition:transform 140ms var(--ease)}
#plbp-list [data-plb="card"]:active{transform:scale(.99)}
#plbp-list [data-plb="media"]{aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#f2f4f7;-webkit-mask-image:-webkit-radial-gradient(white,black);transition:transform 260ms var(--ease),box-shadow 260ms var(--ease)}
#plbp-list [data-plb="media"] img{width:100%;height:100%;object-fit:cover;display:block}
#plbp-list [data-plb="body"]{display:flex;flex-direction:column;flex:1;padding:16px 2px 0}
#plbp-list [data-plb="meta"]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1}
#plbp-list [data-plb="cat"]{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--a50);color:var(--a);font-weight:600}
#plbp-list [data-plb="date"]{color:var(--m);font-weight:500;font-variant-numeric:tabular-nums}
#plbp-list h3[data-plb="title"]{font-size:19px;line-height:1.3;font-weight:600;color:var(--t);margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color 200ms var(--ease)}
#plbp-list [data-plb="more"]{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:14px;font-weight:600;color:var(--a)}
#plbp-list [data-plb="more"] svg{transition:transform 200ms var(--ease)}
#plbp-list [data-plb="slug"],#plbp-list [data-plb="cslug"]{display:none}
@media (hover:hover){
  #plbp-list [data-plb="card"]:hover [data-plb="media"]{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,46,79,.16)}
  #plbp-list [data-plb="card"]:hover h3[data-plb="title"]{color:var(--a)}
  #plbp-list [data-plb="card"]:hover [data-plb="more"] svg{transform:translateX(3px)}
}

@media (max-width:1100px){
  #plbp [data-plbp="head"]{padding-right:0;max-width:720px}
  #plbp [data-plbp="cover"]{max-width:720px;aspect-ratio:2/1}
  .plbp-on #plbp-body > .container-default{max-width:720px}
  .plbp-grid{grid-template-columns:minmax(0,1fr)}
  .plbp-aside{display:none}
}
@media (max-width:991px){
  #plbp{padding-top:112px}
  #plbp h1[data-plbp="title"]{font-size:36px}
  #plbp-list .w-dyn-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  #plbp-list .w-dyn-item:nth-child(n+3){display:none}
}
@media (max-width:767px){
  #plbp{padding:104px 16px 0}
  #plbp [data-plbp="crumbs"]{margin-bottom:14px}
  #plbp h1[data-plbp="title"]{font-size:28px;line-height:1.18;margin-top:14px}
  #plbp p[data-plbp="lead"]{font-size:17px;margin-top:12px}
  #plbp [data-plbp="cover"]{margin-top:24px;aspect-ratio:3/2;border-radius:16px}
  .plbp-on #plbp-body{padding:32px 16px 0}
  .plbp-on #plbp-body .rich-text,.plbp-on #plbp-body .rich-text p,.plbp-on #plbp-body .rich-text li{font-size:17px}
  .plbp-on #plbp-body .rich-text h2{font-size:23px;margin-top:40px}
  .plbp-on #plbp-body .rich-text h3{font-size:19px}
  .plbp-on #plbp-body .rich-text figure{margin:28px 0 !important}
  .plbp-on #plbp-body .rich-text table{font-size:14px}
  .plbp-on #plbp-body .rich-text th,.plbp-on #plbp-body .rich-text td{padding:10px 12px}
  .plbp-on #plbp-rel{padding:64px 16px 72px}
  #plbp-rel h2{font-size:24px}
  #plbp-list .w-dyn-items{display:flex;overflow-x:auto;gap:16px;margin:0 -16px;padding:0 16px 4px;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:16px}
  #plbp-list .w-dyn-items::-webkit-scrollbar{display:none}
  #plbp-list .w-dyn-item,#plbp-list .w-dyn-item:nth-child(n+3){display:block;flex:0 0 78%;scroll-snap-align:start}
  #plbp-list .w-dyn-item[hidden]{display:none}
}
@media (prefers-reduced-motion:reduce){
  #plbp *,#plbp-rel *,#plbp-body *{transition-duration:0ms!important}
}