.blog-details{margin:0 auto;padding:3rem 1rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-link);font-size:1rem;font-weight:500;text-decoration:none;margin-bottom:2rem;transition:color .3s ease}.back-link:hover{color:var(--sl-color-accent-high);text-decoration:underline}.back-icon{width:1.25rem;height:1.25rem;fill:var(--color-text-link)}.blog-title{color:var(--sl-color-white);font-size:2.25rem;font-weight:600;margin-bottom:1.5rem;line-height:1.3}.meta-list{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;color:var(--sl-color-gray-2);font-size:.95rem}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-item a{color:var(--color-text-link);text-decoration:none;transition:color .3s ease}.meta-item a:hover{color:var(--sl-color-accent)}.meta-item:not(:last-child):after{content:"|";color:var(--sl-color-gray-3);margin-left:.5rem}.blog-details-content{color:var(--sl-color-gray-1);font-size:1.1rem;line-height:1.6;margin-bottom:3rem}.blog-details-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.blog-details-content h4{font-size:1.728rem;line-height:1.5;margin-top:1.5rem;margin-bottom:.5rem}.blog-details-content p{font-size:1rem;line-height:1.75;margin-bottom:1.5rem;color:var(--sl-color-text)}.blog-details-content blockquote{position:relative;margin:1.5rem 0;padding:1.5rem 1.5rem 1.5rem 3rem;background:var(--bg-secondary);border-left:4px solid var(--color-text-link);border-radius:6px;color:var(--sl-color-gray-1);font-size:1.05rem;font-style:italic;line-height:1.6;box-shadow:var(--shadow-invert)}.blog-details-content blockquote:before{content:"“";position:absolute;left:1rem;top:1rem;font-size:2rem;color:var(--sl-color-accent-high);opacity:.8}.blog-details-content blockquote p{margin:0;color:var(--sl-color-gray-1)}.blog-details-content blockquote cite{display:block;margin-top:.75rem;font-size:.9rem;font-style:normal;color:var(--sl-color-gray-3);text-align:right}.blog-details-content ul,.blog-details-content ol{margin:1.5rem 0;padding-left:2rem;color:var(--sl-color-gray-1);font-size:1rem;line-height:1.75}.blog-details-content ul{list-style-type:disc}.blog-details-content ol{list-style-type:decimal}.blog-details-content li{margin-bottom:.75rem}.blog-details-content li::marker{color:var(--color-text-link)}.blog-details-content strong{color:var(--sl-color-white);font-weight:700}.blog-details-content a{color:var(--color-text-link);text-decoration:none;transition:color .3s ease}.blog-details-content a:hover{color:var(--sl-color-accent);text-decoration:underline}.blog-details-content pre{padding:20px;margin-bottom:1rem}.blog-details-content code{font-family:Fira Code,Consolas,monospace;border-radius:4px;padding:.2rem .4rem;color:var(--sl-color-gray-2)}.blog-details-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--bg-secondary);border:1px solid var(--border-color-invert);border-radius:6px;overflow:hidden}.blog-details-content thead{background:var(--bg-primary)}.blog-details-content th,.blog-details-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color-invert);font-size:.95rem;color:var(--sl-color-gray-1)}.blog-details-content th{font-weight:600;color:var(--sl-color-white)}.blog-details-content tr:hover{background:var(--bg-color-highlight-text)}.blog-details-content tr:last-child td{border-bottom:none}.blog-details-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem auto;display:block;box-shadow:var(--shadow-invert)}@media(max-width:768px){.blog-details-content ul,.blog-details-content ol{padding-left:1.5rem;font-size:.95rem}.blog-details-content table{display:block;overflow-x:auto}.blog-details-content th,.blog-details-content td{padding:.5rem;font-size:.9rem}.blog-details-content img{margin:1rem auto}}@media(max-width:480px){.blog-details-content ul,.blog-details-content ol{padding-left:1.25rem;font-size:.9rem}.blog-details-content th,.blog-details-content td{font-size:.85rem}}.related-posts{margin-top:3rem}.related-posts>h2{color:var(--color-text-link);font-size:1.75rem;font-weight:600;text-align:center;margin-bottom:2rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media(max-width:768px){.blog-details{padding:2rem 1rem}.blog-title{font-size:1.75rem}.related-posts h2{font-size:1.5rem}.related-posts-grid{grid-template-columns:1fr}}@media(max-width:480px){.blog-details{padding:1.5rem .75rem}.blog-title{font-size:1.5rem}.meta-list{flex-direction:column;gap:.5rem}.meta-item:not(:last-child):after{content:none}}@media(max-width:768px){.blog-details-content blockquote{padding:1rem 1rem 1rem 2.5rem;font-size:1rem}.blog-details-content blockquote:before{font-size:1.5rem;left:.75rem;top:.75rem}}@media(max-width:480px){.blog-details-content blockquote{padding:.75rem .75rem .75rem 2rem;font-size:.95rem}.blog-details-content blockquote:before{font-size:1.25rem;left:.5rem;top:.5rem}}