.article-reading{width:min(780px,100% - 32px);margin:auto}.article-reading header{text-align:center;margin-bottom:32px}.article-reading h1{font-size:max(2rem, min(3vw, 3rem))}.article-category{display:inline-block;background:var(--brand-primary);color:var(--brand-text-inverse);padding:8px 16px;margin-bottom:24px}.article-feature{width:100%;aspect-ratio:5/3;margin-bottom:32px}.article-content h2{font-size:1.7rem;margin-top:32px}.article-share{text-align:center;padding:24px}.article-author{display:flex;gap:24px;align-items:center;border:1px solid var(--brand-border);padding:24px;margin:24px 0}.article-author img{width:64px;height:64px;border-radius:50%}.article-author h2{font-size:1.2rem}.article-author p{margin:0}.article-navigation{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 0}.blog-reply{margin-top:32px}.blog-reply label{display:block;width:100%}.blog-reply .form-control{border-radius:var(--brand-radius);margin-top:8px}.related-articles{background:var(--brand-bg-alt)}.related-articles .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:767px){.related-articles .card-grid{grid-template-columns:1fr}}@media (max-width:991px){.related-articles .card-grid{grid-template-columns:1fr}}