.blog-post-container{min-height:100vh;padding-top:100px;background:linear-gradient(135deg,#283642,#171d21)}.blog-post-wrapper{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding) var(--space-4xl)}.blog-post-back{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--accent-primary);text-decoration:none;font-family:Red Hat Display,sans-serif;font-weight:600;margin-bottom:var(--space-2xl);transition:gap .3s ease}.blog-post-back:hover{gap:.75rem}.blog-post-header{margin-bottom:var(--space-2xl)}.blog-post-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;font-family:Red Hat Display,sans-serif;color:var(--text-primary);line-height:1.2;margin-bottom:1.5rem}.blog-post-meta{display:flex;align-items:center;gap:2rem;color:var(--text-secondary);font-family:Red Hat Display,sans-serif}.blog-post-date{display:flex;align-items:center;gap:.5rem}.blog-post-image{width:100%;height:auto;border-radius:var(--radius-2xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-2xl)}.blog-post-content{font-family:Red Hat Display,sans-serif;color:var(--text-primary);line-height:1.8}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3{font-family:Red Hat Display,sans-serif;font-weight:800;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem}.blog-post-content h1{font-size:2.5rem}.blog-post-content h2{font-size:2rem}.blog-post-content h3{font-size:1.5rem}.blog-post-content p{margin-bottom:1.5rem;color:var(--text-secondary);font-size:1.1rem}.blog-post-content blockquote{border-left:4px solid var(--accent-primary);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary);background:#7cd9590d;padding:1.5rem;border-radius:8px}.blog-post-content code{background:var(--bg-tertiary);color:var(--accent-primary);padding:.2rem .5rem;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.9em}.blog-post-content strong{color:var(--text-primary);font-weight:700}.blog-post-content em{color:var(--text-primary)}.blog-post-inline-image{margin:2rem 0}.blog-post-inline-image img{width:100%;height:auto;border-radius:8px}.blog-post-image-caption{margin-top:.5rem;text-align:center;font-size:.875rem;color:#666;font-style:italic}.blog-post-video-container{margin:2rem 0}.blog-post-video{width:100%;max-width:100%;height:auto;border-radius:8px}.blog-post-content a{color:#fff;text-decoration:underline;transition:opacity .2s ease}.blog-post-content a:hover{opacity:.8}.blog-post-content a:visited{color:#fff}.blog-post-table-container{margin:2rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-post-table{width:100%;border-collapse:collapse;font-size:.95rem;background-color:var(--table-bg, #ffffff);border:1px solid var(--table-border, #e5e7eb);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.blog-post-table-caption{padding:.75rem 1rem;font-size:.875rem;text-align:left;color:var(--text-secondary, #6b7280);font-style:italic;caption-side:bottom;margin-top:.5rem}.blog-post-table thead{background-color:var(--table-header-bg, #f9fafb);border-bottom:2px solid var(--table-border, #e5e7eb)}.blog-post-table-header{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap}.blog-post-table-cell{padding:.75rem 1rem;border-bottom:1px solid var(--table-border, #e5e7eb);color:var(--text-primary, #374151)}.blog-post-table tbody tr:last-child td{border-bottom:none}.blog-post-table tbody tr:nth-child(2n){background-color:var(--table-stripe-bg, #f9fafb)}.blog-post-table tbody tr:hover{background-color:var(--table-hover-bg, #f3f4f6);transition:background-color .15s ease}@media(max-width:640px){.blog-post-table{font-size:.875rem}.blog-post-table-header,.blog-post-table-cell{padding:.5rem .75rem}}@media(prefers-color-scheme:dark){.blog-post-table{background-color:var(--table-bg-dark, #1f2937);border-color:var(--table-border-dark, #374151)}.blog-post-table thead{background-color:var(--table-header-bg-dark, #111827);border-color:var(--table-border-dark, #374151)}.blog-post-table-header{color:var(--text-primary-dark, #f9fafb)}.blog-post-table-cell{color:var(--text-primary-dark, #e5e7eb);border-color:var(--table-border-dark, #374151)}.blog-post-table tbody tr:nth-child(2n){background-color:var(--table-stripe-bg-dark, #111827)}.blog-post-table tbody tr:hover{background-color:var(--table-hover-bg-dark, #374151)}}@media(max-width:768px){.blog-post-wrapper{padding:0 var(--container-padding-mobile) var(--space-2xl)}.blog-post-content h1{font-size:2rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.25rem}}