/* ===== EMT Cash Blog styles ===== */
.blogx-main { background:#fff; }

/* Hero band */
.blogx-hero {
  background: linear-gradient(135deg,#8c24f3 0%,#6b10d4 55%,#4b0fa0 100%);
  color:#fff; text-align:center; padding:64px 0 72px;
}
.blogx-eyebrow {
  font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:#e9d5ff; margin-bottom:14px;
}
.blogx-hero-title {
  font-family:'Manrope','Inter',sans-serif; font-weight:800;
  font-size:clamp(1.9rem,4.5vw,3rem); line-height:1.12; letter-spacing:-.02em; margin:0 auto;
  max-width:820px;
}
.blogx-hero-lead {
  color:rgba(255,255,255,.85); font-size:1.05rem; line-height:1.65;
  max-width:620px; margin:16px auto 0;
}

/* Listing */
.blogx-list-section { padding:56px 0 72px; }
.blogx-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
}
.blogx-card {
  display:flex; flex-direction:column; background:#fff;
  border:1px solid #ede9f6; border-radius:16px; overflow:hidden;
  box-shadow:0 2px 14px rgba(140,36,243,.06); transition:transform .2s, box-shadow .2s;
}
.blogx-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(140,36,243,.14); }
.blogx-card-img { display:block; aspect-ratio:16/10; overflow:hidden; background:#f3ebff; }
.blogx-card-img img { width:100%; height:100%; object-fit:cover; }
.blogx-card-img-ph {
  display:flex; align-items:center; justify-content:center; width:100%; height:100%;
  background:linear-gradient(135deg,#8c24f3,#4b0fa0); color:#fff;
  font-family:'Manrope',sans-serif; font-weight:700; font-size:1.5rem; letter-spacing:.02em;
}
.blogx-card-img-ph b { color:#e0ccff; font-weight:800; }
.blogx-card-body { padding:20px 22px 24px; display:flex; flex-direction:column; flex:1; }
.blogx-card-cat {
  align-self:flex-start; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:#8c24f3; background:#f3e8ff; border-radius:999px; padding:4px 12px; margin-bottom:12px;
}
.blogx-card-title {
  font-family:'Manrope','Inter',sans-serif; font-size:1.18rem; font-weight:800; line-height:1.3;
  margin:0 0 10px; color:#1a1a2e;
}
.blogx-card-title a { color:inherit; }
.blogx-card-title a:hover { color:#8c24f3; }
.blogx-card-excerpt { color:#5b5b6b; font-size:.92rem; line-height:1.65; margin:0 0 18px; }
.blogx-card-meta { margin-top:auto; font-size:.8rem; color:#9296a3; display:flex; align-items:center; gap:8px; }
.blogx-dot { color:#c9b8e8; }

/* Pagination */
.blogx-pagination { margin-top:48px; }
.blogx-pagination .nav-links { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }
.blogx-pagination a, .blogx-pagination span {
  display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 14px;
  border-radius:10px; border:1px solid #e5e0f0; font-weight:600; font-size:.9rem; color:#4b0fa0; background:#fff;
}
.blogx-pagination a:hover { background:#f3e8ff; border-color:#c084fc; }
.blogx-pagination .current { background:#8c24f3; color:#fff; border-color:#8c24f3; }

/* Empty */
.blogx-empty { text-align:center; padding:60px 20px; }
.blogx-empty h2 { font-family:'Manrope',sans-serif; font-size:1.6rem; color:#1a1a2e; margin-bottom:10px; }
.blogx-empty p { color:#5b5b6b; }
.blogx-empty a { color:#8c24f3; font-weight:600; }

/* Single / Page */
.blogx-single { padding:44px 0 72px; }
.blogx-narrow { max-width:760px; }
.blogx-crumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.82rem; color:#9296a3; margin-bottom:22px; }
.blogx-crumb a { color:#8c24f3; font-weight:600; }
.blogx-crumb a:hover { text-decoration:underline; }
.blogx-crumb-current { color:#9296a3; }
.blogx-single-cat {
  display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:#8c24f3; background:#f3e8ff; border-radius:999px; padding:5px 14px; margin-bottom:16px;
}
.blogx-single-title {
  font-family:'Manrope','Inter',sans-serif; font-weight:800; font-size:clamp(1.8rem,4vw,2.6rem);
  line-height:1.15; letter-spacing:-.02em; color:#1a1a2e; margin:0 0 16px;
}
.blogx-single-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.88rem; color:#9296a3; margin-bottom:28px; }
.blogx-single-img { border-radius:16px; overflow:hidden; margin-bottom:32px; }
.blogx-single-img img { width:100%; height:auto; }

/* Article body typography */
.blogx-content { font-size:1.05rem; line-height:1.8; color:#33333f; }
.blogx-content > * { margin-bottom:1.25rem; }
.blogx-content h2 { font-family:'Manrope',sans-serif; font-size:1.6rem; font-weight:800; color:#1a1a2e; margin:2.2rem 0 1rem; line-height:1.25; }
.blogx-content h3 { font-family:'Manrope',sans-serif; font-size:1.28rem; font-weight:700; color:#1a1a2e; margin:1.8rem 0 .8rem; }
.blogx-content h4 { font-size:1.1rem; font-weight:700; color:#1a1a2e; margin:1.5rem 0 .6rem; }
.blogx-content p { margin-bottom:1.25rem; }
.blogx-content a { color:#8c24f3; font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.blogx-content ul, .blogx-content ol { padding-left:1.4rem; margin-bottom:1.25rem; }
.blogx-content li { margin-bottom:.55rem; }
.blogx-content ul li { list-style:disc; }
.blogx-content ol li { list-style:decimal; }
.blogx-content img { border-radius:12px; height:auto; }
.blogx-content blockquote {
  border-left:4px solid #8c24f3; background:#faf5ff; padding:1rem 1.25rem; border-radius:0 10px 10px 0;
  color:#4b0fa0; font-style:italic;
}
.blogx-content strong { color:#1a1a2e; }
.blogx-content table { width:100%; border-collapse:collapse; margin-bottom:1.5rem; }
.blogx-content th, .blogx-content td { border:1px solid #ede9f6; padding:.6rem .8rem; text-align:left; font-size:.95rem; }
.blogx-content th { background:#8c24f3; color:#fff; }

/* Tags */
.blogx-tags { margin-top:32px; display:flex; flex-wrap:wrap; gap:8px; }
.blogx-tags a { font-size:.8rem; color:#4b0fa0; background:#f3e8ff; border-radius:999px; padding:5px 14px; font-weight:600; }
.blogx-tags a:hover { background:#e0ccff; }

/* Article CTA box */
.blogx-cta {
  margin:40px 0 8px; padding:28px 30px; border-radius:18px;
  background:linear-gradient(135deg,#8c24f3,#4b0fa0); color:#fff;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.blogx-cta h3 { font-family:'Manrope',sans-serif; font-size:1.4rem; font-weight:800; margin:0 0 6px; }
.blogx-cta p { margin:0; color:rgba(255,255,255,.85); font-size:.95rem; max-width:420px; }
.blogx-cta .btn { white-space:nowrap; }

.blogx-back { display:inline-block; margin-top:34px; color:#8c24f3; font-weight:600; }
.blogx-back:hover { text-decoration:underline; }

/* Responsive */
@media (max-width:960px){ .blogx-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){
  .blogx-grid { grid-template-columns:1fr; }
  .blogx-hero { padding:48px 0 54px; }
  .blogx-list-section { padding:40px 0 54px; }
  .blogx-cta { flex-direction:column; align-items:flex-start; text-align:left; }
}

/* ===== Category / archive page ===== */
.blogx-hero--cat { padding:54px 0 44px; }
.blogx-crumb--hero { justify-content:center; margin-bottom:18px; }
.blogx-crumb--hero a { color:#e9d5ff; }
.blogx-crumb--hero a:hover { color:#fff; text-decoration:underline; }
.blogx-crumb--hero span { color:rgba(255,255,255,.55); }
.blogx-crumb--hero .blogx-crumb-current { color:rgba(255,255,255,.8); }
.blogx-count {
  display:inline-block; margin-top:18px; background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:5px 16px;
  font-size:.8rem; font-weight:600; color:#e9d5ff; letter-spacing:.02em;
}
.blogx-catnav { background:#faf7ff; border-bottom:1px solid #f0e8fd; padding:20px 0; }
.blogx-catnav-inner { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.blogx-chip {
  display:inline-flex; align-items:center; gap:7px; padding:9px 18px; border-radius:999px;
  border:1.5px solid #e5e0f0; background:#fff; color:#4b0fa0; font-weight:600; font-size:.88rem;
  transition:border-color .18s, background .18s, color .18s, transform .18s;
}
.blogx-chip:hover { border-color:#c084fc; background:#faf5ff; transform:translateY(-1px); }
.blogx-chip.active { background:#8c24f3; border-color:#8c24f3; color:#fff; box-shadow:0 4px 14px rgba(140,36,243,.28); }
.blogx-chip-count {
  font-size:.72rem; font-weight:700; background:#f3e8ff; color:#8c24f3;
  border-radius:999px; padding:1px 8px; line-height:1.5;
}
.blogx-chip:hover .blogx-chip-count { background:#e9d5ff; }
.blogx-chip.active .blogx-chip-count { background:rgba(255,255,255,.25); color:#fff; }
@media (max-width:600px){
  .blogx-catnav { padding:16px 0; }
  .blogx-catnav-inner { justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
  .blogx-chip { white-space:nowrap; }
}

/* ===== Author page ===== */
.blogx-hero--author { padding:54px 0 46px; }
.blogx-author-badge {
  width:96px; height:96px; margin:0 auto 20px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.14); border:2px solid rgba(255,255,255,.4);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.blogx-author-badge svg { width:46px; height:46px; }
.blogx-hero-title--author { font-size:clamp(1.8rem,4vw,2.7rem); }