.article-page{padding-top:78px}@media screen and (max-width:992px){.article-page{padding-top:68px}}@media screen and (max-width:600px){.article-page{padding-top:58px}}.article-page .main{padding:25px 0}.article-page .main .container .flex-container{gap:20px}@media screen and (max-width:992px){.article-page .main .container .flex-container{flex-wrap:wrap}}@media screen and (max-width:600px){.article-page .main .container .flex-container{flex-wrap:wrap}}.article-page .main .container .flex-container>.column-left{flex-grow:1}@media screen and (max-width:992px){.article-page .main .container .flex-container>.column-left{width:100%}}@media screen and (max-width:600px){.article-page .main .container .flex-container>.column-left{width:100%}}.article-page .main .container .flex-container>.column-left .header-content{border-bottom:1px solid #ff6122;padding-bottom:20px}.article-page .main .container .flex-container>.column-left .header-content .category-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.article-page .main .container .flex-container>.column-left .header-content .category-row .category-tag{border:1px solid #ff6122;border-radius:4px;max-width:100px;padding:2px 8px}.article-page .main .container .flex-container>.column-left .header-content .title-row{margin-bottom:20px}.article-page .main .container .flex-container>.column-left .header-content .info-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.article-page .main .container .flex-container>.column-left .header-content .info-row .column-left{flex-grow:1;justify-content:flex-start;align-items:center;gap:15px;display:flex}.article-page .main .container .flex-container>.column-left .header-content .info-row .column-right{justify-content:flex-end}.article-page .main .container .flex-container>.column-left .article-content{padding:40px 0}.article-page .main .container .flex-container>.column-left .article-content .rich-text-block,.article-page .main .container .flex-container>.column-left .article-content .media-block{margin-bottom:20px}.article-page .main .container .flex-container>.column-right{flex-shrink:0;width:300px}@media screen and (max-width:992px){.article-page .main .container .flex-container>.column-right{width:100%}}@media screen and (max-width:600px){.article-page .main .container .flex-container>.column-right{width:100%}}.article-page .main .container .flex-container>.column-right .related-articles{background-color:#fff;border-radius:20px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.article-page .main .container .flex-container>.column-right .related-articles .head-row{border-bottom:1px solid #ff6122;padding-bottom:10px}.article-page .main .container .flex-container>.column-right .related-articles .body-row{padding:10px 0 0}@media screen and (max-width:992px){.article-page .main .container .flex-container>.column-right .related-articles .body-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}}@media screen and (max-width:600px){.article-page .main .container .flex-container>.column-right .related-articles .body-row{grid-template-columns:1fr;gap:20px;display:grid}}.article-page .main .container .flex-container>.column-right .related-articles .body-row .article-row{border-bottom:1px solid #e9e9e9;padding:10px 0}.article-page .main .container .flex-container>.column-right .related-articles .body-row .article-row:last-child{border-bottom:none}.article-page .main .container .flex-container>.column-right .hot-category{background-color:#fff;border-radius:20px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.article-page .main .container .flex-container>.column-right .hot-category .head-row{border-bottom:1px solid #ff6122;padding-bottom:10px}.article-page .main .container .flex-container>.column-right .hot-category .body-row{grid-template-columns:1fr 1fr 1fr;gap:4px;padding:10px 0 0;display:grid}@media screen and (max-width:992px){.article-page .main .container .flex-container>.column-right .hot-category .body-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media screen and (max-width:600px){.article-page .main .container .flex-container>.column-right .hot-category .body-row{grid-template-columns:1fr 1fr 1fr}}.article-page .main .container .flex-container>.column-right .hot-category .body-row .card-wrapper{padding:10px}.article-page .related{padding:25px 0}.article-page .related .container .head-row{border-top:1px solid #ff6122;padding:20px 0}
