main:has(.blogs-container){background-color:var(--light-b)}.blogs-container{width:100%;max-width:1072px;min-height:100vh;margin:auto;padding:0 1rem}.blogs-hero{background-color:var(--dark-b);display:none;position:relative;overflow:hidden}.blogs-hero-pattern{opacity:.1;position:absolute;inset:0}.blogs-hero-circle{background-color:#fff;border-radius:50%;width:16rem;height:16rem;position:absolute}.blogs-hero-circle-left{top:0;left:0;transform:translate(-8rem,-8rem)}.blogs-hero-circle-right{bottom:0;right:0;transform:translate(8rem,8rem)}.blogs-hero-content{z-index:10;position:relative}.blogs-hero-title{color:#fff;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.blogs-hero-description{opacity:.9;color:#fff;font-size:1.25rem;line-height:1.75}.blogs-content{margin:auto;padding:20px!important}.blogs-search-sort{flex-direction:column;justify-content:center;align-items:stretch;gap:1rem;margin-bottom:1.5rem;display:flex}.blogs-search{flex:1;width:100%;max-width:500px;position:relative}.blogs-search-icon{width:1rem;height:1rem;color:var(--neutral-6);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.blogs-search-input{border-color:var(--neutral-4);width:100%;height:2.75rem;color:var(--neutral-12);background-color:#fff;border-width:1px;border-radius:50px;padding:.5rem 30px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.blogs-search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100);outline:none}.blogs-sort{align-items:center;gap:.5rem;display:flex}.blogs-sort-label{color:var(--neutral-7);white-space:nowrap;font-size:.875rem}.blogs-sort-select{border-color:var(--neutral-4);width:100%;max-width:10rem;height:2.75rem;color:var(--neutral-12);background-color:#fff;border-width:1px;border-radius:50px;transition:border-color .2s,box-shadow .2s}.blogs-sort-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.blogs-grid{grid-template-columns:1fr;gap:1rem;display:grid}.blogs-card{border:1px solid var(--neutral-3);cursor:pointer;background-color:#fff;border-radius:10px;transition:box-shadow .2s;overflow:hidden;padding:16px!important}.blogs-card:hover{border:1px solid var(--primary-500);transition:all .2s;box-shadow:0 2px 4px -1px #0000001a}.blogs-card:hover .blogs-title{color:var(--primary-500);transition:all .2s}.blogs-card-content{flex-direction:column;gap:10px;display:flex;padding:0!important}.blogs-image-placeholder{background-color:var(--neutral-3);border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:260px;margin-bottom:.75rem;display:flex}.blogs-content-wrapper{flex-direction:column;gap:10px;height:130px;display:flex}.blogs-title{color:var(--neutral-12);font-size:16px;font-weight:600}.blogs-title a{color:inherit;text-decoration:none;transition:color .2s}.blogs-title a:hover{color:var(--primary-500)}.blogs-excerpt,.blogs-list-item-excerpt{color:var(--neutral-7);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;overflow:hidden}.blogs-read-more,.blogs-list-read-more{color:var(--primary-500);cursor:pointer;margin-top:auto;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s}.blogs-read-more:hover .blogs-list-read-more:hover{color:var(--primary-600)}.blogs-list{margin-top:16px}.blogs-list-item{border:1px solid var(--neutral-3);cursor:pointer;background-color:#fff;border-radius:10px;margin-bottom:10px;padding:16px}.blogs-list-item:hover{border:1px solid var(--primary-500);transition:all .2s;box-shadow:0 2px 4px -1px #0000001a}.blogs-list-item:hover .blogs-list-item-title{color:var(--primary-500);transition:all .2s}.blogs-list-content{flex-direction:column;gap:12px;display:flex}.blogs-list-text{flex-direction:column;flex:1;gap:8px;display:flex;height:130px!important}.blogs-list-item-title{color:var(--neutral-12);margin:0;font-size:16px;font-weight:600;line-height:1.4}.blogs-list-item-title a{color:inherit;text-decoration:none;transition:color .2s}.blogs-list-item-title a:hover{color:var(--primary-500)}.blogs-list-item-meta{flex-direction:column;gap:8px;margin-top:auto;display:flex}.blogs-list-image{aspect-ratio:16/9;background-color:var(--neutral-3);border-radius:8px;width:100%;overflow:hidden}.blogs-empty{text-align:center;padding:4rem 0}.blogs-empty-title{color:var(--neutral-7);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.blogs-empty-description{color:var(--neutral-6)}.blogs-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;display:flex}.blogs-pagination-button,.blogs-pagination-number{border:1px solid var(--neutral-3);color:var(--neutral-12);cursor:pointer;background-color:#fff;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.blogs-pagination-button:hover:not(:disabled),.blogs-pagination-number:hover{border-color:var(--primary-500);color:var(--primary-500)}.blogs-pagination-button:disabled{opacity:.5;cursor:not-allowed}.blogs-pagination-number.active{background-color:var(--primary-500);color:#fff;border-color:var(--primary-500)}.blogs-pagination-number.active:hover{background-color:var(--primary-600)}@media (min-width:640px){.blogs-search-sort{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.blogs-sort{width:auto}}@media (min-width:768px){.blogs-grid{grid-template-columns:repeat(2,1fr)}.blogs-list-content{flex-direction:row;align-items:flex-start;gap:20px}.blogs-list-image{aspect-ratio:auto;width:240px;height:135px}.blogs-hero{display:block}}@media (max-width:640px){.blogs-search-sort{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.blogs-sort-select{width:2.75rem;padding:0}.blogs-sort-select span{display:none!important}.blogs-sort-select svg{text-indent:0;margin:auto}.blogs-list{grid-template-columns:1fr;gap:1rem}.blogs-list-item{border:1px solid var(--neutral-3);border-radius:10px;padding:16px}.blogs-list-content{flex-direction:column}.blogs-list-image{aspect-ratio:16/9;width:100%;height:200px}.blogs-list-text{height:auto;margin-top:.75rem}}
.pagination{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}@media (min-width:768px){.pagination{margin-top:3rem}}.mobile-pagination{justify-content:space-between}.mobile-page-indicator{color:var(--neutral-7);justify-content:center;align-items:center;gap:.25rem;min-width:60px;font-size:.875rem;font-weight:500;display:flex}.current-page{color:var(--primary-600);font-weight:600}.page-separator{color:var(--neutral-5)}.total-pages{color:var(--neutral-6)}.desktop-pagination{gap:.5rem}.pagination-controls{gap:.5rem;display:flex}.pagination-btn{background-color:var(--white);box-shadow:0 1px 3px #0000001a}.hidden-mobile{display:none}@media (min-width:768px){.hidden-mobile{display:block}}.hidden-desktop{display:block}@media (min-width:768px){.hidden-desktop{display:none}}