.blog-header{padding-top:var(--space-32);padding-bottom:var(--space-12)}.blog-header__inner{max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);text-align:center;margin:0 auto}.blog-header__eyebrow{font-size:var(--text-caption);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary);margin-bottom:var(--space-4)}.blog-header__title{font-size:var(--text-h1);font-weight:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}.blog-header__description{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:40rem;margin-left:auto;margin-right:auto}.blog-toolbar{max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);gap:var(--space-4);margin:0 auto;margin-bottom:var(--space-8);flex-direction:column;display:flex}@media (min-width:768px){.blog-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.blog-search__input-wrapper{flex:1;max-width:24rem;position:relative}.blog-search__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-search__input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-body);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.blog-search__input::placeholder{color:var(--color-text-muted)}.blog-search__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6b5fa926}.blog-search__actions{right:var(--space-3);align-items:center;gap:var(--space-1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.blog-search__clear{width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.blog-search__clear:hover{color:var(--color-text-primary);background-color:var(--color-border-light)}.blog-search__clear svg{width:14px;height:14px}.category-filter__list{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:767px){.category-filter__list{padding-bottom:var(--space-2);flex-wrap:nowrap;overflow-x:auto}.category-filter__list::-webkit-scrollbar{display:none}.category-filter__button{flex-shrink:0}}.category-filter__button{padding:var(--space-1-5) var(--space-4);font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background-color:#0000}.category-filter__button:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.category-filter__button--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.blog-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@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-grid__empty{text-align:center;padding:var(--space-16) var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary)}.blog-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-background);transition:border-color var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.blog-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.blog-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card__image{aspect-ratio:16/9;background-color:var(--color-background-secondary);position:relative;overflow:hidden}.blog-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-card__image-placeholder{width:100%;height:100%;font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:linear-gradient(135deg,#6b5fa90d 0%,#d484b20d 100%);justify-content:center;align-items:center;display:flex}.blog-card__body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.blog-card__category{padding:var(--space-1) var(--space-3);font-size:var(--text-caption);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-full);color:var(--color-primary);background-color:#6b5fa91a;display:inline-flex}.blog-card__reading-time{font-size:var(--text-body-sm);color:var(--color-text-muted)}.blog-card__title{font-size:var(--text-h5);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--color-text-primary);margin-bottom:var(--space-2);transition:color var(--transition-fast);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card__title{color:var(--color-primary)}.blog-card__excerpt{font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-card__date{font-size:var(--text-body-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.blog-card__read-more{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-primary);transition:color var(--transition-fast);margin-top:auto;display:inline-flex}.blog-card:hover .blog-card__read-more{color:var(--color-primary-dark)}.blog-card__arrow{width:16px;height:16px;transition:transform var(--transition-fast)}.blog-card:hover .blog-card__arrow{transform:translate(3px)}.blog-pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-12);padding:var(--space-6) 0;display:flex}.blog-pagination__button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:inline-flex}.blog-pagination__button:hover:not(:disabled){border-color:var(--color-primary-light);color:var(--color-primary)}.blog-pagination__button:disabled{opacity:.4;cursor:not-allowed}.blog-pagination__icon{width:16px;height:16px}.blog-pagination__pages{align-items:center;gap:var(--space-1);display:flex}.blog-pagination__page{min-width:36px;height:36px;padding:var(--space-1) var(--space-2);font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.blog-pagination__page:hover{border-color:var(--color-border);color:var(--color-text-primary)}.blog-pagination__page--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.blog-pagination__ellipsis{min-width:36px;height:36px;font-size:var(--text-body-sm);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.featured-article{max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);margin:0 auto;margin-bottom:var(--space-12)}.featured-article__card{gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background-color:var(--color-background);transition:border-color var(--transition-base), box-shadow var(--transition-base);grid-template-columns:1fr;display:grid;overflow:hidden}.featured-article__card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg)}@media (min-width:1024px){.featured-article__card{grid-template-columns:1.1fr .9fr}}.featured-article__image{aspect-ratio:16/9;background-color:var(--color-background-secondary);position:relative;overflow:hidden}@media (min-width:1024px){.featured-article__image{aspect-ratio:auto;min-height:320px}}.featured-article__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.featured-article__card:hover .featured-article__image img{transform:scale(1.03)}.featured-article__image-placeholder{width:100%;height:100%;font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-muted);background:linear-gradient(135deg,#6b5fa914 0%,#d484b214 100%);justify-content:center;align-items:center;display:flex}.featured-article__body{padding:var(--space-8);flex-direction:column;justify-content:center;display:flex}@media (min-width:1024px){.featured-article__body{padding:var(--space-10) var(--space-10) var(--space-10) var(--space-6)}}.featured-article__label{padding:var(--space-1) var(--space-3);font-size:var(--text-caption);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-full);color:var(--color-primary);margin-bottom:var(--space-4);background-color:#6b5fa91a;display:inline-flex}.featured-article__title{font-size:var(--text-h2);font-weight:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-3);transition:color var(--transition-fast)}.featured-article__card:hover .featured-article__title{color:var(--color-primary)}.featured-article__excerpt{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featured-article__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.featured-article__date,.featured-article__reading-time{font-size:var(--text-body-sm);color:var(--color-text-muted)}.featured-article__read-more{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-primary);transition:color var(--transition-fast);display:inline-flex}.featured-article__card:hover .featured-article__read-more{color:var(--color-primary-dark)}.featured-article__arrow{width:16px;height:16px;transition:transform var(--transition-fast)}.featured-article__card:hover .featured-article__arrow{transform:translate(3px)}.blog-post-content{margin-bottom:var(--space-8)}.blog-post-content p{margin-bottom:var(--space-6)}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:var(--font-heading);line-height:var(--leading-snug)}.blog-post-content h1{font-size:var(--text-h2)}.blog-post-content h2{font-size:var(--text-h3)}.blog-post-content h3{font-size:var(--text-h4)}.blog-post-content h4{font-size:var(--text-h5)}.blog-post-content h5{font-size:var(--text-h6)}.blog-post-content h6{font-size:var(--text-body-lg)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-6);margin-left:var(--space-8)}.blog-post-content li{margin-bottom:var(--space-2)}.blog-post-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin-bottom:var(--space-6);font-style:italic}.blog-post-content a{color:var(--color-primary);text-decoration:underline}.blog-post-content a:hover{color:var(--color-primary-dark)}.blog-empty{text-align:center;padding:var(--space-16) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background-color:var(--color-background)}.blog-empty__icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-text-muted)}.blog-empty__title{font-size:var(--text-h4);font-weight:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--space-2)}.blog-empty__description{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:28rem;margin-left:auto;margin-right:auto;margin-bottom:var(--space-6)}.blog-empty__link{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.blog-empty__link:hover{color:var(--color-primary-dark)}.blog-empty__arrow{width:14px;height:14px}
