/* XYZREG Blog styles — matches main theme */
.blog-main{padding:48px 0 64px;min-height:60vh;}
.blog-breadcrumb{font-size:14px;color:#64748b;margin-bottom:16px;}
.blog-breadcrumb a{color:#1D6FE8;text-decoration:none;}
html[data-theme="dark"] .blog-breadcrumb{color:#94a3b8;}
.blog-h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,5vw,48px);font-weight:700;color:#0A1F44;margin:0 0 8px;letter-spacing:-.02em;}
html[data-theme="dark"] .blog-h1{color:#f8fafc;}
.blog-sub{font-size:18px;color:#475569;max-width:640px;margin:0 0 40px;}
html[data-theme="dark"] .blog-sub{color:#94a3b8;}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;transition:transform .2s,box-shadow .2s;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,31,68,.12);}
html[data-theme="dark"] .blog-card{background:#0a1428;border-color:#1d2942;}
.blog-card-tag{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1D6FE8;background:#e8f1fe;border-radius:999px;padding:4px 12px;margin-bottom:12px;}
html[data-theme="dark"] .blog-card-tag{background:#16213a;}
.blog-card h2{font-family:'Space Grotesk',sans-serif;font-size:22px;line-height:1.35;margin:0 0 12px;}
.blog-card h2 a{color:#0A1F44;text-decoration:none;}
.blog-card h2 a:hover{color:#1D6FE8;}
html[data-theme="dark"] .blog-card h2 a{color:#f8fafc;}
.blog-card p{color:#475569;font-size:15px;line-height:1.65;margin:0 0 16px;}
html[data-theme="dark"] .blog-card p{color:#94a3b8;}
.blog-read{color:#1D6FE8;font-weight:600;text-decoration:none;font-size:15px;}
.blog-read:hover{text-decoration:underline;}
/* Article pages */
.blog-article{max-width:760px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:48px;}
html[data-theme="dark"] .blog-article{background:#0a1428;border-color:#1d2942;}
.blog-article h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,40px);line-height:1.2;color:#0A1F44;margin:0 0 16px;letter-spacing:-.02em;}
html[data-theme="dark"] .blog-article h1{color:#f8fafc;}
.blog-meta{font-size:14px;color:#64748b;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0;}
html[data-theme="dark"] .blog-meta{color:#94a3b8;border-color:#1d2942;}
.blog-article h2{font-family:'Space Grotesk',sans-serif;font-size:26px;color:#0A1F44;margin:36px 0 16px;}
html[data-theme="dark"] .blog-article h2{color:#f1f5f9;}
.blog-article h3{font-family:'Space Grotesk',sans-serif;font-size:20px;color:#0A1F44;margin:28px 0 12px;}
html[data-theme="dark"] .blog-article h3{color:#f1f5f9;}
.blog-article p{font-size:17px;line-height:1.75;color:#334155;margin:0 0 20px;}
html[data-theme="dark"] .blog-article p{color:#cbd5e1;}
.blog-article ul,.blog-article ol{font-size:17px;line-height:1.75;color:#334155;margin:0 0 20px;padding-left:28px;}
html[data-theme="dark"] .blog-article ul,html[data-theme="dark"] .blog-article ol{color:#cbd5e1;}
.blog-article li{margin-bottom:8px;}
.blog-article table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;}
.blog-article th,.blog-article td{border:1px solid #e2e8f0;padding:12px;text-align:left;}
.blog-article th{background:#f1f5f9;font-weight:700;color:#0A1F44;}
html[data-theme="dark"] .blog-article th,html[data-theme="dark"] .blog-article td{border-color:#1d2942;}
html[data-theme="dark"] .blog-article th{background:#16213a;color:#f8fafc;}
html[data-theme="dark"] .blog-article td{color:#cbd5e1;}
.blog-article a{color:#1D6FE8;}
.blog-article strong{color:#0A1F44;}
html[data-theme="dark"] .blog-article strong{color:#f8fafc;}
.blog-article .blog-cta{background:linear-gradient(135deg,#0A1F44,#1D6FE8);border-radius:16px;padding:32px;text-align:center;margin:40px 0 0;}
.blog-article .blog-cta p{color:#fff;font-size:18px;margin:0 0 16px;}
.blog-article .blog-cta a{display:inline-block;background:#fff;color:#0A1F44;font-weight:700;padding:12px 32px;border-radius:999px;text-decoration:none;}
.blog-back{display:inline-block;margin-bottom:24px;color:#1D6FE8;text-decoration:none;font-weight:600;}
.blog-back:hover{text-decoration:underline;}
@media(max-width:640px){.blog-article{padding:28px 20px;}.blog-main{padding:32px 0 48px;}}
.xhdr-links .xhdr-active{color:#1D6FE8;font-weight:700;}