.blog-header{padding-top:8rem;padding-bottom:2rem;background:linear-gradient(to bottom,#f9fafb,#fff)}.breadcrumb{margin-bottom:1.5rem}.breadcrumb ol{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child):after{content:"/";margin:0 .5rem;color:#9ca3af}.breadcrumb a{color:#4b5563;transition:color .2s}.breadcrumb a:hover{color:#2563eb}.breadcrumb li[aria-current=page]{color:#111827;font-weight:500}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.category-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;color:#2563eb;background-color:#eff6ff;border-radius:9999px}.read-time{font-size:.875rem;color:#6b7280}.article-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#111827;line-height:1.2}@media (min-width: 768px){.article-title{font-size:3rem}}@media (min-width: 1024px){.article-title{font-size:3.75rem}}.article-description{font-size:1.25rem;color:#4b5563;margin-bottom:2rem;line-height:1.625}@media (min-width: 768px){.article-description{font-size:1.5rem}}.author-info{padding-bottom:1.5rem;border-bottom:1px solid rgb(229 231 235)}.author-details{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.author-name{font-weight:500;color:#111827}.separator{color:#9ca3af}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#4b5563;background-color:#f3f4f6;border-radius:9999px;cursor:pointer;transition:background-color .2s}.tag:hover{background-color:#e5e7eb}.featured-image-container{padding:2rem 0;background-color:#f9fafb}.featured-image{width:100%;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}.blog-content{padding:3rem 0}@media (min-width: 768px){.blog-content{padding:4rem 0}}.content-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:80rem;margin:0 auto}@media (min-width: 1024px){.content-grid{grid-template-columns:repeat(12,1fr)}}.blog-sidebar{display:none}@media (min-width: 1024px){.blog-sidebar{display:block;grid-column:span 3}}.blog-main{grid-column:span 12}@media (min-width: 1024px){.blog-main{grid-column:span 9}}.sticky-sidebar{position:sticky;top:6rem;display:flex;flex-direction:column;gap:2rem}.toc-container{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem}.toc-title{font-size:.875rem;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.toc ul{display:flex;flex-direction:column;gap:.5rem}.toc a{display:block;font-size:.875rem;color:#4b5563;padding:.25rem 0;transition:color .2s}.toc a:hover{color:#2563eb}.toc a.toc-h3{padding-left:1rem}.toc a.active{color:#2563eb;font-weight:500}.share-container{background-color:#fff;border:1px solid rgb(229 231 235);border-radius:.75rem;padding:1.5rem}.share-title{font-size:.875rem;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.share-buttons{display:flex;gap:.75rem}.share-button{width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:all .2s;border:none;cursor:pointer}.share-button:hover{background-color:#e5e7eb;transform:scale(1.1)}.share-button.copied{background-color:#dcfce7;color:#22c55e}.prose{color:#374151;line-height:1.625;max-width:none}.prose h2{font-size:1.875rem;font-weight:700;margin-top:4rem;margin-bottom:1.5rem;color:#111827;scroll-margin-top:6rem}@media (min-width: 768px){.prose h2{font-size:2.25rem}}.prose h3{font-size:1.5rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;color:#111827;scroll-margin-top:6rem}@media (min-width: 768px){.prose h3{font-size:1.875rem}}.prose h4{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:#111827}@media (min-width: 768px){.prose h4{font-size:1.5rem}}.prose p{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.625}.prose a{color:#2563eb;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.prose a:hover{color:#1d4ed8}.prose strong{font-weight:600;color:#111827}.prose em{font-style:italic}.prose code:not(pre code){font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;color:#111827}.prose pre{background-color:#111827;border-radius:.75rem;padding:1.5rem;overflow-x:auto;margin:2rem 0}.prose pre code{color:#f3f4f6;font-size:.875rem;line-height:1.625}.prose blockquote{border-left:4px solid rgb(59 130 246);padding-left:1.5rem;margin:2rem 0;color:#374151;font-style:italic}.prose blockquote p{margin-bottom:0}.prose ul{list-style-type:disc;list-style-position:inside;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.prose ol{list-style-type:decimal;list-style-position:inside;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.prose li{font-size:1.125rem;line-height:1.625;padding-left:.5rem}.prose li>p{display:inline}.prose hr{margin:3rem 0;border-color:#e5e7eb}.prose img{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;margin:2rem 0;width:100%}.prose figure{margin:3rem 0}.prose figcaption{text-align:center;font-size:.875rem;color:#6b7280;margin-top:1rem}.prose table{width:100%;margin:2rem 0;text-align:left;border-collapse:collapse}.prose table thead{background-color:#f9fafb;border-bottom:2px solid rgb(229 231 235)}.prose table th{padding:.75rem 1.5rem;font-weight:600;color:#111827}.prose table td{padding:1rem 1.5rem;border-bottom:1px solid rgb(243 244 246)}.prose table tbody tr:hover{background-color:#f9fafb}.newsletter-cta{padding:4rem 0;background:linear-gradient(to bottom right,#eff6ff,#f3e8ff,#fef08a)}.newsletter-card{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;padding:2rem;text-align:center}@media (min-width: 768px){.newsletter-card{padding:3rem}}.newsletter-card h3{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#111827}@media (min-width: 768px){.newsletter-card h3{font-size:2.25rem}}.newsletter-card p{font-size:1.125rem;color:#4b5563;margin-bottom:2rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.cta-buttons{flex-direction:row}}.related-posts{padding:4rem 0;background-color:#f9fafb}.related-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#111827}.related-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.related-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.article-title{font-size:1.875rem}.article-description{font-size:1.125rem}.prose h2{font-size:1.5rem;margin-top:3rem}.prose h3{font-size:1.25rem;margin-top:2rem}.prose p{font-size:1rem}}@media print{.blog-sidebar,.newsletter-cta,.related-posts,.share-container{display:none}.blog-main{grid-column:span 12}}.btn-primary{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background-color:#2563eb;color:#fff;font-weight:500;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s;text-decoration:none}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border:2px solid rgb(229 231 235);color:#374151;font-weight:500;background-color:#fff;border-radius:.5rem;transition:all .2s;text-decoration:none}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.prose{padding-left:0;margin-left:0}.prose>*:first-child{margin-top:0}.blog-sidebar{min-width:250px}.toc-container{max-height:calc(100vh - 200px);overflow-y:auto}.blog-main{padding-left:2rem}@media (max-width: 1024px){.blog-main{padding-left:0}}