[data-fragment=BlogRenderer]{width:100%;max-width:720px;font-family:var(--font-sans);color:var(--text-primary);margin:0 auto}[data-fragment=BlogRenderer] article{flex-direction:column;gap:18px;display:flex}[data-fragment=BlogRenderer] article>time{font-family:var(--font-mono);color:var(--text-tertiary,var(--text-secondary));font-size:12px}[data-fragment=BlogRenderer] .article-content{flex-direction:column;gap:16px;font-size:14.5px;line-height:1.7;display:flex}[data-fragment=BlogRenderer] .article-content :is(h1,h2,h3,h4){letter-spacing:-.3px;color:var(--text-primary);text-wrap:balance;margin:18px 0 4px;font-weight:700}[data-fragment=BlogRenderer] .article-content h1{font-size:28px}[data-fragment=BlogRenderer] .article-content h2{font-size:22px}[data-fragment=BlogRenderer] .article-content h3{font-size:17px}[data-fragment=BlogRenderer] .article-content p{color:var(--text-secondary);margin:0}[data-fragment=BlogRenderer] .article-content a{color:var(--brand);text-underline-offset:2px;cursor:pointer;text-decoration:underline}[data-fragment=BlogRenderer] .article-content a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}