.l-article{padding:10rem 0 5rem}@media only screen and (max-width: 987px){.l-article{padding-top:12rem}}.l-article__hero .s__content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}@media only screen and (max-width: 1280px){.l-article__hero .s__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}}.l-article__hero .s__content--left{flex-basis:50%}@media only screen and (max-width: 767px){.l-article__hero .s__content--left{width:100%}}.l-article__hero .s__content--right{flex-basis:50%}@media only screen and (max-width: 767px){.l-article__hero .s__content--right{width:100%}}.l-article__hero .s__content--right img{width:100%;height:100%;border-radius:.5rem;-o-object-fit:cover;object-fit:cover}.l-article__meta{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:1rem}@media only screen and (max-width: 987px){.l-article__meta{display:block}}.l-article__meta img{margin-right:.25rem;width:1.5rem;height:1.5rem;border-radius:.25rem}.l-article__meta .btn-text{margin-right:.25rem;color:#000;font-weight:400}.l-article .s__pretitle a.btn-text{flex-direction:row-reverse;gap:.5rem}.l-article .s__pretitle a.btn-text:hover .a-svg{transform:translateX(-5px)}.l-article .s__title{margin:1.5rem 0}.l-article .s__text{margin:2rem 0;font-weight:400}.l-article .post-tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.l-article .post-tags__tag{position:relative;padding:.25rem .5rem;height:100%;border:1px solid #aad7c8;border-radius:.5rem}.l-article .post-tags__tag:hover{z-index:1;border-color:var(--color-brand-1);cursor:pointer}.l-article__container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:5rem}@media only screen and (max-width: 987px){.l-article__container{margin-bottom:4rem}}.l-article__container>*{padding-top:6rem}@media only screen and (max-width: 987px){.l-article__container>*{padding-top:3rem}}.l-article__content{padding-right:2rem;width:61%}@media only screen and (max-width: 987px){.l-article__content{padding:0;width:100%}}.l-article__author{margin-top:2rem;padding:2rem 2.5rem 2.5rem;border:2px solid #d7f1dd;border-radius:1rem}.l-article__author--title{margin-bottom:1rem;font-weight:600}.l-article__author--top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.l-article__author--top_left{width:64px;height:64px}.l-article__author--top_left .avatar{width:100%;height:100%;border-radius:.5rem}.l-article__author--top_middle{flex-grow:1;padding-left:1rem}.l-article__author--top_middle .role{color:#6c757d}.l-article__author--bottom{margin-top:1rem}.l-article__sidebar{position:sticky;top:3rem;width:35%}@media only screen and (max-width: 987px){.l-article__sidebar{display:none}}.l-article__sidebar--box{margin-bottom:2rem;padding:2.5rem;background-color:var(--color-brand-1);border-radius:2rem;color:#aad7c8}.l-article__sidebar--box h3{margin-bottom:1rem;color:var(--color-white)}.l-article__sidebar--box .btn-plain{margin-top:2rem}.l-article__sidebar .toc{position:relative;margin-top:2rem}.l-article__sidebar .toc ul{position:relative;padding-left:1.5rem;list-style-type:none}.l-article__sidebar .toc ul li{margin-bottom:1rem}.l-article__sidebar .toc ul li.t-text-sm{margin-bottom:.75rem}.l-article__sidebar .toc ul li.t-text-xs{margin-bottom:.5rem}.l-article__sidebar .toc ul li a{display:-webkit-box;overflow:hidden;text-decoration:none;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.l-article__sidebar .toc:before{position:absolute;top:0;left:0;width:2px;height:calc(100% + .5rem);background:#aad7c8;content:""}.l-article__sidebar .toc ul li.active:before{position:absolute;left:-0.2rem;margin-top:.55rem;width:.5rem;height:.5rem;background:var(--color-brand-1);border-radius:50%;content:""}.l-article__sidebar--author{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:2rem 0 1rem}.l-article__sidebar--author_left{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px}.l-article__sidebar--author_left .avatar{width:100%;height:100%;border-radius:.5rem}.l-article__sidebar--author_right{padding-left:1rem;width:100%}.l-article__sidebar--author_right .role{color:#6c757d}.l-article__related{display:grid;grid-gap:2rem;grid-template-columns:repeat(3, 1fr);margin-bottom:6rem}@media only screen and (max-width: 767px){.l-article__related{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-article__related{grid-template-columns:1fr;margin-bottom:3rem}}.l-article__related--title{margin:10rem 0 5rem;text-align:center}.l-article .rte{font:300 var(--font-size-t-md)/1.4 var(--font-text)}@media only screen and (max-width: 987px){.l-article .rte{margin-top:1.5rem}}.l-article .rte h2,.l-article .rte h3,.l-article .rte h4,.l-article .rte h5,.l-article .rte h6{margin:2rem 0 0;counter-increment:none}.l-article .rte h2:before,.l-article .rte h3:before,.l-article .rte h4:before,.l-article .rte h5:before,.l-article .rte h6:before{display:none}.l-article .rte h2 strong,.l-article .rte h2 b,.l-article .rte h3 strong,.l-article .rte h3 b,.l-article .rte h4 strong,.l-article .rte h4 b,.l-article .rte h5 strong,.l-article .rte h5 b,.l-article .rte h6 strong,.l-article .rte h6 b{font-weight:500}.l-article .rte h2{font-size:var(--font-size-h-lg)}.l-article .rte h2:first-of-type{margin-top:0}.l-article .rte h3{font-size:var(--font-size-h-md)}.l-article .rte h4{font-size:var(--font-size-h-sm)}.l-article .rte h5{font:500 var(--font-size-h-sm)/1.3 var(--font-heading)}.l-article .rte h6{font:500 var(--font-size-h-sm)/1.3 var(--font-heading)}.l-article .rte a{color:var(--color-brand-3);text-decoration:underline}.l-article .rte a:hover,.l-article .rte a:focus{color:var(--color-brand-1);text-decoration:none}.l-article .rte ul{list-style-type:disc}.l-article .rte ul li{margin-left:1rem;padding:0 0 0 .5rem}.l-article .rte ul li:before{content:none}.l-article .rte ol{list-style-position:outside;list-style-type:decimal}.l-article .rte ol li{display:list-item;margin-left:1rem;padding:0 0 0 .5rem}.l-article .rte ol li:before{display:none}.l-article .rte ol li+li,.l-article .rte ul li+li{margin-top:.5rem}.l-article .rte blockquote{position:relative}.l-article .rte blockquote:before{position:absolute;left:-2rem;width:1px;height:100%;background-image:linear-gradient(180deg, var(--color-brand-1) 0%, var(--color-brand-2) 100%);content:""}.l-article .rte code{position:relative;display:block;margin:0;padding:.5rem 1rem;width:-moz-max-content;width:max-content;border-radius:2px;overflow:hidden;font-size:var(--font-size-t-md)}.l-article .rte code>br:first-child{display:none}.l-article .rte code:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:block;width:100%;height:100%;background:rgba(211,211,211,.3019607843);content:""}.l-article .rte table{margin:1.5rem auto;width:100%;border-collapse:collapse;font:300 var(--font-size-t-sm)/1.1 var(--font-text)}.l-article .rte table thead{background:var(--color-brand-3);color:#fff}.l-article .rte table thead th{padding:1rem;font:300 var(--font-size-t-lg)/1 var(--font-text)}.l-article .rte table tr{border-bottom:1px solid #ddd}.l-article .rte table td{padding:1rem .5rem;vertical-align:top}.l-article .rte table td ul li+li{margin-top:.5rem}.l-article .rte .keybox{padding:2.5rem;border:2px solid #d7f1dd;border-radius:1rem}.l-article .rte .keybox h3{margin-top:0}.l-article .rte .keybox p{margin-bottom:.5rem}.l-article .rte .keybox p:last-child{margin-bottom:0}.l-article .rte .keybox ul ::marker{color:var(--color-brand-1)}