.compact-article{max-width:680px;margin:auto;padding:64px 24px 96px}.compact-article h1{font-size:max(2rem, min(4vw, 3rem))}.compact-article .blog-meta{font-size:.875rem;color:var(--brand-text);padding-bottom:24px;border-bottom:1px solid var(--brand-border)}.article-content h2{font-size:1.5rem;margin-top:32px}.article-content li{margin-bottom:8px}.pre-next{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);padding:24px 0;margin:32px 0}.article-reply{padding-top:24px}.article-reply .form-control{min-height:48px;border-radius:var(--brand-radius)}