@charset "UTF-8";.blog-hero{background:var(--gray-900);padding:56px 0 44px;text-align:center}.blog-hero h1{font-size:40px;color:#fff;margin-bottom:14px}.blog-hero p{font-size:17px;color:rgba(255,255,255,.6);max-width:500px;margin:0 auto}.blog-layout-section{padding:60px 0}.blog-list-area .blog-entry{border-bottom:1px solid var(--gray-200);padding-bottom:36px;margin-bottom:36px}.blog-list-area .blog-entry:last-child{border-bottom:none}.blog-category-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);margin-bottom:10px}.blog-entry h2{font-size:22px;margin-bottom:10px;line-height:1.3}.blog-entry h2 a{color:var(--gray-900);transition:color var(--transition)}.blog-entry h2 a:hover{color:var(--primary)}.blog-meta{font-size:13px;color:var(--gray-500);margin-bottom:14px}.blog-meta a{color:var(--gray-500)}.blog-meta a:hover{color:var(--primary)}.blog-excerpt{font-size:15px;color:var(--gray-700);line-height:1.65;margin-bottom:18px}.btn-read-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary);border:1px solid var(--primary);padding:8px 20px;border-radius:var(--radius);transition:all var(--transition)}.btn-read-more:hover{background:var(--primary);color:#fff}.btn-read-more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--transition)}.btn-read-more:hover svg{transform:translateX(3px)}.blog-sidebar .widget{margin-bottom:36px}.blog-sidebar .widget-title{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-900);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary);display:block}.recent-posts-list{list-style:none;padding:0;margin:0}.recent-posts-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--gray-100)}.recent-posts-list li:last-child{border-bottom:none}.date-badge{flex-shrink:0;background:var(--primary);color:#fff;border-radius:var(--radius);padding:6px 10px;text-align:center;min-width:48px}.date-badge .date-day{display:block;font-size:18px;font-weight:700;line-height:1}.date-badge .date-month{display:block;font-size:10px;text-transform:uppercase;margin-top:2px}.recent-posts-list a{font-size:14px;color:var(--gray-700);line-height:1.45;transition:color var(--transition)}.recent-posts-list a:hover{color:var(--primary)}@media (max-width:767.98px){.blog-hero h1{font-size:28px}.blog-hero p{font-size:15px}.blog-entry h2{font-size:18px}}