/* LearningPencilsForKids - School Readiness */
:root{--primary:#1d4e89;--pl:#2e6db4;--accent:#4fc3f7;--al:#e3f4fd;--text:#0d1f38;--muted:#3a5a80;--bg:#f5f9ff;--border:#bdd9f7;--shadow:0 2px 12px rgba(0,0,0,0.08);--r:10px;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;font-size:16px;}
.site-header{background:var(--primary);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15);}
.header-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;}
.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;}
.logo-icon{font-size:28px;}
.logo-text{display:block;font-size:20px;font-weight:800;}
.logo-tagline{display:block;font-size:11px;opacity:.8;}
.header-nav{display:flex;gap:24px;}
.header-nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;}
.header-nav a:hover{color:#fff;}
.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--pl) 100%);color:#fff;padding:64px 24px;text-align:center;}
.hero h1{font-size:clamp(26px,4vw,46px);font-weight:800;max-width:760px;margin:0 auto 16px;line-height:1.2;}
.hero p{font-size:18px;max-width:600px;margin:0 auto 28px;opacity:.9;}
.hero-cta{display:inline-block;background:#fff;color:var(--primary);padding:12px 28px;border-radius:50px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s,box-shadow .2s;}
.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2);}
.section-label{max-width:1100px;margin:40px auto 16px;padding:0 20px;border-left:4px solid var(--accent);padding-left:16px;}
.section-label h2{font-size:20px;font-weight:700;color:var(--primary);}
.article-grid{max-width:1100px;margin:0 auto 32px;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}
.article-item{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:transform .2s,box-shadow .2s;}
.article-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12);}
.article-item a{text-decoration:none;color:inherit;display:block;}
.article-card-body{padding:20px;}
.article-tag{display:inline-block;background:var(--al);color:var(--primary);font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.article-item h3{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.35;}
.article-item p{font-size:13px;color:var(--muted);margin-bottom:10px;}
.read-more{font-size:13px;font-weight:600;color:var(--pl);}
.article-container{max-width:760px;margin:40px auto;padding:0 24px 60px;}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:20px;}
.breadcrumb a{color:var(--primary);text-decoration:none;}
.article-container h1{font-size:clamp(24px,3.5vw,38px);font-weight:800;line-height:1.2;margin-bottom:20px;}
.author-byline{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border);}
.author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;}
.author-name{display:block;font-weight:700;font-size:14px;}
.author-date{display:block;font-size:13px;color:var(--muted);}
.quick-answer{background:var(--al);border-left:4px solid var(--accent);border-radius:0 var(--r) var(--r) 0;padding:20px 24px;margin-bottom:32px;}
.quick-answer-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:8px;}
.quick-answer p{font-size:16px;font-weight:500;line-height:1.6;}
.article-body h2{font-size:22px;font-weight:700;margin:32px 0 12px;color:var(--primary);}
.article-body h3{font-size:18px;font-weight:700;margin:24px 0 10px;}
.article-body p{margin-bottom:18px;line-height:1.8;}
.article-body ul,.article-body ol{margin:0 0 18px 24px;line-height:1.8;}
.article-body li{margin-bottom:6px;}
.product-card{display:flex;gap:20px;background:#fff;border:2px solid var(--accent);border-radius:var(--r);padding:20px;margin:32px 0;box-shadow:var(--shadow);}
.product-card img{width:120px;height:120px;object-fit:contain;flex-shrink:0;}
.product-card-content h3{font-size:16px;font-weight:700;margin-bottom:6px;}
.product-card-content p{font-size:14px;color:var(--muted);margin-bottom:12px;}
.product-cta{display:inline-block;background:var(--primary);color:#fff;padding:10px 20px;border-radius:6px;font-weight:700;font-size:14px;text-decoration:none;transition:background .2s;}
.product-cta:hover{background:var(--pl);}
.site-footer{background:var(--primary);color:rgba(255,255,255,.85);padding:40px 24px;margin-top:60px;text-align:center;}
.footer-inner{max-width:1100px;margin:0 auto;}
.footer-inner p{margin-bottom:16px;font-size:14px;}
.sister-sites{font-size:13px;line-height:1.8;}
.sister-sites a{color:rgba(255,255,255,.75);text-decoration:none;margin:0 4px;}
.sister-sites a:hover{color:#fff;text-decoration:underline;}
@media(max-width:640px){.product-card{flex-direction:column;}.product-card img{width:100%;height:200px;}.header-nav{display:none;}}