@charset "UTF-8";.blog-index{margin:0 auto;padding:40px 20px}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.blog-header h1{font-size:48px;font-weight:400;color:#111;margin:0}.blog-categories{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;margin-bottom:30px}.category-group{display:flex;margin-bottom:10px;position:relative}.dropdown-container{position:relative;display:inline-block}.category-button{background-color:#f5f5f5;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:5px}.category-button:hover{background-color:#e0e0e0}.category-button.active{background-color:var(--primary-color);color:#fff}.dropdown-arrow{font-size:10px;margin-left:3px}.subcategories-dropdown{position:absolute;top:100%;left:0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:180px;z-index:100;padding:6px 0 8px;margin-top:-2px;display:none;flex-direction:column;pointer-events:none}.dropdown-container:hover .subcategories-dropdown{display:flex;pointer-events:auto}.subcategory-button{background-color:transparent;border:none;padding:8px 16px;cursor:pointer;font-size:13px;text-align:left;transition:all .3s ease;color:#444;width:100%}.subcategory-button:hover{background-color:#f5f5f5}.subcategory-button.active{color:var(--primary-color);font-weight:500}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.blog-card{display:block;text-decoration:none;color:inherit;overflow:hidden;transition:transform .3s;background-color:#fff}.blog-card:hover{transform:translateY(-5px)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image{width:100%;aspect-ratio:16/9;overflow:hidden;background-color:#e9e9e9;border-radius:8px}.blog-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s;border-radius:8px}.placeholder-image{width:100%;height:100%;background-color:#e9e9e9;display:flex;align-items:center;justify-content:center}.blog-card-content{padding:15px 0}.blog-card-title{font-size:18px;font-weight:400;color:#111;margin:5px 0;line-height:1.3}.blog-card-date{font-size:14px;color:#666;margin-bottom:5px}.blog-card-excerpt{font-size:14px;color:#666;margin-top:5px;line-height:1.4}.no-posts{text-align:center;padding:60px 0;color:var(--neutral-color)}.pagination{display:flex;justify-content:center;align-items:center;margin-top:60px;gap:20px}.pagination-button{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 16px;border-radius:8px;cursor:pointer;transition:background-color .3s,color .3s}.pagination-button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:8px}.pagination-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background-color:transparent;cursor:pointer;transition:background-color .3s}.pagination-number:hover{background-color:#f0f0f0}.pagination-number.active{background-color:var(--primary-color);color:#fff}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px}.featured-image-container{width:100%;margin-bottom:32px;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000001a;background-color:#f5f5f5}.featured-image{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9}.blog-title{font-size:48px;font-weight:400;color:#222;margin-bottom:16px;line-height:1.2}.blog-meta{display:flex;gap:16px;margin-bottom:32px;font-size:18px;color:#444;border-bottom:1px solid #eee;padding-bottom:16px}.blog-date,.blog-author{font-weight:400}.blog-content{font-size:18px;line-height:1.6;color:#333}.blog-content h2{font-size:32px;font-weight:400;margin:40px 0 20px;color:#222}.blog-content h3{font-size:24px;font-weight:400;margin:30px 0 15px;color:#222}.blog-content p{margin-bottom:20px}.blog-content img{max-width:100%;height:auto;margin:20px 0;border-radius:8px}.blog-content figure{margin:30px 0;text-align:center}.blog-content figcaption{font-size:14px;color:var(--neutral-color);margin-top:8px}.blog-content ul,.blog-content ol{margin:20px 0;padding-left:20px}.blog-content li{margin-bottom:10px}.blog-content a{color:var(--primary-color);text-decoration:none;transition:color .3s}.blog-content a:hover{color:var(--hover-color)}.blog-content blockquote{border-left:4px solid var(--hover-color);padding-left:20px;margin:20px 0;font-style:italic;color:var(--neutral-color)}.blog-content .wp-block-heading{font-weight:400;color:#222;line-height:1.3;margin-top:40px;margin-bottom:20px}.blog-content .wp-block-image{margin:30px 0;text-align:center}.blog-content .wp-block-image img{max-width:100%;height:auto;border-radius:8px;display:inline-block}.blog-content .wp-block-image.is-resized img{width:auto;max-width:100%}.blog-content .wp-block-image figcaption,.blog-content .wp-block-image .wp-element-caption{font-size:14px;color:#666;margin-top:12px;font-style:italic;line-height:1.4}.blog-content .wp-block-list{margin:20px 0;padding-left:30px;list-style-type:disc}.blog-content .wp-block-list li{margin-bottom:12px;line-height:1.6;padding-left:8px}.blog-content .wp-block-list ul{list-style-type:circle;margin-top:10px}.blog-content .wp-block-group{margin:40px 0}.blog-content .wp-block-group.is-layout-flex{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;justify-content:center}.blog-content .wp-block-group.is-layout-flex.is-nowrap{flex-wrap:nowrap}.blog-content .wp-block-group.is-layout-flex .wp-block-image{flex:1;min-width:200px;margin:0}.blog-content .wp-block-group.is-layout-flex .wp-block-image img{width:100%;height:auto}.blog-content .wp-block-quote{border-left:4px solid var(--hover-color);padding-left:20px;margin:30px 0;font-style:italic;color:#666}.blog-content .wp-block-quote p{margin-bottom:10px}.blog-content .wp-block-quote cite{display:block;margin-top:10px;font-size:14px;font-style:normal;color:#999}.blog-content .wp-block-separator{border:none;border-top:1px solid #ddd;margin:40px auto;max-width:100px}.blog-content .wp-block-separator.is-style-wide{max-width:100%}.blog-content .wp-block-separator.is-style-dots{border:none;text-align:center;max-width:none}.blog-content .wp-block-separator.is-style-dots:before{content:"···";font-size:24px;letter-spacing:1em;color:#999}.blog-content .wp-block-code{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:16px;margin:20px 0;overflow-x:auto}.blog-content .wp-block-code code{font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6;color:#333}.blog-content .wp-block-table{margin:30px 0;overflow-x:auto}.blog-content .wp-block-table table{width:100%;border-collapse:collapse}.blog-content .wp-block-table table th,.blog-content .wp-block-table table td{padding:12px;border:1px solid #ddd;text-align:left}.blog-content .wp-block-table table th{background:#f5f5f5;font-weight:600}.blog-content .wp-block-table table tr:hover{background:#f9f9f9}.blog-content .wp-block-button{margin:20px 0}.blog-content .wp-block-button .wp-block-button__link{display:inline-block;padding:12px 24px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;transition:all .3s ease}.blog-content .wp-block-button .wp-block-button__link:hover{background:var(--hover-color);color:var(--primary-color)}.blog-content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.blog-content .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--primary-color);color:#fff}.blog-content .wp-block-columns{display:flex;gap:30px;margin:30px 0;flex-wrap:wrap}.blog-content .wp-block-columns .wp-block-column{flex:1;min-width:250px}.blog-content .wp-block-media-text{display:grid;grid-template-columns:50% 1fr;gap:30px;align-items:center;margin:40px 0}.blog-content .wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.blog-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:2}.blog-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{order:1}.blog-content .wp-block-media-text .wp-block-media-text__media img{width:100%;height:auto;border-radius:8px}.blog-content .wp-block-media-text .wp-block-media-text__content{padding:0}.blog-content .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:30px 0}.blog-content .wp-block-gallery .wp-block-image{margin:0}.blog-content .wp-block-gallery .wp-block-image img{width:100%;height:200px;object-fit:cover}.blog-content .wp-block-embed{margin:30px 0}.blog-content .wp-block-embed__wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.blog-content .wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 768px){.blog-content .wp-block-group.is-layout-flex{flex-direction:column}.blog-content .wp-block-group.is-layout-flex .wp-block-image{width:100%}.blog-content .wp-block-columns{flex-direction:column}.blog-content .wp-block-media-text,.blog-content .wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr}.blog-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,.blog-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{order:initial}.blog-content .wp-block-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.no-post-found{text-align:center;padding:100px 20px}.no-post-found h1{font-size:48px;margin-bottom:20px}.no-post-found p{font-size:18px;color:#666;margin-bottom:30px}.back-to-blog{display:inline-block;background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;transition:background-color .3s}.back-to-blog:hover{background-color:var(--hover-color);color:var(--primary-color)}@media (max-width: 992px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-header{flex-direction:column;align-items:flex-start;gap:20px}.blog-categories{width:100%;overflow-x:auto;padding-bottom:10px}}@media (max-width: 768px){.blog-header h1{font-size:36px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}.pagination{flex-direction:column;gap:10px}.blog-title{font-size:32px}.blog-content{font-size:18px}.blog-content h2{font-size:24px}.blog-content h3{font-size:20px}}@media (max-width: 576px){.blog-grid{grid-template-columns:1fr}}