/* shared blog sidebar card */
.cf-bcard{padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:var(--e-global-color-rc_card,#141414)}
.cf-bcard__title{position:relative;margin:0 0 20px;padding-left:14px;font-family:var(--e-global-typography-primary-font-family,'Rajdhani'),sans-serif;font-weight:700;font-size:21px;line-height:1.2;color:var(--e-global-color-secondary,#fff)}
.cf-bcard__title::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:3px;border-radius:3px;background:var(--e-global-color-primary,#FF014F)}

/* search */
.cf-bsearch form{position:relative;display:flex}
.cf-bsearch .cf-bsearch__input{width:100%;height:50px;margin:0;padding:0 56px 0 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:var(--e-global-color-rc_card2,#1b1b1c);color:#fff;font:400 15px var(--e-global-typography-text-font-family,'Rubik'),sans-serif;box-shadow:none;outline:0;transition:border-color .25s}
.cf-bsearch .cf-bsearch__input::placeholder{color:var(--e-global-color-rc_muted,#8a8a8e)}
.cf-bsearch .cf-bsearch__input:focus{border-color:var(--e-global-color-primary,#FF014F)}
.cf-bsearch .cf-bsearch__btn{position:absolute;top:5px;right:5px;bottom:5px;width:40px;display:grid;place-content:center;padding:0;border:0;border-radius:10px;background:var(--e-global-color-primary,#FF014F);color:#fff;cursor:pointer;transition:background-color .25s}
.cf-bsearch .cf-bsearch__btn:hover{background:var(--e-global-color-accent,#E00045)}
.cf-bsearch .cf-bsearch__btn svg{width:17px;height:17px}

/* categories */
.cf-bcats{margin:0;padding:0;list-style:none}
.cf-bcats li{margin:0;border-top:1px solid rgba(255,255,255,.06)}
.cf-bcats li:first-child{border-top:0}
.cf-bcats a{display:flex;align-items:center;gap:10px;padding:12px 0;color:var(--e-global-color-rc_soft,#d6d6d6);font-size:15px;text-decoration:none;transition:color .25s,padding .25s}
.cf-bcats a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--e-global-color-primary,#FF014F);flex:none}
.cf-bcats a:hover,.cf-bcats .is-current a{color:var(--e-global-color-primary,#FF014F);padding-left:4px}
.cf-bcats .cf-bcats__n{margin-left:auto;min-width:28px;padding:2px 8px;border-radius:20px;background:rgba(255,255,255,.06);color:#9f9f9f;font-size:12px;text-align:center}

/* recent posts */
.cf-brecent{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}
.cf-brecent a{display:grid;grid-template-columns:var(--cf-thumb,76px) 1fr;gap:14px;align-items:center;text-decoration:none}
.cf-brecent__img{width:var(--cf-thumb,76px);height:var(--cf-thumb,76px);border-radius:14px;overflow:hidden;background:var(--e-global-color-rc_card2,#1b1b1c)}
.cf-brecent__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cf-brecent a:hover .cf-brecent__img img{transform:scale(1.08)}
.cf-brecent__t{display:block;margin:0 0 4px;font-family:var(--e-global-typography-primary-font-family,'Rajdhani'),sans-serif;font-weight:600;font-size:16px;line-height:1.3;color:#fff;transition:color .25s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cf-brecent a:hover .cf-brecent__t{color:var(--e-global-color-primary,#FF014F)}
.cf-brecent time{font-size:13px;color:var(--e-global-color-rc_muted,#8a8a8e)}

/* table of contents */
.cf-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
.cf-toc li{margin:0}
.cf-toc a{position:relative;display:flex;gap:10px;padding:9px 0 9px 2px;color:var(--e-global-color-text,#9f9f9f);font-size:14.5px;line-height:1.45;text-decoration:none;transition:color .25s}
.cf-toc > ol > li > a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);flex:none;font-family:var(--e-global-typography-primary-font-family,'Rajdhani'),sans-serif;font-weight:700;color:var(--e-global-color-primary,#FF014F);font-size:13px;padding-top:1px}
.cf-toc ol ol{padding-left:30px}
.cf-toc ol ol a{font-size:13.5px;padding:5px 0}
.cf-toc a:hover,.cf-toc a.is-active{color:#fff}
.cf-toc a.is-active::after{content:"";position:absolute;left:-29px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--e-global-color-primary,#FF014F)}
.cf-toc--empty{display:none}

/* post navigation */
.cf-pnav{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-pnav a{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:var(--e-global-color-rc_card,#141414);text-decoration:none;transition:border-color .3s,transform .3s}
.cf-pnav a:hover{border-color:rgba(255,1,79,.4);transform:translateY(-3px)}
.cf-pnav__next{text-align:right;align-items:flex-end;grid-column:2}
.cf-pnav__label{display:inline-flex;align-items:center;gap:8px;font-family:var(--e-global-typography-primary-font-family,'Rajdhani'),sans-serif;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--e-global-color-primary,#FF014F)}
.cf-pnav__title{font-family:var(--e-global-typography-primary-font-family,'Rajdhani'),sans-serif;font-weight:700;font-size:19px;line-height:1.25;color:#fff}

/* share + tags */
.cf-pshare{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:var(--e-global-color-rc_card,#141414)}
.cf-pshare__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cf-pshare__label{margin-right:6px;font-family:var(--e-global-typography-primary-font-family,'Rajdhani'),sans-serif;font-weight:700;font-size:15px;color:#fff}
.cf-pshare__tag{padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.06);color:var(--e-global-color-rc_soft,#d6d6d6);font-size:13px;text-decoration:none;transition:background-color .25s,color .25s}
.cf-pshare__tag:hover{background:var(--e-global-color-primary,#FF014F);color:#fff}
.cf-pshare .cf-pshare__group .cf-pshare__btn{position:relative;display:grid;place-content:center;flex:none;width:38px;height:38px;min-width:0;min-height:0;margin:0;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;box-shadow:none;color:#d6d6d6;font-size:0;line-height:1;cursor:pointer;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .25s}
.cf-pshare .cf-pshare__group .cf-pshare__btn:hover,.cf-pshare .cf-pshare__group .cf-pshare__btn:focus-visible{background:var(--e-global-color-primary,#FF014F);border-color:var(--e-global-color-primary,#FF014F);color:#fff;transform:translateY(-2px);outline:0}
.cf-pshare .cf-pshare__group .cf-pshare__btn:focus{outline:0}
.cf-pshare .cf-pshare__btn svg{width:16px;height:16px;fill:currentColor;transition:transform .25s,opacity .25s}
.cf-pshare .cf-pshare__btn .cf-pshare__ok{position:absolute;inset:0;margin:auto;opacity:0;transform:scale(.4)}
.cf-pshare .cf-pshare__group .cf-pshare__btn.is-copied{background:#1a9e5c;border-color:#1a9e5c;color:#fff;transform:none}
.cf-pshare .cf-pshare__btn.is-copied svg:not(.cf-pshare__ok){opacity:0;transform:scale(.4)}
.cf-pshare .cf-pshare__btn.is-copied .cf-pshare__ok{opacity:1;transform:none}
.cf-pshare .cf-pshare__tip{position:absolute;bottom:calc(100% + 10px);left:50%;padding:6px 10px;border-radius:8px;background:#fff;color:#111;font:600 12px/1.2 var(--e-global-typography-text-font-family,'Rubik'),sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .2s,transform .2s}
.cf-pshare .cf-pshare__tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#fff}
.cf-pshare .cf-pshare__copy:hover .cf-pshare__tip,.cf-pshare .cf-pshare__copy.is-copied .cf-pshare__tip{opacity:1;transform:translate(-50%,0)}
.cf-pshare .cf-pshare__copy.is-copied .cf-pshare__tip{background:#1a9e5c;color:#fff}
.cf-pshare .cf-pshare__copy.is-copied .cf-pshare__tip::after{border-top-color:#1a9e5c}

@media (max-width:767px){
  .cf-bcard{padding:22px}
  .cf-pnav{grid-template-columns:1fr}
  .cf-pnav__next{grid-column:auto;text-align:left;align-items:flex-start}
  .cf-pshare{padding:18px}
}
/* collapsible table of contents */
.cf-toc-details summary{display:flex;align-items:center;justify-content:space-between;margin:0;cursor:pointer;list-style:none}
.cf-toc-details summary::-webkit-details-marker{display:none}
.cf-toc-details summary::after{content:"";width:9px;height:9px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .25s}
.cf-toc-details[open] summary{margin-bottom:16px}
.cf-toc-details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}