/* === Numely.net - Blog Styles === */

/* Blog Grid */
.blog-grid{margin-bottom:var(--space-2xl)}

/* Blog Card */
.blog-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.blog-card-image{aspect-ratio:16/9;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-card:hover .blog-card-image img{transform:scale(1.05)}
.blog-card-body{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}
.blog-card-category{display:inline-block;background:var(--color-primary-light);color:var(--color-primary);padding:.15rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:var(--space-sm);width:fit-content}
.blog-card-body .card-title{font-size:1rem;margin-bottom:var(--space-sm)}
.blog-card-body .card-desc{flex:1}
.blog-card-body .card-meta{margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--color-border)}

/* Article Page */
.article-header{margin-bottom:var(--space-xl)}
.article-header h1{font-size:2rem;line-height:1.3;margin-bottom:var(--space-md)}
.article-meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;font-size:.85rem;color:var(--color-text-light)}
.article-category-link{background:var(--color-primary-light);color:var(--color-primary);padding:.2rem .7rem;border-radius:20px;font-weight:600;text-decoration:none;font-size:.8rem}
.article-category-link:hover{background:var(--color-primary);color:var(--color-text-inverse);text-decoration:none}
.article-views{color:var(--color-text-light)}

.article-featured-image{margin-bottom:var(--space-xl);border-radius:var(--border-radius-lg);overflow:hidden}
.article-featured-image img{width:100%;height:auto;display:block}

.article-content{font-size:1.05rem;line-height:1.8;margin-bottom:var(--space-2xl)}
.article-content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:1.5rem}
.article-content h3{margin-top:var(--space-xl);margin-bottom:var(--space-md);font-size:1.25rem}
.article-content p{margin-bottom:var(--space-md)}
.article-content ul,.article-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}
.article-content ul li,.article-content ol li{margin-bottom:var(--space-sm);list-style:disc}
.article-content ol li{list-style:decimal}
.article-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:var(--space-md) 0}
.article-content a{color:var(--color-primary);text-decoration:underline}
.article-content a:hover{color:var(--color-primary-dark)}

/* Related Calculators */
.article-related-calcs{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--color-border)}
.article-related-calcs h2{margin-bottom:var(--space-lg)}

/* Responsive */
@media(max-width:768px){
    .blog-grid{grid-template-columns:1fr}
    .article-header h1{font-size:1.5rem}
    .article-meta{font-size:.8rem}
}