.blog-page{width:100%;max-width:1200px;margin:0 auto;padding:40px 32px}.blog-title{color:rgb(var(--mdui-color-on-surface));font-size:2rem;font-weight:500;margin:0 0 8px}.blog-subtitle{color:rgb(var(--mdui-color-on-surface-variant));font-size:1rem;margin:0 0 32px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.blog-card-link{text-decoration:none;color:inherit;display:block}.blog-card{overflow:hidden;border-radius:16px;cursor:pointer;transition:box-shadow .2s}.blog-card:hover{box-shadow:var(--mdui-elevation-level3)}.blog-card-img-wrapper{position:relative;overflow:hidden}.blog-card-loading{display:flex;justify-content:center;align-items:center;height:200px}.blog-card-img{width:100%;height:200px;object-fit:cover;display:block}.blog-card-category{position:absolute;top:12px;left:12px;background:rgb(var(--mdui-color-primary));color:rgb(var(--mdui-color-on-primary));font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:8px}.blog-card-content{padding:20px}.blog-card-date{color:rgb(var(--mdui-color-on-surface-variant));font-size:.8rem;display:block}.blog-card-title{color:rgb(var(--mdui-color-on-surface));font-size:1.2rem;font-weight:600;margin:8px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{color:rgb(var(--mdui-color-on-surface-variant));font-size:.9rem;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-read{color:rgb(var(--mdui-color-on-surface));font-size:.9rem;font-weight:600}@media(max-width:840px){.blog-page{padding:24px 16px}.blog-grid{grid-template-columns:1fr;gap:16px}}.mahalle-section{margin-top:56px;padding-top:40px;border-top:1px solid rgb(var(--mdui-color-outline-variant))}.mahalle-section-title{color:rgb(var(--mdui-color-on-surface));font-size:1.6rem;font-weight:500;margin:0 0 8px}.mahalle-section-subtitle{color:rgb(var(--mdui-color-on-surface-variant));font-size:.95rem;margin:0 0 24px}.mahalle-grid{display:flex;flex-wrap:wrap;gap:10px}.mahalle-chip{display:inline-block;text-decoration:none;background:rgb(var(--mdui-color-secondary-container));color:rgb(var(--mdui-color-on-secondary-container));font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:20px;transition:background .15s,box-shadow .15s}.mahalle-chip:hover{background:rgb(var(--mdui-color-secondary));color:rgb(var(--mdui-color-on-secondary));box-shadow:var(--mdui-elevation-level2)}@media(max-width:840px){.mahalle-section{margin-top:40px;padding-top:28px}.mahalle-section-title{font-size:1.3rem}}button.mahalle-chip{border:none;cursor:pointer;font-family:inherit}.mahalle-detail-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:28px}.mahalle-detail-header>div{flex:1}.mahalle-detail-header .blog-title{margin-bottom:4px}