.blog{padding-bottom:112px}@media(max-width:540px){.blog{padding-bottom:56px}}.blog__header{max-width:820px;margin-bottom:68px}@media(max-width:540px){.blog__header{margin-bottom:38px}}.blog__header-title{margin-bottom:14px}.blog__header-description{font-size:20px}@media(max-width:540px){.blog__header-description{font-size:12px}}.blog__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px}@media(max-width:780px){.blog__list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media(max-width:540px){.blog__list{grid-template-columns:1fr;gap:16px}}.blog-section{padding:0 0 112px}.blog-section__title{margin-bottom:22px}.blog-card__link{display:flex;flex-direction:column;max-width:100%;height:100%;min-height:410px;background:var(--color-shape-55);border-radius:30px;overflow:hidden;text-decoration:none;transition:all .3s}.blog-card__link:hover{background:var(--color-shape-60);transform:translateY(-4px)}.blog-card__image{min-height:230px}@media(max-width:540px){.blog-card__image{min-height:180px}}.blog-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card__content{display:flex;flex-direction:column;gap:18px;padding:8px 16px 16px;flex:1}.blog-card__header{display:flex;justify-content:space-between;align-items:center;gap:10px}.blog-card__tags{display:flex;flex-wrap:wrap;gap:8px}.blog-card__tag{width:-moz-max-content;width:max-content;padding:10px 14px;font-size:12px;border-radius:120px;color:var(--color-text-0);background-color:var(--color-shape-70)}.blog-card__time{display:flex;align-items:center;gap:4px;flex-shrink:0}.blog-card__time p{font-size:12px;color:var(--color-text-0)}.blog-card__time img{width:12px}.blog-card__title{font-size:18px;font-weight:600;color:var(--color-text-0);line-height:1.3}.blog-card__date{font-size:14px;color:var(--color-shape-20);margin-top:auto}.blog-article:not(:has(.blog-article__related)){padding-bottom:112px}@media(max-width:540px){.blog-article:not(:has(.blog-article__related)){padding-bottom:56px}}.blog-article__layout{position:relative;display:flex;gap:50px;align-items:flex-start;justify-content:space-between}.blog-article__layout .opacity{opacity:.32}.blog-article__layout div:has(img) img{max-width:50%;height:auto;-o-object-fit:cover;object-fit:cover}@media(max-width:540px){.blog-article__layout div:has(img) img{max-width:80%}}@media(max-width:540px){.blog-article__layout div:has(img){flex-wrap:wrap;gap:8px}}.blog-article__layout table.table-blog{border-spacing:14px;border-collapse:separate}@media(max-width:540px){.blog-article__layout table.table-blog{border-spacing:4px}}.blog-article__layout table.table-blog p{font-size:14px}@media(max-width:540px){.blog-article__layout table.table-blog p{font-size:12px}}.blog-article__layout table.table-blog tbody td{padding:16px;border-radius:14px}@media(max-width:540px){.blog-article__layout table.table-blog tbody td{padding:8px}}.blog-article__layout table.table-blog tbody td p{margin:16px 0;color:var(--color-text-15)}@media(max-width:540px){.blog-article__layout table.table-blog tbody td p{margin:8px 0}}.blog-article__layout table.table-blog tbody tr.thead td{text-align:center;background-color:var(--color-primary-60)}.blog-article__layout table.table-blog tbody tr.thead td p{font-weight:600}.blog-article__layout table.table-blog tbody tr:not(.thead) td{background-color:var(--color-shape-55)}.blog-article__layout table.table-blog tbody tr:not(.thead) td p{text-align:left}.blog-article__layout table.table-blog tbody tr:not(.thead) td:first-child{padding:16px}@media(max-width:540px){.blog-article__layout table.table-blog tbody tr:not(.thead) td:first-child{padding:8px}}.blog-article__layout table.table-blog tbody tr:not(.thead) td:first-child p{font-weight:700;text-align:left}.blog-article__content{flex:0 0 70%}.blog-article__content h2{font-size:26px}@media(max-width:780px){.blog-article__content{flex:0 0 100%}}.blog-article__content ol{margin:16px 0;padding-left:20px;list-style-type:decimal}.blog-article__content ol li{color:var(--color-text-0);font-weight:300}.blog-article__info{display:flex;align-items:center;margin:30px 0;width:100%}@media(max-width:780px){.blog-article__info{flex-wrap:wrap;row-gap:20px;-moz-column-gap:0;column-gap:0;margin:0 0 30px}}@media(max-width:540px){.blog-article__info{row-gap:10px}}.blog-article__info-time{display:flex;align-items:center;gap:6px;width:-moz-max-content;width:max-content;padding:10px 18px;min-height:38px;border-radius:120px;background-color:var(--color-shape-55)}.blog-article__info-time p{font-size:14px;color:var(--color-text-0)}@media(max-width:540px){.blog-article__info-time p{font-size:12px}}.blog-article__info-time img{width:13px}.blog-article__info-date{color:var(--color-text-0);width:-moz-max-content;width:max-content;padding:10px 18px;min-height:38px;font-size:14px;border-radius:120px;background-color:var(--color-shape-55);margin-right:10px}.blog-article__info-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 10px 0 8px}@media(max-width:780px){.blog-article__info-tags{margin-left:0}}.blog-article__info-tag{display:flex;align-items:center;width:-moz-max-content;width:max-content;padding:10px 18px;min-height:38px;border-radius:120px;background-color:var(--color-shape-55)}.blog-article__info-tag p{font-size:14px;color:var(--color-text-0)}@media(max-width:540px){.blog-article__info-tag p{font-size:12px}}.blog-article__author{display:flex;align-items:center;gap:16px;max-width:-moz-max-content;max-width:max-content;margin-right:26px}@media(max-width:540px){.blog-article__author{gap:8px;max-width:100%;width:100%}}.blog-article__author-name{font-size:12px;text-transform:uppercase;color:var(--color-text-20)}.blog-article__author-image{width:56px;border-radius:100px}@media(max-width:540px){.blog-article__author-image{width:40px}}.blog-article__related{margin:112px 0}@media(max-width:540px){.blog-article__related{margin:64px 0}}.blog-article__related-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}@media(max-width:540px){.blog-article__related-header{margin-bottom:24px}}.blog-article__related-header-link{color:var(--color-shape-20)}@media(max-width:540px){.blog-article__related-header-link{font-size:12px}}.blog-article__related-header-icon{display:flex;transform-origin:center;transform:rotate(-90deg)}.blog-article__toc{background:var(--color-shape-55);border-radius:20px}.blog-article__toc-item{display:flex;align-items:center;width:100%;height:80px;padding:20px 30px;border-radius:20px;transition:background-color .3s}.blog-article__toc-item--active{background-color:var(--color-primary-30)}.blog-article__toc-item--active .text{color:var(--color-text-70)}.blog-article__toc-button{text-align:left;font-size:14px;font-weight:600}@media(max-width:999px){.blog-article__toc-button{font-size:12px}}
