.blog-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.blog-index-hero{text-align:center;margin-bottom:2.5rem}.blog-index-hero h1{font-size:2.25rem;font-weight:800;color:#111;margin-bottom:.5rem}.blog-index-hero p{color:#555;font-size:1.1rem}.blog-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.blog-filter-btn{padding:.4rem 1rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:.875rem}.blog-filter-btn.active{background:#f26522;color:#fff;border-color:#f26522}.blog-featured{margin-bottom:2.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.blog-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{box-shadow:0 8px 24px #00000014}.blog-card-cover{height:160px;background:#f3f4f6 center/cover no-repeat}.blog-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.blog-card-category{font-size:.75rem;font-weight:600;color:#f26522;text-transform:uppercase;letter-spacing:.05em}.blog-card h2{font-size:1.15rem;font-weight:700;margin:.5rem 0;line-height:1.35}.blog-card p{font-size:.9rem;color:#666;flex:1}.blog-card-meta{font-size:.8rem;color:#999;margin-top:1rem}.blog-breadcrumb{font-size:.875rem;color:#666;margin-bottom:1.5rem}.blog-breadcrumb a{color:#f26522;text-decoration:none}.blog-article-header h1{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.75rem}.blog-article-meta{color:#666;font-size:.9rem;margin-bottom:1.5rem}.blog-article-cover{width:100%;height:320px;border-radius:12px;background:#f3f4f6 center/cover no-repeat;margin-bottom:2rem}@media (min-width: 768px){.blog-article-cover{height:400px}}.blog-article-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 960px){.blog-article-layout.has-toc{grid-template-columns:220px 1fr}}.blog-toc{position:relative;top:auto;font-size:.85rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}@media (min-width: 960px){.blog-article-layout.has-toc .blog-toc{position:sticky;top:5rem;align-self:start;max-height:calc(100vh - 6rem);overflow-y:auto;margin-bottom:0;padding-bottom:0;border-bottom:none;background:#fff;padding-right:.5rem}}.blog-toc h2{font-size:.75rem;text-transform:uppercase;color:#999;margin-bottom:.75rem}.blog-toc ul{list-style:none;padding:0;margin:0}.blog-toc a{color:#444;text-decoration:none;display:block;padding:.25rem 0}.blog-toc a:hover{color:#f26522}.blog-toc .level-3{padding-left:1rem;font-size:.8rem}.blog-content{line-height:1.75;color:#333}.blog-content h2{font-size:1.5rem;font-weight:700;margin:2rem 0 1rem;scroll-margin-top:5rem}.blog-content h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .75rem}.blog-content p{margin-bottom:1rem}.blog-content ul,.blog-content ol{margin:0 0 1rem 1.5rem}.blog-content table{width:100%;border-collapse:collapse;margin:1rem 0}.blog-content th,.blog-content td{border:1px solid #e5e7eb;padding:.5rem .75rem;text-align:left}.blog-content a{color:#f26522}.blog-cta{margin-top:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:12px;text-align:center}.blog-cta h3{font-size:1.25rem;margin-bottom:.5rem}.blog-related{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.blog-related h2{font-size:1.25rem;margin-bottom:1rem}