/* Minimal blog styling - standalone and light. */
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif; color:#1f2937; background:#f8fafc; }
a { color:#2563eb; text-decoration:none; }
a:hover { text-decoration:underline; }
.container { max-width: 880px; margin: 0 auto; padding: 24px; }
header { padding: 32px 0 12px; }
header h1 { font-size: 28px; margin:0 0 6px; }
header p { color:#64748b; margin:0; }
nav { margin: 8px 0 24px; }
nav a { margin-right: 12px; font-size:14px; color:#475569; }
article { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding: 28px; }
article h1 { font-size: 32px; margin: 0 0 10px; }
article h2 { font-size: 22px; margin: 28px 0 8px; }
article h3 { font-size: 18px; margin: 20px 0 6px; }
article p { line-height: 1.7; color:#334155; }
article ul { padding-left: 20px; }
article li { margin: 6px 0; }
.meta { color:#64748b; font-size: 14px; margin-bottom: 18px; }
.post-list { list-style:none; padding:0; margin: 16px 0; }
.post-list li { margin: 12px 0; }
.post-card { display:block; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:16px; }
.badge { display:inline-block; font-size:12px; padding:2px 8px; border-radius:999px; background:#eef2ff; color:#3730a3; margin-right:8px; }
footer { color:#64748b; font-size: 13px; padding: 28px 0; text-align:center; }

/* Blog post navigation + CTAs */
.blog-nav { display:flex; gap:12px; margin: 6px 0 16px; align-items:center; font-size:14px; }
.blog-nav a { color:#475569; }
.blog-nav a.primary { color:#2563eb; font-weight:600; }
.cta-bar { display:flex; gap:12px; margin-top:24px; }
.cta-btn { display:inline-block; padding:10px 14px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; color:#334155; }
.cta-btn.primary { background:#2563eb; color:#fff; border-color:#2563eb; }
.cta-btn:hover { text-decoration:none; filter:brightness(0.98); }