:root{--blog-primary-color:#0056b3;--blog-text-color:#1f2937;--blog-meta-color:#6b7280;--blog-bg-color:#fff;--blog-border-color:#e5e7eb;--blog-hover-shadow:0 4px 12px rgba(0,0,0,0.08);--blog-radius:0.5rem}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.blog-header-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--blog-border-color);padding-bottom:20px}.blog-filter-dropdown select{padding:10px 15px;border:1px solid var(--blog-border-color);border-radius:4px;background-color:#fff;font-size:16px;color:var(--blog-meta-color);cursor:pointer;min-width:150px;outline:0;transition:border-color .3s}.blog-filter-dropdown select:focus{border-color:var(--blog-primary-color)}.blog-search-form{position:relative;width:100%;max-width:300px}.blog-search-form input{width:100%;padding:10px 40px 10px 15px;border:1px solid var(--blog-border-color);border-radius:20px;outline:0;transition:border-color .3s}.blog-search-form input:focus{border-color:var(--blog-primary-color)}.blog-search-form button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--blog-meta-color);cursor:pointer}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:#fff;border:1px solid var(--blog-border-color);border-radius:var(--blog-radius);padding:25px;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;height:100%}.blog-card:hover{box-shadow:var(--blog-hover-shadow);transform:translateY(-3px)}.blog-card-meta{margin-bottom:10px;font-size:13px;color:var(--blog-primary-color);font-weight:600;text-transform:uppercase}.blog-card-title{margin:0 0 10px;font-size:18px;line-height:1.4;font-weight:700}.blog-card-title a{color:#000;text-decoration:none}.blog-card-date{font-size:12px;color:var(--blog-meta-color);margin-bottom:15px;display:block}.blog-card-excerpt{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-card-footer{text-align:right;margin-top:auto}.blog-read-more{color:var(--blog-primary-color);text-decoration:none;font-size:14px;font-weight:600;display:inline-flex;align-items:center}.blog-read-more:hover{text-decoration:underline}.blog-pagination{margin-top:50px;text-align:center}.blog-pagination .page-numbers{display:inline-block;padding:8px 16px;margin:0 5px;border:1px solid var(--blog-border-color);border-radius:4px;color:#666;text-decoration:none;transition:all .3s}.blog-pagination .page-numbers.current,.blog-pagination .page-numbers:hover{background:var(--blog-primary-color);color:#fff;border-color:var(--blog-primary-color)}.single-post-layout{display:flex;flex-direction:column;gap:40px;position:relative}.single-content-area{width:100%}.post-header{margin-bottom:30px;border-bottom:1px solid var(--blog-border-color);padding-bottom:20px;text-align:center}.post-title{font-size:32px;margin-bottom:15px;color:#000;font-weight:700}.post-meta{font-size:14px;color:#888;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.post-meta span{display:inline-flex;align-items:center;gap:5px}.post-content{font-size:16px;line-height:1.8;color:#333;margin-bottom:40px}.post-content p{margin-bottom:1.5em}.post-content img{max-width:100%;height:auto;border-radius:4px;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.post-content h2,.post-content h3{margin-top:40px;margin-bottom:20px;color:#000;font-weight:600}.post-content ol,.post-content ul{padding-left:20px;margin-bottom:20px}.post-content li{margin-bottom:10px}.post-actions{display:flex;justify-content:center;gap:20px;margin:40px 0;padding:20px 0;border-top:1px solid var(--blog-border-color);border-bottom:1px solid var(--blog-border-color)}.btn-action{display:flex;align-items:center;gap:8px;padding:10px 25px;border:1px solid var(--blog-border-color);border-radius:30px;background:#fff;cursor:pointer;transition:all .3s;font-size:15px}.btn-action:hover{border-color:var(--blog-primary-color);color:var(--blog-primary-color)}.btn-action.active,.btn-action.liked{background:var(--blog-primary-color);color:#fff;border-color:var(--blog-primary-color)}.post-navigation{display:flex;justify-content:space-between;margin-bottom:50px;gap:20px}.nav-link{max-width:45%;flex:1}.nav-link.nav-next{text-align:right}.nav-label{display:block;font-size:12px;color:#999;text-transform:uppercase;margin-bottom:5px}.nav-title{display:block;font-size:16px;color:#333;font-weight:600;text-decoration:none;line-height:1.4}.nav-title:hover{color:var(--blog-primary-color)}.related-posts{margin-top:60px;background:#f9f9f9;padding:40px;border-radius:8px}.section-title{font-size:24px;margin-bottom:30px;border-left:4px solid var(--blog-primary-color);padding-left:15px;font-weight:700}.image-zoom-wrapper{position:relative;display:inline-block;max-width:100%}.image-zoom-wrapper img{display:block;max-width:100%;transition:filter .3s ease}.image-zoom-wrapper:hover img{filter:brightness(.9)}.zoom-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:rgba(0,0,0,.6);color:#fff;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:500;opacity:0;transition:all .3s ease;pointer-events:none;white-space:nowrap;z-index:10}.image-zoom-wrapper:hover .zoom-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.zoomable-image{cursor:zoom-in}@media (max-width:768px){.blog-header-tools{flex-direction:column;align-items:flex-start}.blog-search-form{max-width:100%}.post-title{font-size:24px}.single-content-area{padding:0 10px}}