/*
Theme Name: Karen Advisory
Theme URI: https://karen-advisory.com/
Author: Karen Advisory
Description: Custom theme for Karen Advisory — Licensed Insurance Business Partner, Cyberjaya, Selangor. Pixel-identical homepage with Customizer-editable hero and contact details, plus blog support styled to match the site.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: karen-advisory
*/

/* The design system is enqueued from assets/css/design-system.css.
   Below: minimal styles for blog listing & single post pages so they
   match the Karen Advisory look. */

.ka-blog-wrap { max-width: 820px; margin: 0 auto; padding: 48px 22px 80px; }
.ka-blog-header { padding: clamp(64px, 8vw, 100px) 0 clamp(32px, 4vw, 48px); background: var(--navy-900, #09183A); text-align: center; }
.ka-blog-header h1 { font-size: clamp(1.8rem, 1.3rem + 2.5vw, 3rem); font-weight: 900; letter-spacing: -0.03em; color: #fff; margin: 0 0 10px; }
.ka-blog-header p { color: rgba(255,255,255,0.6); margin: 0; }
.ka-post-card { border: 1px solid #e5e7eb; border-radius: 16px; padding: 28px; margin-bottom: 24px; background: #fff; box-shadow: 0 1px 3px rgba(9,24,58,0.06); }
.ka-post-card h2 { margin: 0 0 8px; font-size: 1.35rem; letter-spacing: -0.02em; }
.ka-post-card h2 a { color: var(--navy-900, #09183A); text-decoration: none; }
.ka-post-card h2 a:hover { color: var(--gold-600, #C9A84C); }
.ka-post-meta { font-size: 0.8rem; color: #9ca3af; margin-bottom: 12px; }
.ka-post-card .ka-excerpt { color: #4b5563; line-height: 1.7; }
.ka-readmore { display: inline-block; margin-top: 12px; font-weight: 700; font-size: 0.86rem; color: var(--gold-600, #C9A84C); text-decoration: none; }
.ka-single h1 { font-size: clamp(1.7rem, 1.2rem + 2.5vw, 2.6rem); letter-spacing: -0.03em; color: var(--navy-900, #09183A); margin: 0 0 10px; }
.ka-single .ka-content { color: #374151; line-height: 1.85; font-size: 1.02rem; }
.ka-single .ka-content h2, .ka-single .ka-content h3 { color: var(--navy-900, #09183A); letter-spacing: -0.02em; }
.ka-single .ka-content img { max-width: 100%; height: auto; border-radius: 12px; }
.ka-single .ka-content a { color: var(--gold-600, #C9A84C); }
.ka-pagination { display: flex; gap: 10px; justify-content: center; margin-top: 32px; }
.ka-pagination a, .ka-pagination span { padding: 8px 14px; border: 1px solid #e5e7eb; border-radius: 8px; text-decoration: none; color: var(--navy-900, #09183A); font-size: 0.9rem; }
.ka-pagination .current { background: var(--navy-900, #09183A); color: #fff; }