section#articles{display:flex;flex-direction:column;padding-top:160px;gap:1.5rem}section#articles .articles-header{max-width:1700px;width:100%;height:250px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 20px}section#articles .articles-header img{position:relative;width:100%;height:200px;border-radius:20px;-o-object-fit:fill;object-fit:fill}section#articles .articles-header .articles-header-header-row{position:absolute;gap:.5rem;align-items:center;justify-content:center}section#articles .articles-header .articles-header-header-row p{color:#6f6f79;font-size:18px;font-weight:500}section#articles .articles-header .articles-header-header-row-top{display:flex;flex-direction:row;align-items:center;gap:1rem}section#articles .articles-header .articles-header-header-row-top h2{color:#fff;font-size:36px;font-weight:700;letter-spacing:-1px}section#articles .articles-header .articles-header-header-row-icon{border-radius:8px;background:hsla(0,0%,100%,.08);width:36px;height:36px;display:flex;align-items:center;justify-content:center}section#articles .articles-header .articles-header-header-row{display:flex;flex-direction:column}section#articles .articles-links{max-width:1700px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 20px 20px}section#articles article{cursor:pointer}section#articles article:hover h2{text-decoration:underline}section#articles article img{margin-bottom:1.5rem}section#articles article .articles-article-detail-row{display:flex;flex-direction:row;align-items:center;gap:.625rem;margin-bottom:1rem}section#articles article .articles-article-detail-row p{color:hsla(0,0%,100%,.5);font-size:.875rem;font-weight:500}.articles-article-tags{display:flex;flex-direction:row;gap:.625rem;display:inline-flex}.articles-article-tag{padding:5px 10px;justify-content:center;align-items:center;border-radius:25px}.articles-article-tag.arbitrage{background:rgba(77,197,95,.22);color:#4dc55f}.articles-article-tag.guide{background:rgba(88,122,255,.22);color:#587aff}.articles-article-tag.concept{background:rgba(255,144,65,.22);color:#ff9041}.articles-article-tag.ev{background:rgba(116,77,255,.22);color:#744dff}section#articles .articles-article h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:1rem}section#articles .articles-article .articles-article-brief{color:hsla(0,0%,100%,.5);font-size:16px;font-weight:500}section#article{padding:160px 0}section#article .article-container{max-width:700px}.article-container .articles-article-tags{width:100%;justify-content:center}.article-container h1{color:#fff;font-size:36px;line-height:100%;text-align:center;font-weight:700;margin:1rem 0 0}.article-container p.date{color:hsla(0,0%,100%,.5);font-family:Inter;font-size:16px;font-weight:500;margin:1rem 0 2rem;text-align:center}.article-container .article-image{margin-bottom:2rem}.article-container article p{margin-bottom:2rem;color:hsla(0,0%,100%,.5);font-size:16px;font-weight:500}.article-container article h2{color:#fff;font-size:22px;font-weight:600;margin-bottom:1rem}.article-container article h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:1rem}.article-container article ol,.article-container article ul{margin-left:1.5rem;margin-bottom:1rem}.article-container article ul li{list-style:disc}.article-container article ol li{list-style:decimal}.article-container article a{text-decoration:underline}.article-container article a:hover{color:#fff}.article-container article ol li,.article-container article ul li{color:hsla(0,0%,100%,.5);font-size:16px;font-weight:500}.article-container article table{width:100%;margin-bottom:1rem}.article-container article thead{padding-bottom:.5rem;border-bottom:2px solid hsla(0,0%,100%,.2);margin-bottom:1rem}.article-container article tbody tr{border-bottom:1px solid hsla(0,0%,100%,.1)}.article-container article tbody tr td{padding:.5rem 0;color:hsla(0,0%,100%,.5);font-size:1rem}.article-container article thead th{padding-bottom:.5rem;font-size:12px;font-weight:700;color:hsla(0,0%,100%,.5);text-align:left}@media (max-width:1660px){section#articles .articles-links{grid-template-columns:repeat(2,1fr);padding-bottom:100px}}@media (max-width:760px){section#articles .articles-links{grid-template-columns:repeat(1,1fr)}section#article .article-container{width:100%;padding:0 20px}}@media (max-width:440px){section#article,section#articles{padding-top:100px}section#article{max-width:100%;overflow-x:hidden}}