.blogs-header{padding-top:var(--section-padding);padding-bottom:64px;border-bottom:1px solid #e0e0e0}.blogs-header h1{margin-bottom:24px}.blogs-intro{color:var(--dark-gray);line-height:160%;max-width:600px}.topics-section{padding:64px 0;border-bottom:1px solid #e0e0e0}.topics-label{font-size:14px;font-weight:600;color:var(--dark-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;display:block}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.topic-button{padding:12px 20px;border:1px solid #ddd;border-radius:25px;background:var(--white);color:var(--black);font-size:14px;font-weight:500;text-align:center;transition:all .3s ease;cursor:pointer}.topic-button:hover{border-color:var(--primary-orange);color:var(--primary-orange);background:#fff5f1}.topic-button.active{background:var(--primary-orange);color:var(--white);border-color:var(--primary-orange)}.blog-posts-section{padding:64px 0}.blog-posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px}.blog-posts-header h2{margin:0}.clear-filter{padding:8px 16px;border:1px solid #ddd;border-radius:20px;background:var(--white);color:var(--black);font-size:14px;cursor:pointer;transition:all .3s ease}.clear-filter:hover{border-color:var(--dark-gray)}.blog-grid{display:grid;grid-template-columns:1fr;gap:32px}.blog-card{padding:32px;border:1px solid #e0e0e0;border-radius:12px;transition:all .3s ease;cursor:pointer}.blog-card:hover{border-color:var(--primary-orange);box-shadow:0 8px 24px rgba(224,72,38,.1)}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.blog-title{font-size:24px;font-weight:600;color:var(--black);margin:0;line-height:140%}.blog-meta{display:flex;gap:16px;font-size:14px;color:var(--dark-gray);margin-bottom:16px;flex-wrap:wrap}.blog-date,.blog-read-time{display:flex;align-items:center;gap:6px}.blog-topic-tag{display:inline-block;padding:6px 12px;background:#f0f0f0;color:var(--dark-gray);border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.blog-excerpt{font-size:16px;color:var(--dark-gray);line-height:160%;margin:0}.no-results{text-align:center;padding:80px 20px;color:var(--dark-gray)}.no-results h3{font-size:24px;font-weight:600;margin-bottom:12px}.blog-detail-container{padding:var(--section-padding) 0}.blog-detail-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #e0e0e0}.blog-detail-title{margin-bottom:24px}.blog-detail-meta{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.blog-detail-date,.blog-detail-read-time{font-size:16px;color:var(--dark-gray)}.blog-detail-topic{padding:8px 16px;background:#f0f0f0;color:var(--dark-gray);border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block}.blog-content{font-size:18px;line-height:180%;color:var(--dark-gray);max-width:800px}.blog-content p{margin-bottom:24px}.blog-content ol,.blog-content ul{margin:24px 0;padding-left:32px}.blog-content li{margin-bottom:12px;line-height:180%}.blog-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-orange);font-size:16px;font-weight:500;margin-bottom:32px;transition:all .3s ease}.blog-back-link:hover{gap:12px}@media (max-width:768px){.blogs-header{padding-top:60px;padding-bottom:40px}.topics-section{padding:40px 0}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.blog-posts-section{padding:40px 0}.blog-grid{gap:24px}.blog-card{padding:24px}.blog-header{flex-direction:column}.blog-detail-container{padding:60px 0}.blog-detail-header{margin-bottom:32px}.blog-content{font-size:16px}}@media (max-width:480px){.blogs-header{padding-top:40px;padding-bottom:32px}.blogs-header h1{font-size:28px}.topics-section{padding:32px 0}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.topic-button{padding:10px 16px;font-size:13px}.blog-posts-header{flex-direction:column;align-items:flex-start}.blog-posts-header h2{font-size:24px}.blog-card{padding:20px}.blog-title{font-size:20px}.blog-excerpt{font-size:15px}.blog-detail-container{padding:40px 0}.blog-detail-title{font-size:24px}.blog-content{font-size:16px}}