.blog-page{min-height:100vh;background:transparent;color:var(--text-primary);padding:calc(var(--header-height) + 28px) 20px 60px}.blog-breadcrumb{max-width:1000px;margin:0 auto 1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.875rem;color:var(--text-muted)}.blog-post>.blog-breadcrumb{max-width:none;margin:0 0 .5rem}.blog-breadcrumb a{color:var(--text-secondary);text-decoration:none}.blog-breadcrumb a:hover{color:var(--accent)}.blog-breadcrumb span[aria-current]{color:var(--text-primary)}.blog-hero{max-width:1000px;margin:0 auto 48px;text-align:center}.blog-hero h1{font-size:clamp(1.85rem,4vw,2.5rem);font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.blog-hero p{color:var(--text-secondary);font-size:16px;line-height:1.7;max-width:640px;margin:0 auto}.blog-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.blog-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-base),border-color var(--transition-fast),box-shadow var(--transition-base);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}.blog-card:hover{transform:translateY(-3px);border-color:rgba(245,158,11,.35);box-shadow:var(--shadow-glow)}.blog-card img{width:100%;height:180px;object-fit:cover;background:#0f172a}.blog-card-content{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.blog-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.blog-card h2{font-size:17px;font-weight:600;margin:0;line-height:1.4}.blog-card-news{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.blog-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.blog-post{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.blog-post-hero img{width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#0f172a}.blog-post-meta{display:flex;gap:12px;color:var(--text-muted)}.blog-post-meta,.blog-post-news{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.blog-post-news{color:var(--accent);font-weight:600;margin:0}.blog-post-title{font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.2}.blog-post-excerpt{margin:0;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:42rem}.blog-post-lead,.blog-section{display:flex;flex-direction:column;gap:14px;color:var(--text-secondary);font-size:16px;line-height:1.75;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.blog-section h2{margin:0 0 4px;color:var(--text-primary);font-size:1.35rem;letter-spacing:-.02em}.blog-post-lead p,.blog-section p{margin:0}.blog-post .seo-toc{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.35rem 1.6rem;margin:0;box-shadow:var(--shadow-sm)}.blog-post .seo-toc h2{font-size:1rem;font-weight:700;margin:0 0 .75rem;color:var(--accent);letter-spacing:-.02em}.blog-post .seo-toc ol{margin:0;padding-left:1.25rem;color:var(--accent)}.blog-post .seo-toc a{color:var(--accent);font-weight:600;text-decoration:none}.blog-post .seo-toc a:hover{color:var(--accent-hover);text-decoration:underline}.blog-size-table-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.blog-size-table-wrap h2{margin:0 0 1rem;font-size:1.2rem;color:var(--text-primary);letter-spacing:-.02em}.blog-size-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-size-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px}.blog-size-table td,.blog-size-table th{text-align:left;padding:.7rem .75rem;border-bottom:1px solid var(--border-subtle);vertical-align:top}.blog-size-table th{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.blog-size-table td{color:var(--text-secondary)}.blog-size-table tbody tr:hover td{background:rgba(245,158,11,.06)}.blog-size-table td:nth-child(3){font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:600}.blog-related-posts{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.blog-related-posts h2{margin:0 0 1rem;font-size:1.2rem;color:var(--text-primary)}.blog-related-posts ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.blog-related-posts li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.blog-related-posts li:last-child{border-bottom:none;padding-bottom:0}.blog-related-posts a{color:var(--accent);font-weight:600;text-decoration:none}.blog-related-posts a:hover{color:var(--accent-hover);text-decoration:underline}.blog-related-posts span{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.blog-post .seo-faq{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.blog-post .seo-faq h2{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary)}.blog-post .seo-faq dl{margin:0}.blog-post .seo-faq-item{margin-bottom:1.25rem}.blog-post .seo-faq-item:last-child{margin-bottom:0}.blog-post .seo-faq-item dt{color:var(--text-primary);font-weight:600;margin-bottom:.35rem}.blog-post .seo-faq-item dd{margin:0;color:var(--text-secondary)}.blog-post-cta{margin:0}.blog-cta-link{display:inline-block;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark,#d97706) 100%);color:#111;font-weight:700;padding:.85rem 1.5rem;border-radius:var(--radius-md,10px);text-decoration:none}.blog-cta-link:hover{opacity:.92;color:#111}.blog-back-link{color:var(--accent);text-decoration:none;font-weight:600}.blog-back-link:hover{color:var(--accent-hover)}.blog-post .seo-related{margin:0}@media (max-width:768px){.blog-hero h1{font-size:30px}.blog-post .seo-faq,.blog-post-lead,.blog-related-posts,.blog-section,.blog-size-table-wrap{padding:20px}}