/*
Theme Name: Anukant Blog
Theme URI: https://anukant.com
Description: Lightweight WordPress theme for the Anukant blog. Uses the same header, footer and design system (style.css) as the main static site, so the blog looks identical. Only the blog (/blog) uses this theme; the main pages are static HTML at the site root.
Author: Anukant
Version: 1.0
*/

/* The main design system is loaded from /assets/css/style.css (enqueued in functions.php).
   Below are ONLY the blog-specific styles (post listing + article typography). */

/* --- Blog hero --- */
.blog-hero{padding:70px 0 20px}
.blog-hero .wrap{max-width:820px;text-align:center}

/* --- Post listing cards: reuse .cs / .cs-grid from the main style.css --- */
.cs .visual{background:var(--grad)}
.cs .body .meta{color:var(--muted);font-size:.84rem;margin-bottom:8px;font-family:var(--head);font-weight:500}

/* --- Single post typography --- */
.post-content{font-size:1.07rem;color:#2f3138;line-height:1.75}
.post-content p{margin:0 0 18px}
.post-content h2{font-size:1.7rem;margin:34px 0 12px}
.post-content h3{font-size:1.32rem;margin:28px 0 10px}
.post-content h4{font-size:1.1rem;margin:22px 0 8px}
.post-content ul,.post-content ol{margin:0 0 18px 22px}
.post-content li{margin-bottom:8px}
.post-content a{color:var(--brand);font-weight:600;text-decoration:underline}
.post-content img{border-radius:14px;margin:18px 0;height:auto}
.post-content blockquote{margin:22px 0;padding:14px 22px;border-left:4px solid var(--brand);background:var(--paper-soft);border-radius:0 12px 12px 0;color:#3f414a}
.post-content pre{background:#17121C;color:#f3eef5;padding:16px 18px;border-radius:12px;overflow:auto;margin:18px 0}
.post-content code{background:var(--paper-soft);padding:2px 6px;border-radius:5px;font-size:.92em}
.post-content pre code{background:none;padding:0}
.post-content figure{margin:18px 0}
.post-content table{width:100%;border-collapse:collapse;margin:18px 0}
.post-content th,.post-content td{border:1px solid var(--line);padding:10px 12px;text-align:left}

/* --- Pagination --- */
.pagination{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:36px}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-family:var(--head);font-weight:600;color:var(--ink)}
.pagination .page-numbers.current{background:var(--grad);color:#fff;border-color:transparent}
.pagination a.page-numbers:hover{border-color:var(--brand);color:var(--brand)}

/* --- Comments (basic, in case enabled) --- */
.post-comments{max-width:760px;margin:40px auto 0}
.post-comments input,.post-comments textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 13px;margin-bottom:12px;font-family:var(--body)}