body.article-page{padding-top:110px!important}
@media(max-width:720px){
 body.article-page .related{padding:28px 20px!important;min-width:0}
 body.article-page .related>h2{font-size:24px;line-height:1.25;margin:0 0 20px}
 body.article-page #article-related{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:16px;scrollbar-width:thin}
 body.article-page #article-related>*{flex:0 0 86%;min-width:0;max-width:340px;scroll-snap-align:start}
 body.article-page #article-related img{width:100%;height:160px;object-fit:cover;border-radius:8px}
 body.article-page #article-related h3{font-size:18px;line-height:1.4;word-break:normal;overflow-wrap:break-word}
 body.article-page .article-heading{margin:24px auto!important;padding:0 20px!important}
 body.article-page .article-layout{margin:24px auto 36px!important;gap:24px!important}
 body.article-page #article-content p{font-size:16px!important;line-height:1.7!important}
 body.article-page #article-content section{margin-bottom:28px;scroll-margin-top:90px!important}
 body.article-page .article-layout aside nav{display:grid;gap:8px}
 body.article-page .article-layout aside a{display:block;padding:6px 0;min-height:36px}
}
html.theme-dark body.article-page{background:#101b2c;color:#f0f5ff}
html.theme-dark .article-page #article-content p{color:#c0cde0}
html.theme-dark .article-page .related{background:#152338}
.article-page .article-heading{max-width:1320px;margin:48px auto 32px}
.article-page .article-layout{max-width:1320px;grid-template-columns:200px minmax(0,1fr);gap:48px;margin:32px auto 72px}
.article-page #article-content{display:flow-root;min-width:0}
.article-page #article-cover{float:right;width:46%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:4px 0 24px 32px;border-radius:8px}
.article-page #article-content h2{font-size:26px;line-height:1.35;margin-top:0}
.article-page #article-content p{font-size:18px;line-height:1.85}
.article-page #article-content section{scroll-margin-top:140px}
.article-page .article-layout aside{top:140px}
.article-page #mainNav .nav-logo img{width:175px;height:auto;display:block}
.article-page #mainNav .nav-link{text-decoration:none}
.article-page #mainNav .nav-item:focus-within>.mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.article-page #mainNav .nav-line-icon{display:inline-flex;flex:0 0 18px;width:18px;height:18px;margin-right:7px;color:#2157bd}
.article-page #mainNav .nav-line-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1180px){body.article-page{padding-top:76px!important}.article-page #mainNav .nav-logo img{width:150px}}
@media(max-width:800px){.article-page .article-layout{grid-template-columns:1fr;gap:24px;padding:0 20px}.article-page .article-layout aside{position:static}.article-page #article-cover{float:none;width:100%;margin:0 0 28px}.article-page .article-heading{padding:0 20px}.article-page #article-content h2{font-size:24px}.article-page #article-content p{font-size:17px}}