.post-hero{min-height:360px;color:var(--c-white);background:#2a1a4a;align-items:flex-end;padding:60px 20px;display:flex;position:relative;overflow:hidden}.post-hero__bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-hero:after{content:"";background:linear-gradient(#9d4fe800 0%,#6a20c733 100%),#00000073;position:absolute;inset:0}.post-hero__inner{z-index:1;flex-direction:column;gap:40px;width:100%;max-width:1000px;margin-inline:auto;display:flex;position:relative}.post-hero__title{font-size:24px;font-weight:700;line-height:1.22}.post-hero__meta{justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.post-hero__author{align-items:center;gap:10px;display:flex}.post-hero__avatar{background:linear-gradient(135deg,#7022ce 0%,#eb3988 100%);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.post-hero__name{font-size:14px;line-height:1}.post-hero__small{color:#ffffffd9;text-align:center;font-size:12px;line-height:1.3}.post-hero__author .post-hero__small{text-align:left}.post-hero__sep{color:#ffffffd9;font-size:16px}@media (min-width:768px){.post-hero{min-height:380px;padding:60px 40px}.post-hero__title{max-width:640px;font-size:40px}.post-hero__meta{justify-content:flex-start;gap:30px}.post-hero__small{text-align:left}}.post{background:var(--c-white);padding:40px 0 80px}.post__container{width:100%;max-width:calc(1000px + var(--gutter) * 2);padding-inline:var(--gutter);flex-direction:column;gap:40px;margin-inline:auto;display:flex}@media (min-width:1200px){.post{padding-bottom:120px}.post__container{gap:50px}}.toc{background:var(--c-white);border:1px solid #e8e4f3;border-radius:14px;width:100%;max-width:422px;overflow:hidden;box-shadow:0 2px 12px #7022ce14}.toc__head{border-bottom:1px solid #f0eaf8;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.toc__title{color:var(--c-main);font-size:14px;font-weight:700;line-height:21px}.toc__toggle{color:#7022ce;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:500;line-height:18px}.toc__body{padding:16px 20px}.toc.is-collapsed .toc__head{border-bottom:0}.toc.is-collapsed .toc__body{display:none}.toc__list{margin:0;padding:0}.toc__list .toc__list{padding-left:14px}.toc__list li+li,.toc__list .toc__list{padding-top:6px}.toc__link{color:var(--c-main);font-size:13px;font-weight:500;line-height:19.5px}.toc__link:hover{color:#7022ce;text-decoration:underline}.post-content{color:var(--c-body);overflow-wrap:break-word;font-size:16px;font-weight:400;line-height:28px}.post-content>*+*{margin-top:16px}.post-content h2,.post-content h3,.post-content h4{color:var(--c-main);scroll-margin-top:calc(var(--header-h) + 24px);margin-top:40px;font-weight:700;line-height:1.35}.post-content h2{font-size:20px}.post-content h3{font-size:18px}.post-content h4{font-size:16px}.post-content>:first-child{margin-top:0}.post-content :is(h2,h3,h4)+*{margin-top:20px}.post-content a{color:var(--c-main);text-underline-offset:2px;text-decoration:underline}.post-content strong{font-weight:700}.post-content ul,.post-content ol{padding-left:24px}.post-content ul{list-style:outside}.post-content li+li{margin-top:4px}.post-content img{height:auto;margin-inline:auto}.post-content figure,.post-content .wp-caption{flex-direction:column;align-items:center;gap:10px;max-width:100%;margin-block:40px;display:flex}.post-content figcaption,.post-content .wp-caption-text{text-align:center;font-size:14px;line-height:1.4}.post-content blockquote{background:#faf8ff;border-left:4px solid #7022ce;border-radius:0 12px 12px 0;padding:16px 20px;font-style:italic}.post-content table{border-collapse:collapse;width:100%;font-size:14px}.post-content th,.post-content td{border:1px solid var(--c-stroke);text-align:left;padding:10px 12px}.post-content .aligncenter{margin-inline:auto}.post-content iframe{max-width:100%}.post-tags{border-top:1px solid var(--c-stroke);flex-wrap:wrap;align-items:center;gap:12px;padding-top:20px;display:flex}.post-tags__label{color:var(--c-body);opacity:.6;margin-right:4px;font-size:12px;font-weight:700;line-height:18px}.post-tags__tag{border-radius:var(--radius-pill);color:#7022ce;background:#f3eeff;padding:6px 16px;font-size:11px;font-weight:600;line-height:16.5px}.newsletter{color:var(--c-white);background:linear-gradient(62deg,#8533cc 19%,#ff7878 81.6%);border-radius:20px;flex-direction:column;gap:24px;padding:32px 20px;display:flex}.newsletter__text{flex-direction:column;gap:12px;display:flex}.newsletter__title{font-size:22px;font-weight:600;line-height:1.35}.newsletter__lead{font-size:14px;font-weight:400;line-height:1.7}.newsletter__form{flex-direction:column;gap:14px;display:flex}.newsletter__row{flex-direction:column;gap:13px;display:flex}.newsletter__input{border:1px solid var(--c-stroke);background:var(--c-white);width:100%;min-width:0;color:var(--c-body);border-radius:15px;padding:15px 14px;font-size:14px;font-weight:500}.newsletter__input::placeholder{color:#a2a2a2}.newsletter__input[aria-invalid=true]{border-color:var(--c-red);box-shadow:0 0 0 2px #f7406780}.newsletter__btn{background:var(--g-yellow);color:#3d310e;cursor:pointer;border:1.5px solid #ffd760;border-radius:15px;flex:none;justify-content:center;align-items:center;height:50px;padding:0 23px;font-size:16px;font-weight:700;transition:filter .2s,opacity .2s;display:inline-flex}.newsletter__btn:hover{filter:brightness(1.05)}.newsletter__btn[disabled]{opacity:.7;cursor:progress}.newsletter__message{background:#ffffff2e;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.5}.newsletter__message.is-error{background:#780a2859}.newsletter__note{font-size:12px;font-weight:400;line-height:20px}@media (min-width:900px){.newsletter{flex-direction:row;justify-content:center;align-items:center;gap:30px;padding:60px 40px}.newsletter__text{flex:0 458px;gap:18px}.newsletter__title{font-size:25px;line-height:35px}.newsletter__lead{max-width:423px;font-size:16px;line-height:28px}.newsletter__form{flex:0 446px}.newsletter__row{flex-direction:row}.newsletter__input{padding:0 14px}.newsletter__btn{width:155px}}.post-actions{flex-direction:column;align-items:stretch;gap:24px;display:flex}.post-actions__back{border-radius:var(--radius-pill);background:var(--c-red);color:var(--c-white);transition:transform .2s var(--ease), filter .2s;justify-content:center;align-items:center;gap:8px;padding:16px 22px;font-size:16px;font-weight:600;line-height:1.2;display:inline-flex}.post-actions__back:hover{filter:brightness(1.05);transform:translateY(-2px)}.post-actions__back img{transform:scaleX(-1)}.share{justify-content:center;align-items:center;gap:30px;display:flex}.share__label{color:var(--c-body);font-size:18px;font-weight:500}.share__list{gap:14px;margin:0;padding:0;display:flex}.share__btn{cursor:pointer;transition:transform .2s var(--ease);background:0 0;border:0;border-radius:50%;padding:0;display:block}.share__btn:hover{transform:translateY(-2px)}.share__btn img{width:28px;height:28px}.share__btn.is-copied{box-shadow:0 0 0 3px #7022ce4d}@media (min-width:768px){.post-actions{flex-direction:row;justify-content:space-between;align-items:center}}.related{flex-direction:column;gap:24px;display:flex}.related__title{color:var(--c-main);font-size:22px;font-weight:700;line-height:1.3}.related__grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:640px){.related__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.related{gap:38px}.related__title{font-size:24px}.related__grid{grid-template-columns:repeat(3,minmax(0,310px));justify-content:space-between}}
.comments{border-top:1px solid var(--c-stroke);flex-direction:column;gap:28px;padding-block:32px;display:flex}.comments__head{align-items:center;gap:10px;display:flex}.comments__title{color:var(--c-main);font-size:20px;font-weight:700;line-height:30px}.comments__count{border-radius:var(--radius-pill);color:#7022ce;background:#f3eeff;padding:3px 10px;font-size:12px;font-weight:600;line-height:18px}.comments__closed{color:#9898a8;font-size:14px}.comment-form{background:#faf8ff;border:1px solid #f0eaf8;border-radius:18px;flex-direction:column;gap:16px;padding:24px;font-weight:400;display:flex}.comment-form__title{color:var(--c-main);font-size:15px;font-weight:600;line-height:22.5px}.comment-form__replying{color:var(--c-body);margin-top:-8px;font-size:13px}.comment-form__replying button{font:inherit;color:var(--c-red);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.comment-form__row{flex-direction:column;gap:16px;display:flex}.comment-form__field{flex-direction:column;flex:1;gap:6px;display:flex}.comment-form__label{color:var(--c-body);font-size:12px;font-weight:600;line-height:18px}.comment-form__label span{color:var(--c-red)}.comment-form__input{background:var(--c-white);width:100%;height:44px;color:var(--c-body);border:1px solid #e8e4f3;border-radius:12px;padding:11px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.comment-form__input::placeholder{color:#b8b8c8}.comment-form__input:focus{border-color:#7022ce;outline:0;box-shadow:0 0 0 3px #7022ce1f}.comment-form__input[aria-invalid=true]{border-color:var(--c-red)}.comment-form__textarea{resize:vertical;height:107px;line-height:21px}.comment-form__message{color:#1f7a37;background:#eaf8ee;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500}.comment-form__message.is-error{color:#b3193b;background:#fde8ee}.comment-form__foot{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.comment-form__note{color:#9898a8;font-size:12px;line-height:18px}.comment-form__submit{border-radius:var(--radius-pill);color:var(--c-white);cursor:pointer;background:linear-gradient(165.5deg,#7022ce 0%,#3d41b5 100%);border:0;align-self:stretch;padding:11px 28px;font-size:13px;font-weight:600;line-height:19.5px;transition:filter .2s}.comment-form__submit:hover{filter:brightness(1.1)}.comment-form__submit[disabled]{opacity:.6;cursor:progress}@media (min-width:768px){.comment-form__row{flex-direction:row;gap:14px}.comment-form__foot{flex-direction:row;justify-content:space-between;align-items:center}.comment-form__submit{align-self:auto}}.comment-list{flex-direction:column;gap:24px;width:100%;max-width:880px;margin:0 auto;padding:0;list-style:none;display:flex}.comment-list--replies{gap:16px;padding:16px 0 0 54px}.comment__row{align-items:flex-start;gap:14px;display:flex}.comment__avatar{width:42px;height:42px;color:var(--c-white);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.comment--reply .comment__avatar{width:32px;height:32px;font-size:11px}.avatar--1{background:linear-gradient(135deg,#7022ce 0%,#da6781 100%)}.avatar--2{background:linear-gradient(135deg,#f74067 0%,#fcce45 100%)}.avatar--3{background:linear-gradient(135deg,#41bd50 0%,#60f87c 100%)}.avatar--4{background:linear-gradient(135deg,#fcce45 0%,#f74067 100%)}.avatar--team{background:linear-gradient(135deg,#3d41b5 0%,#7022ce 100%)}.comment__main{flex:1;min-width:0}.comment__bubble{background:#faf8ff;border:1px solid #f0eaf8;border-radius:14px;flex-direction:column;gap:8px;padding:16px 20px;font-weight:400;display:flex}.comment__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.comment__author{color:#292929;font-size:14px;font-weight:600;line-height:21px}.comment__date{color:#9898a8;font-size:12px;line-height:18px}.comment__text{color:var(--c-body);overflow-wrap:anywhere;font-size:14px;line-height:24px}.comment__text p+p{margin-top:8px}.comment__actions{gap:20px;padding:8px 4px 0;display:flex}.comment__like{color:#9898a8;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;line-height:18px;transition:color .2s;display:inline-flex}.comment__like-icon{width:14px;height:14px;transition:transform .2s var(--ease);background:currentColor;-webkit-mask:url(/asset/img/icon-comment-like.svg) 50%/14px 14px no-repeat;mask:url(/asset/img/icon-comment-like.svg) 50%/14px 14px no-repeat}.comment__like:hover,.comment__like[aria-pressed=true]{color:var(--c-red)}.comment__like[aria-pressed=true] .comment__like-icon{transform:scale(1.15)}.comment__reply{color:#9898a8;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600;line-height:18px}.comment__reply:hover{color:#7022ce}@media (max-width:767.98px){.comment-list--replies{padding-left:28px}}