main.blog-single{padding-top:12rem}.article-container{max-width:900px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--primary));text-decoration:none;margin-bottom:2rem;transition:color .2s ease}.back-link:hover{color:hsl(var(--primary) / .8)}.article-header{margin-bottom:2rem}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.category-badge{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:500}.article-date,.article-read-time{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.article-title{font-size:2.5rem;font-weight:800;color:hsl(var(--foreground));line-height:1.2;margin-bottom:1rem}.article-image{aspect-ratio:16/9;margin-bottom:2rem}.article-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.article-content{font-size:1.125rem;line-height:1.8;color:hsl(var(--foreground));margin-bottom:3rem}.article-content h1{font-size:2.25rem;font-weight:700;margin:2rem 0 1rem;color:hsl(var(--foreground));line-height:1.3}.article-content h2{font-size:1.875rem;font-weight:600;margin:2rem 0 1rem;color:hsl(var(--foreground));line-height:1.3}.article-content h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 .75rem;color:hsl(var(--foreground));line-height:1.3}.article-content p{margin-bottom:1.5rem}.article-content ul,.article-content ol{margin:1rem 0 1.5rem 2rem}.article-content li{margin-bottom:.5rem}.article-content a{color:hsl(var(--primary));text-decoration:underline;transition:color .2s ease}.article-content a:hover{color:hsl(var(--primary) / .8)}.article-content strong{font-weight:600;color:hsl(var(--foreground))}.cta-section{background:hsl(var(--primary) / .05);border-radius:8px;padding:2rem;text-align:center;margin:3rem 0}.cta-section h3{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:1rem}.cta-section p{color:hsl(var(--muted-foreground));margin-bottom:1.5rem}@media (min-width: 768px){.article-title{font-size:3rem}}@media (max-width: 768px){.article-title{font-size:2rem}.article-content h1{font-size:1.875rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.icon{width:1rem;height:1rem;display:inline-block;vertical-align:middle}