.article{padding-top:48px;padding-bottom:80px}.article-back{font-size:.9rem;font-weight:500}.article-header{margin:16px 0 8px}.article-header h1{margin-bottom:12px}.article-header .article-tags{flex-wrap:wrap;gap:8px;display:flex}.article-header .article-tag{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:.82rem;font-weight:500}.article-header .article-date{color:var(--muted);margin-top:4px;font-size:.9rem}.markdown-body{max-width:68ch}.markdown-body a{text-underline-offset:2px;text-decoration:underline}.markdown-body h2{margin:2.25rem 0 .75rem;font-size:1.35rem}.markdown-body h3{margin:1.75rem 0 .5rem;font-size:1.1rem}.markdown-body p,.markdown-body li{color:#27272a;font-size:1.02rem;line-height:1.75}.markdown-body p{margin:1rem 0}.markdown-body ul,.markdown-body ol{margin:1rem 0;padding-left:1.4rem}.markdown-body ul li,.markdown-body ol li{margin:.4rem 0}.markdown-body strong{color:var(--text);font-weight:600}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.markdown-body code{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:.1em .35em;font-size:.9em}