.blog-hero{padding-block:var(--space-10) var(--space-8);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:var(--color-white);text-align:center}.blog-hero h1{margin-bottom:var(--space-3);color:var(--color-white)}.blog-hero p{max-width:48rem;color:#ffffffd9;font-size:var(--text-lg);margin-inline:auto}.blog-list{padding-block:var(--space-8) var(--space-12)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.blog-card:hover,.blog-card:has(.blog-card-link:focus-visible){box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card h2{font-size:var(--text-xl);margin:0}.blog-card h2 a{color:var(--color-primary-dark)}.blog-card h2 a:after{content:"";position:absolute;inset:0;z-index:1}.blog-card h2 a:hover{color:var(--color-orange)}.blog-card .blog-card-description{color:var(--color-text-light);flex-grow:1}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-light);font-size:var(--text-sm)}.blog-card-meta .blog-meta-dot{color:var(--color-bronze)}.tag-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-gray-100);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);border:1px solid var(--color-border)}.blog-card .blog-tags,.blog-article .blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8)}.blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-10);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:var(--color-bg)}.blog-pagination a:hover{border-color:var(--color-orange);color:var(--color-orange)}.blog-pagination .blog-page-current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.blog-article{padding-block:var(--space-8) var(--space-12)}.blog-article-header{margin-bottom:var(--space-6)}.blog-article-header h1{margin-bottom:var(--space-3)}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-light);font-size:var(--text-sm);margin-bottom:var(--space-4)}.blog-prose{max-width:48rem;font-size:var(--text-base);line-height:var(--leading-relaxed)}.blog-prose h2,.blog-prose h3,.blog-prose h4{margin-block:var(--space-6) var(--space-3)}.blog-prose p{margin-bottom:var(--space-4)}.blog-prose a{text-decoration:underline}.blog-prose ul,.blog-prose ol{margin-block:var(--space-4);padding-left:var(--space-6);list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{margin-bottom:var(--space-2)}.blog-prose blockquote{margin-block:var(--space-5);padding:var(--space-4) var(--space-5);border-left:4px solid var(--color-orange);background:var(--color-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-light)}.blog-prose code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.blog-prose pre{margin-block:var(--space-5);padding:var(--space-4);background:var(--color-gray-900);color:var(--color-gray-100);border-radius:var(--radius-md);overflow-x:auto}.blog-prose pre code{background:transparent;padding:0;color:inherit}.blog-prose img{margin-block:var(--space-5);border-radius:var(--radius-md)}.blog-prose iframe{width:100%;aspect-ratio:16 / 9;margin-block:var(--space-5);border:none;border-radius:var(--radius-md)}.blog-prose hr{margin-block:var(--space-8);border:none;border-top:1px solid var(--color-border)}.blog-empty{padding-block:var(--space-8);text-align:center;color:var(--color-text-light)}.blog-backlink{display:inline-block;margin-bottom:var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary)}.blog-backlink:hover{color:var(--color-orange)}.blog-breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-4)}.blog-breadcrumbs a{color:var(--color-primary)}.blog-breadcrumbs a:hover{color:var(--color-orange)}@media(max-width:767px){.blog-hero{padding-block:var(--space-8) var(--space-6)}.blog-list,.blog-article{padding-block:var(--space-6) var(--space-8)}}