.blog-post{padding-block:var(--space-3) var(--space-5);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.blog-post__header{display:grid;gap:var(--space-1)}.blog-post__lede{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:60ch}.blog-post__meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.blog-post__toc{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);padding:var(--space-2) var(--space-3)}.blog-post__toc-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.blog-post__toc ol{margin:0;padding-left:1.25rem;display:grid;gap:.25rem;font-size:var(--text-sm)}.blog-post__toc a{color:var(--color-text-secondary);text-decoration:none}.blog-post__toc a:hover{color:var(--color-accent);text-decoration:underline}.blog-post__body{max-width:72ch}.blog-post .faq{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);margin-top:var(--space-1)}.blog-post .faq summary{cursor:pointer;padding:var(--space-2);font-weight:600;min-height:44px;display:flex;align-items:center}.blog-post .faq summary::-webkit-details-marker{color:var(--color-text-tertiary)}.blog-post .faq p{padding:0 var(--space-2) var(--space-2)}.related-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media(min-width:40rem){.related-grid{grid-template-columns:repeat(3,1fr)}}