/* Content pages: blog, about, contact, home guides */
.top-nav { display:flex; gap:1.25rem; margin-left:auto; align-items:center; }
.top-nav a { color:var(--dark,#1e293b); text-decoration:none; font-weight:600; font-size:.95rem; }
.top-nav a:hover { color:var(--primary,#6d28d9); }
.navbar { display:flex; align-items:center; }
@media (max-width:600px){ .top-nav{gap:.75rem;} .top-nav a{font-size:.85rem;} .navbar{flex-wrap:wrap;gap:.5rem;} }
.crumbs { font-size:.9rem; color:#64748b; margin-bottom:1rem; }
.crumbs a { color:var(--primary,#6d28d9); text-decoration:none; }
.blog-hero { max-width:900px; margin:2.5rem auto 1rem; padding:0 1rem; text-align:center; }
.blog-hero h1 { font-family:'Josefin Sans',sans-serif; font-size:2.2rem; font-weight:800; margin-bottom:.75rem; }
.blog-hero p { color:#64748b; line-height:1.7; }
.blog-grid { max-width:1000px; margin:1.5rem auto 3rem; padding:0 1rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:1.25rem; }
.blog-card { background:#fff; border:1px solid #e5e7eb; border-radius:1.1rem; padding:1.4rem; box-shadow:0 6px 18px rgba(0,0,0,.04); display:flex; flex-direction:column; text-decoration:none; transition:transform .15s; }
.blog-card:hover { transform:translateY(-3px); }
.blog-card .cat { font-size:.75rem; text-transform:uppercase; letter-spacing:1px; color:#ec4899; font-weight:700; margin-bottom:.5rem; }
.blog-card h2, .blog-card h3 { font-size:1.12rem; line-height:1.35; color:#1e293b; margin:0 0 .6rem; font-weight:700; }
.blog-card p { color:#64748b; font-size:.93rem; line-height:1.6; margin:0 0 .9rem; flex:1; }
.blog-card .meta { font-size:.8rem; color:#94a3b8; }
.article-wrap { max-width:780px; margin:2.5rem auto; padding:2.5rem; background:#fff; border:1px solid #e5e7eb; border-radius:1.5rem; box-shadow:0 10px 25px rgba(0,0,0,.05); text-align:left; }
.article-wrap h1 { font-family:'Josefin Sans',sans-serif; font-size:2.1rem; line-height:1.25; font-weight:800; margin-bottom:.75rem; }
.article-wrap .meta { color:#94a3b8; font-size:.88rem; margin-bottom:1.5rem; }
.article-wrap h2 { color:var(--primary,#6d28d9); font-size:1.35rem; margin:2rem 0 .8rem; font-weight:700; }
.article-wrap h3 { font-size:1.1rem; margin:1.4rem 0 .6rem; font-weight:700; }
.article-wrap p, .article-wrap li { color:#374151; line-height:1.8; font-size:1.04rem; }
.article-wrap p { margin-bottom:1.1rem; }
.article-wrap ul, .article-wrap ol { padding-left:1.5rem; margin-bottom:1.2rem; }
.article-wrap a { color:var(--primary,#6d28d9); }
.cta-box { background:linear-gradient(135deg,#f5f3ff,#fdf2f8); border-radius:1rem; padding:1.25rem 1.5rem; margin:2rem 0 1rem; }
.cta-box a.btn { display:inline-block; margin-top:.5rem; background:var(--primary,#6d28d9); color:#fff !important; padding:.65rem 1.2rem; border-radius:.7rem; text-decoration:none; font-weight:700; }
.related { max-width:1000px; margin:0 auto 3rem; padding:0 1rem; }
.related h2 { font-size:1.4rem; margin-bottom:1rem; text-align:center; }
.home-guides { max-width:1000px; margin:2rem auto; padding:0 1rem; }
.home-guides h2 { text-align:center; font-size:1.8rem; font-weight:800; margin-bottom:.5rem; }
.home-guides .lead { text-align:center; color:#64748b; margin-bottom:1.5rem; }
.home-guides .more { text-align:center; margin-top:1.25rem; }
.home-guides .more a { color:var(--primary,#6d28d9); font-weight:700; }
@media (max-width:600px){ .article-wrap{margin:1.5rem .75rem;padding:1.5rem 1.1rem;} .article-wrap h1{font-size:1.6rem;} }

.kw-chips { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.25rem; }
.kw-chips span { background:#f5f3ff; color:#6d28d9; border-radius:999px; padding:.3rem .8rem; font-size:.85rem; font-weight:600; }