html {scroll-padding-top:120px;}

article {padding:80px 0;}
article h1 {font-size:40px;line-height:1.3;border-bottom:1px solid #C5C5C5;padding-bottom:2rem;margin-bottom:30px;}
.article-meta {display:flex;align-items:center;color:#a0a0a0;line-height:1;margin-bottom:30px;flex-wrap:wrap;}
.article-date {display:flex;align-items:center;}
.article-date i {font-size:32px;margin-right:8px;}
.article-date time {font-size:20px;padding-top:5px;}
.article-share {margin-left:60px;display:flex;align-items:center;flex-wrap:wrap;}
.article-share > span {font-size:20px;padding-top:5px;margin-right:20px;}
.article-share .sharethis-inline-share-buttons {display:flex;gap:8px;}

.article-content{font-size:1.12rem;}
.article-content a{color:#035cbd;}
.article-content img,.article-content video{display:block;width:100%;max-width:800px;height:auto;margin:1rem auto;}
.article-content h2{font-family:'Roboto-Regular'!important;font-size:1.45rem;margin:2rem 0 1.5rem;color:#fff;background:#1e77bc;padding:0.8rem 0.625rem;}
.article-content h3,.article-content h4{font-size:1.4rem;margin:2.4rem 0 1.8rem;}
.article-content blockquote h3,.article-content blockquote h4{margin:1rem 0;}
.article-content h4{padding-left:1rem;border-left:5px solid #008fd7;}
.article-content p{margin:1.6rem 0;line-height:2.3rem;}
.article-content > p:first-of-type{margin-top:0;}
.article-content ul li,.article-content ol li{font-size:1.26rem;line-height:2.5rem;}
.article-content ul li{list-style:disc outside;margin-top:0.3rem;}
.article-content ol li{list-style:decimal outside;margin-top:1rem;}
.article-content ul li::marker,.article-content ol li::marker{color:#3e3e3e;}
.article-content ul{padding-left:2.2rem;}
.article-content ol{padding-left:1.4rem;}
.article-content blockquote{padding:10px 20px;margin:2rem 0;font-size:1.24rem;border-left:5px solid #008fd7;background:#f5f5f5;}
.article-content figure{font-family:'Roboto-Medium'!important;font-weight:600;text-align:center;font-size:1.4rem;}
.article-content figure a:hover{color:#035cbd;text-decoration:underline;}

.lwptoc {background:#f9f9f9;padding:20px;margin:20px 0 30px;border-radius:8px;}
.lwptoc_header {font-weight:bold;margin-bottom:12px;}
.lwptoc_item a {color:#2052AE;}
.table-box {overflow-x:auto;margin:20px 0;}
.table-box table {width:100%;border-collapse:collapse;background:#fff;border:1px solid #e0e0e0;}
.table-box th,.table-box td {border:1px solid #ddd;padding:10px;text-align:left;}
.article-navigation {background:#f8f7f7;padding:20px 30px 15px;position:relative;margin-top:40px;display:flex;flex-direction:column;}
.article-navigation::before {content:'';background:#2052AE;width:5px;height:60px;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.article-navigation a {font-size:16px;line-height:20px;color:#606060;width:fit-content;font-weight:300;transition:all 0.35s;}
.article-navigation a:hover {color:#2052AE;}
.article-navigation a span {color:#2a2a2a;font-size:18px;}
.article-navigation a:last-child {margin-top:15px;}
@media (max-width:1024px) {
    article {padding:60px 0;}
    article h1 {font-size:32px;}
}
@media (max-width:768px) {
    article {padding:40px 0;}
    article h1 {font-size:28px;}
    .article-meta {flex-direction:column;align-items:flex-start;gap:12px;}
    .article-date time,.article-share > span {font-size:16px;}
    .article-date i {font-size:26px;}
    .article-share {margin-left:0;}
    .article-content h2 {font-size:24px;line-height:1.95rem;}
    .article-content h2{font-size:1.35rem;}
    .article-content p{line-height:2.1rem;}
    .article-navigation {padding:15px 20px;}
    .article-navigation a {font-size:14px;}
}