.blog-hero{background-color:var(--color-navy);color:var(--color-white);padding:var(--spacing-xl) 0;text-align:center}.blog-hero-title{color:var(--color-white);margin-bottom:var(--spacing-sm);font-size:var(--font-size-h2-fluid)}.blog-hero-subtitle{font-size:var(--font-size-body);line-height:var(--line-height-normal);max-width:700px;margin:0 auto;color:#e5e7eb}.blog-section{padding:var(--spacing-xl) 0}.blog-controls{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-background-light);border-radius:var(--border-radius-md)}.blog-filters{display:flex;flex-direction:column;gap:var(--spacing-md)}.blog-filter-title{font-size:var(--font-size-h5);color:var(--color-navy);margin:0;font-weight:var(--font-weight-bold)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{padding:.75rem 1.5rem;border:2px solid var(--color-navy);background-color:var(--color-white);color:var(--color-navy);font-family:var(--font-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base);text-transform:capitalize}.filter-btn:hover{background-color:var(--color-navy);color:var(--color-white);transform:translateY(-2px)}.filter-btn--active{background-color:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.filter-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.blog-search{display:flex}.blog-search-input{width:100%;max-width:400px;padding:.875rem 1.25rem;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-primary);font-size:var(--font-size-small);transition:all var(--transition-base)}.blog-search-input:focus{outline:none;border-color:var(--color-navy);box-shadow:0 0 0 3px #0a1f451a}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);min-height:300px}@media (max-width: 1023px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.blog-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.blog-card{display:flex;flex-direction:column;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-gold)}.blog-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.blog-card-image{position:relative;width:100%;height:250px;background-color:var(--color-background-light);overflow:hidden;flex-shrink:0}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1f45,#071832);color:var(--color-white);font-size:3rem}.blog-card-body{padding:var(--spacing-md);display:flex;flex-direction:column;flex-grow:1}.blog-card-category{display:inline-block;width:fit-content;padding:.375rem .875rem;background-color:var(--color-gold);color:var(--color-white);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);letter-spacing:.5px}.blog-card-title{font-size:var(--font-size-h4);color:var(--color-navy);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}.blog-card-title a{color:var(--color-navy);text-decoration:none;transition:color var(--transition-base)}.blog-card-title a:hover{color:var(--color-gold-dark)}.blog-card-excerpt{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--spacing-md) 0;flex-grow:1}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-size:var(--font-size-tiny);color:var(--color-text-secondary)}.blog-card-date{font-weight:var(--font-weight-bold)}.blog-card-reading-time{font-style:italic}.blog-card-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);color:var(--color-gold-dark);font-weight:var(--font-weight-bold);text-decoration:none;transition:all var(--transition-base);border-top:1px solid var(--color-border);font-size:var(--font-size-small)}.blog-card-link:hover{color:var(--color-navy);gap:.75rem}.blog-card-link:after{content:"→";transition:transform var(--transition-base)}.blog-card-link:hover:after{transform:translate(4px)}.blog-pagination{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.pagination-info{text-align:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-small);color:var(--color-text-secondary)}.pagination-info p{margin:0}.pagination-list{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);list-style:none;margin:0;padding:0;flex-wrap:wrap}.pagination-btn{padding:.75rem 1rem;border:2px solid var(--color-border);background-color:var(--color-white);color:var(--color-navy);font-family:var(--font-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base)}.pagination-btn:hover:not(:disabled){background-color:var(--color-navy);color:var(--color-white);border-color:var(--color-navy);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.pagination-pages{display:flex;gap:.25rem}.pagination-page-btn{width:2.5rem;height:2.5rem;padding:0;border:2px solid var(--color-border);background-color:var(--color-white);color:var(--color-navy);font-family:var(--font-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.pagination-page-btn:hover,.pagination-page-btn--active{background-color:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.pagination-page-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.no-results-message{text-align:center;padding:var(--spacing-xl);background-color:var(--color-background-light);border-radius:var(--border-radius-md);border-left:4px solid var(--color-gold)}.no-results-message p{font-size:var(--font-size-body);color:var(--color-text-primary);margin:0;line-height:var(--line-height-normal)}.blog-card{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.blog-card,.filter-btn,.pagination-btn,.blog-card-link{animation:none;transition:none}}@media (max-width: 767px){.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:var(--font-size-small)}.blog-controls{padding:var(--spacing-md);gap:var(--spacing-md)}.filter-buttons{gap:.375rem}.filter-btn{padding:.5rem .875rem;font-size:.75rem}.blog-search-input{max-width:100%}.blog-card-image{height:200px}.blog-card-body{padding:var(--spacing-md)}.blog-card-title{font-size:var(--font-size-h5)}.blog-card-excerpt{font-size:.875rem}.pagination-list{gap:.5rem}.pagination-page-btn{width:2rem;height:2rem;font-size:var(--font-size-tiny)}.no-results-message{padding:var(--spacing-lg)}.no-results-message p{font-size:var(--font-size-small)}}