.blog-head{padding:var(--space-16) 0 var(--space-8)}.blog-head__title{font-family:var(--font-head);font-size:var(--text-4xl);line-height:var(--leading-tight);color:var(--color-heading);margin:var(--space-2) 0 var(--space-3)}.blog-head__lede{font-size:var(--text-lg);max-width:42rem}.blog-grid{gap:var(--space-6);padding-bottom:var(--space-20);grid-template-columns:1fr;display:grid}@media (width>=768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card--feature{grid-column:1/-1}@media (width>=768px){.blog-card.blog-card--feature{grid-template-columns:1.5fr 1fr;align-items:stretch;display:grid}.blog-card--feature .blog-card__media{aspect-ratio:16/10;height:100%}.blog-card--feature .blog-card__body{justify-content:center}}.blog-card{color:inherit;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{text-decoration:none}@media (prefers-reduced-motion:no-preference){.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}}.blog-card:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.blog-card__media{aspect-ratio:16/9;object-fit:cover;background:var(--color-surface-sunken);width:100%;display:block}.blog-card__media--placeholder{color:var(--color-text-muted);font-family:var(--font-head);font-size:var(--text-2xl);place-items:center;display:grid}.blog-card__body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.blog-card__meta{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.blog-card__title{font-family:var(--font-head);font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--color-heading);margin:0}.blog-card--feature .blog-card__title{font-size:var(--text-3xl)}.blog-card__excerpt{color:var(--color-text);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.blog-article{max-width:44rem;padding:var(--space-10) 0 var(--space-20);margin-inline:auto}.blog-crumb{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);display:inline-flex}.blog-crumb:hover{color:var(--color-link)}.blog-article__meta{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.blog-article__title{font-family:var(--font-head);font-size:var(--text-4xl);line-height:var(--leading-tight);color:var(--color-heading);margin:0 0 var(--space-6)}.blog-article__hero{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);background:var(--color-surface-sunken);width:100%;margin-bottom:var(--space-8);display:block}.blog-prose{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text)}.blog-prose>:first-child{margin-top:0}.blog-prose h2{font-family:var(--font-head);font-size:var(--text-2xl);line-height:var(--leading-snug);color:var(--color-heading);margin:var(--space-10) 0 var(--space-3)}.blog-prose h3{font-family:var(--font-head);font-size:var(--text-xl);color:var(--color-heading);margin:var(--space-8) 0 var(--space-2)}.blog-prose p{margin:0 0 var(--space-4)}.blog-prose a{color:var(--color-link);text-decoration:underline}.blog-prose a:hover{color:var(--color-link-hover)}.blog-prose ul,.blog-prose ol{margin:0 0 var(--space-4);padding-left:1.5rem}.blog-prose li{margin-bottom:var(--space-2)}.blog-prose img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--space-6) 0;display:block}.blog-prose blockquote{margin:var(--space-6) 0;padding:var(--space-3) var(--space-5);border-left:3px solid var(--color-primary);background:var(--color-surface-sunken);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text);font-style:italic}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose code{font-family:var(--font-mono);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:0 .3em;font-size:.85em}.blog-prose pre{margin:0 0 var(--space-4);padding:var(--space-4);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-x:auto}.blog-prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.blog-prose hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.blog-prose strong{font-weight:var(--weight-semibold);color:var(--color-heading)}.blog-prose table{border-collapse:collapse;width:100%;margin:0 0 var(--space-4);font-size:var(--text-base);display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.blog-prose th{background:var(--color-surface-sunken);font-weight:var(--weight-semibold)}.blog-foot{max-width:44rem;padding-bottom:var(--space-20);margin-inline:auto}.blog-editor__card{gap:var(--space-4);flex-direction:column;display:flex}.blog-editor__seg{align-self:flex-start}.blog-editor__body{min-height:24rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical}.blog-editor__preview{min-height:24rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base)}.blog-editor__upload{cursor:pointer}.blog-editor__images{margin:var(--space-3) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.blog-editor__image{gap:var(--space-3);grid-template-columns:4.5rem 1fr;align-items:center;display:grid}.blog-editor__thumb{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-sunken);border:1px solid var(--color-border);width:4.5rem;height:3rem}.blog-editor__image-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.blog-skeleton{flex-direction:column;padding:0;display:flex;overflow:hidden}@media (width>=768px){.blog-skeleton--feature{grid-template-columns:1.5fr 1fr;align-items:stretch;display:grid}}