.article-page section.article{padding:3rem 0 6rem 0;background-color:#e0e0e0}@media screen and (max-width:993px){.article-page section.article{padding:2rem 0 2rem 0}}.article-page section.article .container{display:grid;grid-template-columns:1fr 400px;gap:2rem}@media screen and (min-width:994px) and (max-width:1198px){.article-page section.article .container{grid-template-columns:1fr 250px;gap:2rem}}@media screen and (max-width:993px){.article-page section.article .container{grid-template-columns:1fr;gap:2rem}}.article-page section.article .content{width:100%;max-width:600px;margin-left:auto}.article-page section.article aside{display:flex;flex-direction:column;gap:1rem}.article-page section.article aside a{position:sticky;top:7rem}@media screen and (max-width:993px){.article-page section.article aside a{position:relative;top:unset}}.article-page section.article .categories{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.article-page section.article .categories a{font-size:.9rem;font-weight:400;color:#000;text-transform:capitalize}.article-page section.article .categories a:hover{color:#670a12}.article-page section.article .title{font-size:3rem;margin:1rem 0 2rem 0}.article-page section.article .title em{display:block;color:#dd121c;font-weight:700;font-style:normal}@media screen and (max-width:993px){.article-page section.article .title{font-size:2rem}}.article-page section.article .date{margin:2rem 0 2rem 0;color:#0f0f0f}.article-page section.article .banner{width:100%;aspect-ratio:16/9;overflow:hidden;margin-bottom:2rem}.article-page section.article .banner img{width:100%;height:100%;object-fit:cover}.article-page section.article .tags{display:flex;flex-wrap:wrap;gap:.25rem;margin:0 0 2rem 0}.article-page section.article .tags a{font-size:.7rem;display:inline-block;padding:4px 7px;line-height:1;border-radius:7px;text-transform:capitalize;border:1px solid #3f3f3f;color:#3f3f3f;transition:background-color .3s ease,color .3s ease}.article-page section.article .tags a:hover{background-color:#3f3f3f;color:#fff;text-decoration:none}.article-page section.article .text{font-family:"Helvetica Neue",sans-serif;font-weight:400;color:#333}.article-page section.article .text>*{color:inherit}.article-page section.article .text p{font-size:1.1rem;line-height:2;margin-bottom:1rem}@media screen and (max-width:993px){.article-page section.article .text p{font-size:1rem}}.article-page section.article .text img{display:block;margin:auto;max-width:90%;height:auto;margin-bottom:1rem}@media screen and (max-width:993px){.article-page section.article .text img{max-width:60%}}.article-page section.article .text figure{margin:2rem 0}.article-page section.article .text figure img{display:block;margin:auto;max-width:90%;height:auto;margin-bottom:0}@media screen and (max-width:993px){.article-page section.article .text figure img{max-width:60%}}.article-page section.article .text figure figcaption{font-size:.9rem;color:#0f0f0f;text-align:center}.article-page section.article .text ul{margin-left:2rem;margin-bottom:1rem;list-style:disc;font-size:1.1rem;font-family:inherit}.article-page section.article .text ul li{margin-bottom:.5rem}.article-page section.article .text ol{margin-left:2rem;margin-bottom:1rem;list-style:decimal;font-size:1.1rem}.article-page section.article .text ol li{margin-bottom:.5rem}.article-page section.article .text h2{font-size:2rem;margin-bottom:1rem;font-weight:700;color:#dd121c}@media screen and (max-width:993px){.article-page section.article .text h2{font-size:1.5rem}}.article-page section.article .text h3{font-size:1.5rem;margin-bottom:1rem;font-weight:700;color:#dd121c}@media screen and (max-width:993px){.article-page section.article .text h3{font-size:1.2rem}}.article-page section.article .text h4{font-size:1.2rem;margin-bottom:1rem;font-weight:700;color:#dd121c}@media screen and (max-width:993px){.article-page section.article .text h4{font-size:1rem}}.article-page section.article .text blockquote{margin:1rem 0;padding:1rem;background-color:#fff;border-left:5px solid #dd121c}.article-page section.article .text blockquote p{font-size:1.2rem;font-style:italic;margin-bottom:0}@media screen and (max-width:993px){.article-page section.article .text blockquote p{font-size:1rem}}.article-page section.article .text a{color:#670a12;text-decoration:underline}.article-page section.article .text a:hover{text-decoration:none}.article-page section.article .text p:has(>code),.article-page section.article .text p:has(code){background-color:#eca3a7;padding:.75rem 1rem;font-size:1rem;color:#000}.article-page section.article .text p:has(>code) code,.article-page section.article .text p:has(code) code{color:#000;font-family:inherit;font-size:1rem}.article-page section.article .text p:has(>code){background-color:#ffc8cb;padding:.75rem 1rem;font-size:1rem;color:#000}.article-page section.article .text p:has(>code) code{color:#000;font-family:inherit;font-size:1rem}.article-page section.article .text p code{background-color:#ffc8cb;padding:.75rem 1rem;font-size:1rem;color:#000;font-family:"Josefin Sans",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem}.article-page section.article .author{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:.75rem}.article-page section.article .author:hover{text-decoration:none;color:unset}.article-page section.article .author .avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background-color:#fff}.article-page section.article .author .avatar img{width:100%;height:100%;object-fit:cover}.article-page section.article .final{margin-top:5rem;display:flex;justify-content:space-between}@media screen and (max-width:993px){.article-page section.article .final{margin-top:2rem;flex-direction:column-reverse;gap:2rem;align-items:center}}.article-page section.article .final .share-btns{display:flex;gap:1rem;align-items:center}@media screen and (max-width:993px){.article-page section.article .final .share-btns{gap:.5rem;justify-content:center}}.article-page section.article .final .share-btns img{width:24px;height:24px;object-fit:contain}.article-page section.article .final .share-btns .twitter img{height:27px}.article-page section.recommendations{padding-top:3rem;padding-bottom:5rem}@media screen and (max-width:993px){.article-page section.recommendations{padding-top:2rem;padding-bottom:2rem}}.article-page section.recommendations h2{font-size:1.8rem;text-align:center;color:#dd121c;margin-bottom:2rem;font-weight:700}@media screen and (max-width:993px){.article-page section.recommendations h2{font-size:1.5rem}}.article-page section.recommendations ul{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media screen and (min-width:994px) and (max-width:1198px){.article-page section.recommendations ul{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (max-width:993px){.article-page section.recommendations ul{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}}.article-page section.recommendations ul li a{display:block}.article-page section.recommendations ul li a img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:1rem}@media screen and (max-width:993px){.article-page section.recommendations ul li a img{margin-bottom:.5rem}}.article-page section.recommendations ul li a .name{color:#dd121c;font-weight:500}.article-page section.recommendations ul li a:hover{text-decoration:none}