:root{--blog-listing-primary-color:#3b82f6;--blog-listing-primary-hover:#2563eb;--blog-listing-secondary-color:#60a5fa;--blog-listing-text-color:#1f2937;--blog-listing-text-blue:#1e40af;--blog-listing-text-blue-hover:#0d4cbb;--blog-listing-text-muted:#6b7280;--blog-listing-bg-white:#fff;--blog-listing-bg-light:#f8f9fa;--blog-listing-bg-hover:#f1f3f5;--blog-listing-bg-blue-50:#eff6ff;--blog-listing-border-color:#e5e7eb;--blog-listing-border-soft:#d4e4ff;--blog-listing-border-hover:#93c5fd;--blog-listing-shadow-sm:0 1px 3px rgba(59,130,246,.1);--blog-listing-shadow-md:0 4px 12px rgba(59,130,246,.15);--blog-listing-shadow-lg:0 10px 25px rgba(59,130,246,.2);--blog-listing-shadow-card-hover:0 20px 50px rgba(59,130,246,.15),0 10px 25px rgba(59,130,246,.1),0 2px 8px rgba(59,130,246,.08);--blog-listing-transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--blog-listing-transition-smooth:0.3s cubic-bezier(0.19,1,0.22,1);--blog-listing-transition-card:0.7s cubic-bezier(0.19,1,0.22,1);--blog-listing-transition-slow:0.9s cubic-bezier(0.19,1,0.22,1)}.blog-listing-filters,.blog-listing-grid{box-sizing:border-box}.blog-listing-filters *,.blog-listing-grid *{box-sizing:inherit}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.blog-listing-filters{display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.blog-listing-filters{align-items:end;gap:3rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}}@media (min-width:1024px){.blog-listing-filters{grid-template-columns:repeat(3,1fr)}}.blog-listing-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.blog-listing-grid{gap:3rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-listing-grid{grid-template-columns:repeat(3,1fr)}}.blog-listing-back{font-size:1rem;line-height:1.4}.back-link{align-items:center;color:var(--blog-listing-text-color);display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:all var(--blog-listing-transition-smooth)}.back-link:hover{color:var(--blog-listing-primary-color);transform:translateY(-2px)}.back-icon{height:1.25rem;transition:transform var(--blog-listing-transition-fast);width:1.25rem}.back-link:hover .back-icon{transform:translateX(-.5rem)}.blog-search-form{width:100%}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{background-color:var(--blog-listing-bg-white);border:2px solid var(--blog-listing-border-soft);border-radius:8px;color:var(--blog-listing-text-color);font-size:.9375rem;line-height:1.4;padding:.625rem 3rem .625rem .75rem;transition:all var(--blog-listing-transition-smooth);width:100%}.search-input:focus{border-color:var(--blog-listing-primary-color);box-shadow:var(--blog-listing-shadow-md);outline:none}.search-button{background:transparent;border:none;border-radius:8px;color:var(--blog-listing-text-muted);cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:color var(--blog-listing-transition-fast)}.search-button:hover{color:var(--blog-listing-primary-color)}.search-button:focus{outline:2px solid var(--blog-listing-primary-color);outline-offset:2px}.search-icon{display:block;height:1.5rem;width:1.5rem}.blog-tag-filter{width:100%}@media (min-width:768px){.blog-tag-filter{grid-column-start:2}}@media (min-width:1024px){.blog-tag-filter{grid-column-start:3}}.tag-select{appearance:none;background-color:var(--blog-listing-bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5rem 1.5rem;border:2px solid var(--blog-listing-border-soft);border-radius:8px;color:var(--blog-listing-text-color);cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.4;padding:.625rem 2rem .625rem .75rem;transition:all var(--blog-listing-transition-smooth);width:100%}.tag-select:hover{border-color:var(--blog-listing-border-hover);transform:translateY(-2px)}.tag-select:focus,.tag-select:hover{box-shadow:var(--blog-listing-shadow-md)}.tag-select:focus{border-color:var(--blog-listing-primary-color);outline:none}.blog-card{animation:slideUp var(--blog-listing-transition-slow) forwards;background-color:var(--blog-listing-bg-white);border:1px solid var(--blog-listing-border-soft);border-radius:12px;display:flex;flex-direction:column;opacity:0;overflow:hidden;position:relative;transition:all var(--blog-listing-transition-card)}.blog-card:before{background:linear-gradient(90deg,var(--blog-listing-primary-color) 0,var(--blog-listing-secondary-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--blog-listing-transition-slow);z-index:2}.blog-card:hover:before{transform:scaleX(1)}.blog-card:hover{border-color:var(--blog-listing-border-hover);box-shadow:var(--blog-listing-shadow-card-hover);transform:translateY(-12px)}@media (hover:none) and (pointer:coarse){.blog-card:active{transform:scale(.98)}}.blog-card:focus-within{outline:3px solid rgba(59,130,246,.5);outline-offset:4px}.blog-card-featured{grid-column:1/-1}@media (min-width:768px){.blog-card-featured{display:grid;gap:3rem;grid-template-columns:repeat(2,1fr)}}.blog-card-image-wrapper{aspect-ratio:2/1;background:linear-gradient(135deg,var(--blog-listing-bg-blue-50) 0,#dbeafe 100%);overflow:hidden;position:relative;width:100%}@media (min-width:768px){.blog-card-featured .blog-card-image-wrapper{aspect-ratio:auto;height:100%}}.blog-card-image{height:100%;margin:0;object-fit:cover;transition:transform var(--blog-listing-transition-slow);width:100%}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-content{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1rem 1rem 3.5rem}@media (min-width:768px){.blog-card-featured .blog-card-content{padding:2rem 2rem 4rem 0}}.blog-card-meta{align-items:center;color:var(--blog-listing-text-muted);display:flex;gap:1rem;justify-content:space-between;letter-spacing:.075em}.blog-card-badge,.blog-card-meta{font-size:.75rem;font-weight:600;text-transform:uppercase}.blog-card-badge{background:linear-gradient(135deg,var(--blog-listing-primary-color) 0,var(--blog-listing-secondary-color) 100%);border-radius:9999px;color:var(--blog-listing-bg-white);display:inline-block;letter-spacing:.05em;padding:.375rem .75rem}.blog-card-title{color:var(--blog-listing-text-blue);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}.blog-card-title,.blog-card-title-featured{font-size:1.125rem}@media (min-width:768px){.blog-card-title-featured{font-size:1.5rem}}@media (min-width:1024px){.blog-card-title-featured{font-size:2.25rem}}.blog-card-link{color:inherit;text-decoration:none;transition:color var(--blog-listing-transition-fast)}.blog-card:hover .blog-card-link{color:var(--blog-listing-text-blue-hover)}.card-link-overlay{inset:0;position:absolute;z-index:1}.blog-card-description{color:var(--blog-listing-text-color);font-size:.9375rem;line-height:1.6;margin:0}@media (min-width:768px){.blog-card-description{font-size:1rem}}@media (min-width:1024px){.blog-card-featured .blog-card-description{font-size:1.125rem}}.blog-card-cta{bottom:1.25rem;color:var(--blog-listing-text-blue);font-size:.9375rem;font-weight:600;position:absolute;right:1rem;transition:all var(--blog-listing-transition-smooth);z-index:1}@media (min-width:768px){.blog-card-featured .blog-card-cta{right:2rem}}.blog-card:hover .blog-card-cta{color:var(--blog-listing-text-blue-hover);text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.blog-card:first-child{animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.15s}.blog-card:nth-child(3){animation-delay:.2s}.blog-card:nth-child(4){animation-delay:.25s}.blog-card:nth-child(5){animation-delay:.3s}.blog-card:nth-child(6){animation-delay:.35s}.blog-card:nth-child(7){animation-delay:.4s}.blog-card:nth-child(8){animation-delay:.45s}.blog-card:nth-child(9){animation-delay:.5s}.blog-card:nth-child(n+10){animation-delay:.55s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.blog-listing-filters{display:none}.blog-card{border:1px solid var(--blog-listing-border-color)!important;box-shadow:none!important;transform:none!important}.blog-card-cta,.blog-card:before{display:none}}