@import url(https://sehirgezgin.top/assets/css/components/molecules/breadcrumb.css);@import url(https://sehirgezgin.top/assets/css/components/molecules/pagination.css);@import url(https://sehirgezgin.top/assets/css/components/molecules/blog-card.css);@import url(https://sehirgezgin.top/assets/css/components/molecules/members-box.css);.blog-list .container{justify-content:space-between;gap:32px;display:flex}.blog-list .container .left{border-right:1px solid #0a0a0a0d;max-width:304px;flex-direction:column;min-width:304px;width:100%;display:flex}.blog-list .container .left nav{flex-direction:column;gap:20px;display:flex}.blog-list .container .left nav a{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--neutral-950);position:relative;line-height:var(--text-base-line-height)}.blog-list .container .left nav a.active{font-weight:var(--font-semibold)}.blog-list .container .left nav a.active:after{height:100%;right:-1px;content:"";position:absolute;top:0;background-color:var(--primary);width:1px}.blog-list .container .right{flex:1;flex-direction:column;gap:32px;display:flex}.blog-list .container .right .boxes{flex:1;grid-template-columns:repeat(auto-fill,minmax(calc(50% - 32px),1fr));gap:32px;display:grid}@media screen and (max-width:1150px){.blog-card h3{font-size:var(--text-lg);line-height:var(--text-lg-line-height)}.blog-card p{font-size:var(--text-sm);line-height:var(--text-sm-line-height)}}@media screen and (max-width:920px){.blog-list .container{flex-direction:column}.blog-list .container .left{border-right:none;overflow-x:auto;max-width:100%;border-bottom:1px solid #0a0a0a0d;flex-direction:row;padding-bottom:16px;width:100%;white-space:nowrap}.blog-list .container .left nav{flex-direction:row;gap:16px}.blog-list .container .left nav a:after{display:none}}@media screen and (max-width:640px){.blog-list .container .right .boxes{grid-template-columns:1fr}}