.blog-h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}.blog-back{font-size:var(--text-sm);margin-bottom:var(--space-3)}.blog-back a{color:var(--color-accent-ink);text-decoration:none}.blog-back a:hover{text-decoration:underline}.blog-cats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 var(--space-4)}.blog-cats a,.blog-tags a{font-size:var(--text-sm);color:var(--color-accent-ink);text-decoration:none;border:1px solid var(--hairline);border-radius:100px;padding:0 14px;display:inline-flex;align-items:center;min-height:44px;transition:border-color .15s ease}.blog-cats a:hover,.blog-tags a:hover{border-color:var(--color-accent-ink)}.blog-list{display:grid;gap:var(--space-4);margin-top:var(--space-3)}.blog-card{display:grid;gap:var(--space-2);align-items:start}.blog-thumb img{border-radius:var(--radius);aspect-ratio:16 / 10;object-fit:cover;width:100%}.blog-meta{font-size:var(--text-sm);color:color-mix(in srgb,var(--color-text) 65%,var(--color-surface));margin:0 0 6px}.blog-meta a{color:var(--color-accent-ink);text-decoration:none}.blog-meta a:hover{text-decoration:underline}.blog-card-title{font-size:var(--text-lg);margin:0 0 6px}.blog-card-title a{color:var(--color-text);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.blog-card-title a:hover{color:var(--color-primary)}.blog-excerpt{margin:0;max-width:var(--measure)}.blog-featured{border-radius:var(--radius);margin:var(--space-2) 0 var(--space-4);width:100%;height:auto}.blog-body{max-width:var(--measure)}.blog-body img{border-radius:var(--radius);margin:var(--space-3) 0}.blog-body h2{font-size:var(--text-lg);margin-top:var(--space-4)}.blog-body h3{font-size:var(--text-md);margin-top:var(--space-3)}.blog-body blockquote{margin:var(--space-3) 0;padding:4px 0 4px var(--space-3);border-left:3px solid var(--color-accent-ink);font-style:italic}.blog-body a{color:var(--color-primary)}.blog-pages{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:var(--space-4);font-size:var(--text-sm)}.blog-pages a{color:var(--color-accent-ink);display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px}.blog-body figure{margin:var(--space-3) 0}.blog-body figcaption{font-size:var(--text-sm);opacity:.75;margin-top:6px}.blog-body .blk-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.blog-body .blk-gallery img{aspect-ratio:1;object-fit:cover;width:100%;margin:0}.blog-body .blk-callout{background:color-mix(in srgb,var(--color-accent-ink) 9%,var(--color-surface));border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0}.blog-body .blk-callout p{margin:0}.blog-body .blk-embed{position:relative;aspect-ratio:16 / 9;margin:var(--space-3) 0}.blog-body .blk-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--radius)}.blog-body .blk-table{overflow-x:auto}.blog-body table{border-collapse:collapse;width:100%}.blog-body th,.blog-body td{border:1px solid var(--hairline);padding:8px 10px;text-align:left}.blog-body .blk-faq details{border-bottom:1px solid var(--hairline);padding:10px 0}.blog-body .blk-faq summary{font-weight:600;cursor:pointer}.blog-body .blk-toc{border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0}.blog-body .blk-toc-title{font-weight:600;margin:0 0 6px}.blog-body .blk-toc-3{margin-left:1em}.blog-body .blk-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin:var(--space-3) 0}.blog-body .blk-card img{aspect-ratio:4 / 3;object-fit:cover;width:100%;margin:0 0 8px}.blog-body .blk-card h3{margin:0 0 4px;font-size:var(--text-md)}.blog-body .blk-button{margin:var(--space-3) 0}.blog-body .blk-form{display:grid;gap:10px;max-width:520px;margin:var(--space-3) 0}.blog-body .blk-form label{display:grid;gap:4px;font-weight:600;font-size:var(--text-sm)}.blog-body .blk-form input,.blog-body .blk-form textarea{font:inherit;padding:10px 12px;border:1px solid var(--hairline);border-radius:var(--radius)}.blog-body .hp-field{position:absolute;left:-9999px}.blog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--space-4)}@media(min-width:700px){.blog-card{grid-template-columns:240px 1fr;gap:var(--space-3)}}.blog-comments{margin-top:var(--space-4);border-top:1px solid var(--hairline);padding-top:var(--space-3)}.blog-comments h2{font-size:var(--text-lg);margin:0 0 var(--space-2)}.blog-comment{padding:var(--space-2) 0;border-bottom:1px solid var(--hairline)}.blog-comment-text{white-space:pre-line;margin:0}
