.author[data-v-6ff23ba9] {
  display: flex;
  gap: 32px;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  border-top: 1px solid #e9eaeb;
  border-bottom: 1px solid #e9eaeb;
}
.avatar[data-v-6ff23ba9] {
  width: 88px;
  height: 88px;
  border-radius: 50%;
}
.name[data-v-6ff23ba9] {
  color: #242628;
  font-weight: 700;
  font-size: 26px;
  line-height: 136%;
}
.linkedin[data-v-6ff23ba9] {
  width: 24px;
  height: 24px;
  background: url("/assets/linkedin-square.22a56dec.svg") no-repeat center center;
}
.position[data-v-6ff23ba9] {
  margin: 4px 0 12px;
  color: #7d7f82;
  font-size: 14px;
  line-height: 192%;
}
.description[data-v-6ff23ba9] {
  color: #7d7f82;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
}.recommended[data-v-07734540] {
  max-width: 932px;
  margin: 0 auto;
}
.title[data-v-07734540] {
  margin-bottom: 30px;
  color: #000000;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
}
.blog-articles[data-v-07734540] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px 80px;
}
@media (max-width: 1190px) {
.blog-articles[data-v-07734540] {
    gap: 60px 40px;
    padding: 0 60px;
}
}
@media (max-width: 900px) {
.blog-articles[data-v-07734540] {
    grid-template-columns: 1fr;
}
}.post[data-v-25941bca] {
  max-width: 1070px;
  margin: 0 auto;
  padding: 0 0 80px;
}
.back[data-v-25941bca] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.back-text[data-v-25941bca] {
  color: #7a7c8d;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.back-icon[data-v-25941bca] {
  width: 16px;
  height: 16px;
  margin: 40px 0;
  background: url("/assets/arrow-left.7c96b350.svg") no-repeat center center;
}
.preview-img[data-v-25941bca] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 360px;
  background-size: cover;
  border-radius: 16px;
}
.preview-title[data-v-25941bca] {
  color: #ffffff;
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  text-align: center;
}
.meta[data-v-25941bca] {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  margin: 120px auto 60px;
}
.meta-title[data-v-25941bca] {
  color: #67697a;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}
.meta-content[data-v-25941bca] {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
  color: #383a4c;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.meta-icon[data-v-25941bca] {
  width: 16px;
  height: 16px;
}
.icon-calendar[data-v-25941bca] {
  background: url("/assets/calendar.c273782b.svg") no-repeat center center;
}
.icon-clock[data-v-25941bca] {
  background: url("/assets/clock.66f52f36.svg") no-repeat center center;
}
.icon-linkedin[data-v-25941bca],
.icon-facebook[data-v-25941bca],
.icon-twitter[data-v-25941bca],
.icon-raw[data-v-25941bca] {
  width: 26px;
  height: 26px;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.icon-linkedin[data-v-25941bca] {
  background: url("/assets/linkedin.d56bd379.svg") no-repeat;
}
.icon-facebook[data-v-25941bca] {
  background: url("/assets/facebook.d98d892a.svg") no-repeat;
}
.icon-twitter[data-v-25941bca] {
  background: url("/assets/twitter.879db2e0.svg") no-repeat;
}
.icon-raw[data-v-25941bca] {
  position: relative;
  background: url("/assets/copy.5ac56221.svg") no-repeat;
}
.icon-raw[data-v-25941bca]::after {
  position: absolute;
  bottom: 120%;
  left: 50%;
  padding: 2px 8px;
  color: #fff;
  font-size: 12px;
  background: #383a4c;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.2s ease;
  content: "Copied";
}
.icon-raw.copied[data-v-25941bca]::after {
  transform: translate(-50%, 0%);
  opacity: 1;
}
.lookup[data-v-25941bca] {
  margin-top: 60px;
}
@media (max-width: 1190px) {
.post[data-v-25941bca] {
    padding: 0 40px 60px;
}
}
@media (max-width: 900px) {
.post[data-v-25941bca] {
    padding: 0 40px 40px;
}
}
@media (max-width: 490px) {
.post[data-v-25941bca] {
    padding: 0 20px 40px;
}
}.article,
.article-base {
  max-width: 900px;
  margin: 0 auto;
  color: #383838;
  font-weight: 500;
  font-size: 20px;
  font-family: "PT Serif", "Inter", sans-serif;
  line-height: 34px;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article-base h1,
.article-base h2,
.article-base h3,
.article-base h4,
.article-base h5,
.article-base h6 {
  margin-bottom: 24px;
  color: #242628;
  font-weight: 700;
  font-weight: 700;
  font-family: "Inter", sans-serif;
}
.article h2,
.article-base h2 {
  margin-top: 40px;
}
@media (max-width: 899px) {
.article,
.article-base {
    font-size: 16px;
    line-height: 180%;
}
.article h1,
.article-base h1 {
    font-size: 24px;
    line-height: 132%;
}
.article h2,
.article-base h2 {
    font-size: 24px;
    line-height: 132%;
}
.article h3,
.article-base h3 {
    font-size: 24px;
    line-height: 132%;
}
.article h4,
.article-base h4 {
    font-size: 20px;
    line-height: 30px;
}
.article h5,
.article-base h5 {
    font-size: 18px;
    line-height: 28px;
}
.article h6,
.article-base h6 {
    font-size: 16px;
    line-height: 26px;
}
.article img,
.article-base img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.article table,
.article-base table {
    position: relative;
    display: block;
    width: 100% !important;
    max-width: 900px;
    overflow-x: auto;
    white-space: nowrap;
}
}
@media (max-width: 899px) and (max-width: 899px) {
.article table,
.article-base table {
    max-width: 530px;
}
}
@media (max-width: 899px) and (max-width: 539px) {
.article table,
.article-base table {
    max-width: calc(100vw - 30px);
}
}
@media (max-width: 899px) {
.article tbody,
.article-base tbody {
    display: block;
    min-width: 900px;
    white-space: nowrap;
}
.article tbody tr > td,
.article-base tbody tr > td {
    font-size: 16px;
    line-height: 24px;
    white-space: normal;
}
}
@media (max-width: 899px) {
.article h1,
.article-base h1 {
    font-size: 38px;
    line-height: 52px;
}
}
@media (max-width: 899px) {
.article h2,
.article-base h2 {
    font-size: 32px;
    line-height: 53px;
}
}
@media (max-width: 899px) {
.article h3,
.article-base h3 {
    font-size: 28px;
    line-height: 47px;
}
}
@media (max-width: 899px) {
.article h4,
.article-base h4 {
    font-size: 24px;
    line-height: 41px;
}
}
@media (max-width: 899px) {
.article h5,
.article-base h5 {
    font-size: 18px;
    line-height: 32px;
}
}
@media (max-width: 899px) {
.article h6,
.article-base h6 {
    font-size: 14px;
    line-height: 32px;
}
}
@media (max-width: 539px) {
.article h1,
.article-base h1 {
    font-size: 28px;
    line-height: 32px;
}
.article h2,
.article-base h2 {
    font-size: 22px;
    line-height: 33px;
}
.article h3,
.article-base h3 {
    font-size: 18px;
    line-height: 27px;
}
.article h4,
.article-base h4 {
    font-size: 16px;
    line-height: 21px;
}
.article h5,
.article-base h5 {
    font-size: 18px;
    line-height: 22px;
}
.article h6,
.article-base h6 {
    font-size: 14px;
    line-height: 22px;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article-base h1,
.article-base h2,
.article-base h3,
.article-base h4,
.article-base h5,
.article-base h6 {
    margin-bottom: 10px;
}
}
.article h1,
.article-base h1 {
  font-size: 48px;
  line-height: 132%;
}
.article h2,
.article-base h2 {
  font-size: 36px;
  line-height: 120%;
}
.article h3,
.article-base h3 {
  font-size: 26px;
  line-height: 46px;
}
.article h4,
.article-base h4 {
  font-size: 24px;
  line-height: 42px;
}
.article h5,
.article-base h5 {
  font-size: 18px;
  line-height: 144%;
}
.article h6,
.article-base h6 {
  font-size: 12px;
}
.article a,
.article-base a {
  color: #292929;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid #ff7e2d;
}
.article a:visited,
.article-base a:visited {
  color: #303030;
  border-bottom: 1px solid #303030;
}
.article strong,
.article-base strong {
  font-weight: 700;
}
.article i,
.article-base i {
  font-style: italic;
}
.article ul,
.article ol,
.article p,
.article figure,
.article img,
.article-base ul,
.article-base ol,
.article-base p,
.article-base figure,
.article-base img {
  margin-bottom: 24px;
}
.article li,
.article-base li {
  margin-bottom: 20px;
  color: #383838;
  list-style-type: disc;
}
.article li::marker,
.article-base li::marker {
  color: #269386;
}
.article ol,
.article-base ol {
  padding-left: 40px;
  list-style: none;
  counter-reset: my-awesome-counter;
}
.article ol li,
.article-base ol li {
  position: relative;
  padding-left: 10px;
  counter-increment: my-awesome-counter;
}
.article ol li b,
.article-base ol li b {
  font-weight: 600;
}
.article ol li::before,
.article-base ol li::before {
  position: absolute;
  top: 0;
  left: calc(-1 * var(--size) - 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--size);
  min-height: var(--size);
  padding: 2px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  background: #269386;
  border-radius: 100%;
  content: counter(my-awesome-counter);
  --size: 24px;
}
.article ul,
.article-base ul {
  padding-left: 15px;
  list-style: unset;
}
.article figure,
.article-base figure {
  overflow-x: auto;
}
.article iframe,
.article-base iframe {
  width: 100%;
  min-height: 350px;
}
@media (max-width: 899px) {
.article iframe,
.article-base iframe {
    min-height: 250px;
}
}
.article table,
.article-base table {
  margin-bottom: 30px;
  overflow-x: auto;
  color: #303030;
  white-space: normal;
  border-spacing: 0;
}
.article tr:first-child td,
.article-base tr:first-child td {
  border-bottom: none;
}
.article tr:first-child td:first-child,
.article-base tr:first-child td:first-child {
  border-radius: 4px 0 0 0;
}
.article tr:first-child td:last-child,
.article-base tr:first-child td:last-child {
  border-radius: 0 4px 0 0;
}
.article tr:last-child td,
.article-base tr:last-child td {
  border-bottom: 1px solid #dbdbe2;
}
.article tr:last-child td:first-child,
.article-base tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}
.article tr:last-child td:last-child,
.article-base tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}
.article td,
.article-base td {
  padding: 15px;
  border: 1px solid #dbdbe2;
  border-right: none;
  border-bottom: none;
}
.article td:last-child,
.article-base td:last-child {
  border-right: 1px solid #dbdbe2;
}
.article blockquote,
.article-base blockquote {
  position: relative;
  margin: 64px 0;
  padding-left: 60px;
  color: #6d6d6d;
}
.article blockquote:before,
.article-base blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  content: url("/assets/quotes.755392ea.svg");
  pointer-events: none;
}
.article div[data-id=horizontal-line],
.article-base div[data-id=horizontal-line] {
  width: 100%;
  height: 1px;
  margin: 50px 0;
  background-color: #dfdfdf;
}
.article img,
.article-base img {
  display: block;
  width: 100%;
  border-radius: 10px;
}
.article ul:last-child,
.article ol:last-child,
.article li:last-child,
.article p:last-child,
.article figure:last-child,
.article blockquote:last-child,
.article-base ul:last-child,
.article-base ol:last-child,
.article-base li:last-child,
.article-base p:last-child,
.article-base figure:last-child,
.article-base blockquote:last-child {
  margin-bottom: 0;
}