.blog-list{padding:var(--space-4xl) 0;padding-top:calc(var(--space-4xl) + 60px);min-height:60vh}.blog-list__header{text-align:center;margin-bottom:var(--space-4xl)}.blog-list__title{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-on-light);margin-bottom:var(--space-md)}.blog-list__subtitle{font-size:var(--font-size-lg);color:var(--text-on-light-muted);max-width:600px;margin:0 auto}.blog-list__loading,.blog-list__empty{text-align:center;color:var(--text-on-light-muted);font-size:var(--font-size-md);padding:var(--space-4xl) 0}.blog-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-2xl)}.blog-card{background:#fff;border:1px solid var(--color-light-300);border-radius:var(--border-radius);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.blog-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.blog-card__image-link{display:block;background:none;border:none;padding:0;cursor:pointer;width:100%}.blog-card__image{width:100%;height:200px;object-fit:cover;display:block}.blog-card__body{padding:var(--space-lg)}.blog-card__category{display:inline-block;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);margin-bottom:var(--space-xs)}.blog-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-on-light);margin-bottom:var(--space-sm);line-height:1.3}.blog-card__title-link{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.blog-card__title-link:hover{color:var(--color-orange)}.blog-card__excerpt{font-size:var(--font-size-sm);color:var(--text-on-light-muted);line-height:1.6;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--text-on-light-muted)}.blog-post{padding:var(--space-4xl) 0;padding-top:calc(var(--space-4xl) + 60px)}.blog-post__container{max-width:var(--max-width-narrow)}.blog-post__back{background:none;border:none;padding:0;color:var(--color-orange);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-2xl);display:inline-block}.blog-post__back:hover{text-decoration:underline}.blog-post__header{margin-bottom:var(--space-2xl)}.blog-post__title{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-on-light);line-height:1.15;margin-bottom:var(--space-lg)}.blog-post__meta{display:flex;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--text-on-light-muted)}.blog-post__author{font-weight:600;color:var(--text-on-light)}.blog-post__hero-image{width:100%;border-radius:var(--border-radius);margin-bottom:var(--space-2xl)}.blog-post__body{font-size:var(--font-size-md);color:var(--text-on-light);line-height:1.8}.blog-post__body h2{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}.blog-post__body h3{font-size:var(--font-size-xl);font-weight:700;margin-top:var(--space-xl);margin-bottom:var(--space-md)}.blog-post__body p{margin-bottom:var(--space-lg)}.blog-post__body ul,.blog-post__body ol{margin-bottom:var(--space-lg);padding-left:1.5rem}.blog-post__body li{margin-bottom:var(--space-xs)}.blog-post__body a{color:var(--color-orange);text-decoration:underline}.blog-post__body blockquote{border-left:3px solid var(--color-orange);padding-left:var(--space-lg);margin:var(--space-xl) 0;color:var(--text-on-light-muted);font-style:italic}.blog-post__figure{margin:var(--space-xl) 0}.blog-post__content-image{width:100%;border-radius:var(--border-radius)}.blog-post__caption{font-size:var(--font-size-xs);color:var(--text-on-light-muted);text-align:center;margin-top:var(--space-xs)}.blog-post__footer{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-light-300);text-align:center}@media(max-width:768px){.blog-list__title{font-size:var(--font-size-3xl)}.blog-list__grid{grid-template-columns:1fr}.blog-post__title{font-size:var(--font-size-3xl)}}