.blog-list-page{background-color:var(--surface-background)}.blog-list-header{text-align:center;color:#fff;justify-content:center;align-items:center;height:45vh;min-height:350px;display:flex;position:relative}.blog-list-header-overlay{background-color:var(--primary-text);opacity:.6;position:absolute;inset:0}.blog-list-header-content{z-index:10;padding:1rem;position:relative}.blog-list-header-content h1{color:#fff;text-shadow:0 2px 12px #0000008c;font-size:2.25rem;font-weight:700}.blog-list-header-content p{color:#e5e7eb;max-width:42rem;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:1.125rem}@media (min-width:768px){.blog-list-header-content h1{font-size:3.75rem}.blog-list-header-content p{font-size:1.25rem}}.blog-list-main{padding:5rem 0}.blog-list-container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:0 1rem}.blog-list-filters-wrapper{background-color:var(--primary-background);border-radius:.5rem;margin-bottom:3rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.blog-list-filters-grid{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (min-width:768px){.blog-list-filters-grid{grid-template-columns:1fr}}@media (min-width:1024px){.blog-list-filters-grid{grid-template-columns:2fr 1fr}}.blog-list-filters-title{color:var(--primary-text);text-align:center;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}@media (min-width:768px){.blog-list-filters-title{text-align:left}}.blog-list-tags-container{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}@media (min-width:768px){.blog-list-tags-container{justify-content:flex-start}}.filter-tag-button{background-color:var(--surface-background);color:var(--secondary-text);border:1px solid var(--border-color);cursor:pointer;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-tag-button:hover{background-color:var(--border-color)}.filter-tag-button.active{background-color:var(--interactive-blue);color:#fff;border-color:var(--interactive-blue)}.search-input-wrapper .search-input-icon{color:#9ca3af;pointer-events:none;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input-wrapper .search-input{border:1px solid var(--border-color);background-color:var(--primary-background);width:100%;color:var(--primary-text);border-radius:9999px;padding:.75rem 1rem .75rem 3rem;transition:box-shadow .2s,border-color .2s}.search-input-wrapper .search-input:focus{outline-offset:2px;border-color:var(--interactive-blue);outline:2px solid #0000;box-shadow:0 0 0 2px #4f46e533}.blog-list-grid{grid-template-columns:1fr;gap:2rem;display:grid}.blog-list-no-results{text-align:center;color:var(--secondary-text);background-color:var(--primary-background);border-radius:.5rem;padding:4rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}