main.article-page{padding-top:3rem;padding-bottom:2rem}main.article-page article{background-color:#fff}main.article-page article h1,main.article-page article h2,main.article-page article h3,main.article-page article h4,main.article-page article h5,main.article-page article h6{color:#bd9b3a}main.article-page article .head{max-width:700px;display:flex;flex-direction:column;text-align:center}main.article-page article .head .return_back{display:inline-block;color:#bd9b3a;margin-bottom:2rem;text-align:left;margin-right:auto;width:fit-content}main.article-page article .head time{display:block;color:#707070;margin-bottom:1rem}main.article-page article .head ul.tags{margin-top:2rem;list-style:none;display:flex;justify-content:center;padding:0;margin-bottom:2rem}main.article-page article .head ul.tags li{list-style:none;margin:0 5px}main.article-page article .head ul.tags li a{color:#707070;text-decoration:none;background-color:transparent;border:1px solid #707070;padding:.25rem .75rem;border-radius:.75rem;transition:background-color .3s,color .3s;font-size:.9rem}main.article-page article .head ul.tags li a:hover{text-decoration:none;background-color:#707070;color:#fff}main.article-page article .banner{margin-top:3rem;margin-bottom:2rem;overflow:hidden;width:100%;max-height:500px}main.article-page article .banner img{display:block;width:auto;height:auto;max-height:500px;max-width:100%;object-fit:contain;margin:auto;-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:cover}main.article-page article .text{max-width:700px;margin-top:2rem}main.article-page article .text>*{line-height:1.5}main.article-page article .text h1{font-size:2.5rem;margin-bottom:1rem}main.article-page article .text h2{font-size:2rem;margin-bottom:1rem}main.article-page article .text h3{font-size:1.5rem;margin-bottom:1rem}main.article-page article .text h4{font-size:1.25rem;margin-bottom:1rem}main.article-page article .text h5{font-size:1rem;margin-bottom:1rem}main.article-page article .text h6{font-size:.875rem;margin-bottom:1rem}main.article-page article .text p{font-size:1rem;margin-bottom:1rem;line-height:1.5}main.article-page article .text ul,main.article-page article .text ol{margin-bottom:1rem;padding-left:1rem}main.article-page article .text ul li,main.article-page article .text ol li{margin-bottom:.5rem}main.article-page article .text blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:5px solid #BD9B3A;background-color:#f3f3f3}main.article-page article .text blockquote p{margin:0}main.article-page article .text pre{margin:1rem 0;padding:1rem;background-color:#6c6;border-radius:5px;overflow-x:auto}main.article-page article .text pre code{font-size:.875rem;color:#bd9b3a}main.article-page article .text a{color:#bd9b3a;text-decoration:underline}main.article-page article .text a:hover{text-decoration:none}main.article-page article .text img{width:100%;height:auto;margin:1rem 0;border-radius:5px;object-fit:cover}main.article-page article .text strong{font-weight:700;color:#bd9b3a}main.article-page article .text em{font-style:italic;color:#bd9b3a}main.article-page article .text hr{margin:3rem 0;border:none;border-top:2px solid #707070}main.article-page article .text .share-btns{margin-bottom:3rem}@media screen and (max-width: 849px){main.article-page article .text .share-btns{margin-bottom:2rem;text-align:center}}main.article-page article .text .share-btns nav{display:flex;align-items:center;gap:.5rem}@media screen and (max-width: 849px){main.article-page article .text .share-btns nav{justify-content:center}}main.article-page article .text .share-btns nav a{text-decoration:none;color:#bd9b3a}main.article-page section.recommendations{max-width:100vw;overflow:hidden;padding:2rem 0;margin-top:4rem}@media screen and (max-width: 849px){main.article-page section.recommendations{padding:1rem 0;margin-top:2rem}}main.article-page section.recommendations h2{color:#bd9b3a;text-align:center;margin-bottom:2rem;font-size:2rem}@media screen and (max-width: 849px){main.article-page section.recommendations h2{font-size:1.5rem}}main.article-page section.recommendations ul{list-style:none;display:grid;padding:0;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media screen and (max-width: 849px){main.article-page section.recommendations ul{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1rem;justify-content:flex-start;align-items:stretch}}@media screen and (max-width: 849px){main.article-page section.recommendations ul li{width:auto;min-width:calc(77vw - 2rem);scroll-snap-align:start;flex-shrink:0;flex-grow:0;flex-basis:calc(77vw - 2rem)}}main.article-page section.recommendations ul li a{display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:#202120;border-radius:5px;height:100%}main.article-page section.recommendations ul li a img{width:calc(100% - 4px);margin-left:2px;margin-top:2px;height:auto;object-fit:cover;margin-bottom:.25rem;aspect-ratio:1/1}main.article-page section.recommendations ul li a:hover{text-decoration:none}main.article-page section.recommendations ul li a .des{display:flex;flex-direction:column;justify-content:space-between}main.article-page section.recommendations ul li a .des h3{font-size:1.2rem;margin:1rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width: 849px){main.article-page section.recommendations ul li a .des h3{font-size:1rem}}main.article-page section.recommendations ul li a .des .substract{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}main.article-page section.recommendations ul li a .des time{margin-top:1rem;font-size:.9rem;color:#202120}