/* Blog-hub-specific styles */
/* Blog Hero */
.blog-hero{background:var(--navy);padding:52px 52px 48px}
.blog-hero-inner{max-width:860px;margin:0 auto}
.blog-hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,48px);font-weight:700;color:#fff;margin-bottom:14px;line-height:1.2}
.blog-hero p{font-family:'IBM Plex Sans',sans-serif;font-size:16px;color:rgba(255,255,255,.6);line-height:1.7;max-width:540px;margin-bottom:28px}
.blog-hero-cta{display:inline-flex;align-items:center;gap:8px;background:#0066cc;color:#fff!important;font-family:'IBM Plex Sans',sans-serif;font-size:15px;font-weight:700;padding:13px 28px;border-radius:9px;text-decoration:none!important;transition:background .15s}
.blog-hero-cta:hover{background:#004a8f!important}
.blog-hero-meta{font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,.35);margin-top:14px}
/* Featured post */
.blog-body{max-width:1100px;margin:0 auto;padding:48px 52px 64px}
.blog-featured{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:40px}
.blog-featured-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:36px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s;display:block}
.blog-featured-card:hover{border-color:#0066cc;box-shadow:0 4px 24px rgba(0,102,204,.1)}
.blog-feat-tag{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;color:#0066cc;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;display:block}
.blog-feat-tag.xmr{color:#e07028}
.blog-feat-tag.zec{color:#c09b28}
.blog-feat-tag.kyc{color:#16a34a}
.blog-featured-card h2{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--navy);margin-bottom:10px;line-height:1.3}
.blog-featured-card p{font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:var(--body-txt);line-height:1.7;margin-bottom:16px}
.blog-read{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#0066cc;display:flex;align-items:center;gap:6px}
/* Post grid */
.blog-section-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:20px;padding-bottom:10px;border-bottom:1.5px solid var(--border)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}
.blog-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:26px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s;display:block}
.blog-card:hover{border-color:#0066cc;box-shadow:0 2px 16px rgba(0,102,204,.08)}
.blog-card-tag{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:block;color:#0066cc}
.blog-card-tag.xmr{color:#e07028}
.blog-card-tag.zec{color:#c09b28}
.blog-card-tag.kyc{color:#16a34a}
.blog-card h3{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.35}
.blog-card p{font-family:'IBM Plex Sans',sans-serif;font-size:13px;color:var(--body-txt);line-height:1.65;margin-bottom:14px}
.blog-card-meta{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--muted);display:flex;gap:12px}

/* Inline CTA strip between featured posts and article grid */
.swap-strip{background:linear-gradient(135deg,#001f3f 0%,#003366 100%);border-radius:14px;padding:32px 36px;margin:32px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.swap-strip-text{flex:1;min-width:260px}
.swap-strip-text h2{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.25}
.swap-strip-text p{font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:rgba(255,255,255,.7);margin:0;line-height:1.5}
.swap-strip-btn{display:inline-flex;align-items:center;gap:8px;background:#0066cc;color:#fff!important;font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:700;padding:13px 24px;border-radius:9px;text-decoration:none!important;white-space:nowrap;transition:background .15s}
.swap-strip-btn:hover{background:#0080ff!important}

@media(max-width:900px){
  .ss-topbar{padding:8px 20px}.ss-nav{padding:12px 20px}.ss-nav-links{display:none}
  .ss-hamburger{display:block}.blog-hero{padding:32px 20px}
  .blog-body{padding:28px 20px 48px}
  .blog-featured{grid-template-columns:1fr}
  .ss-footer{padding:40px 20px 24px}.ss-footer-grid{grid-template-columns:1fr 1fr;gap:24px}
  .ss-footer-grid>div:first-child{grid-column:1/-1}
  .swap-strip{flex-direction:column;text-align:center}
}
@media(max-width:480px){
  .ss-wordmark,.ss-tagline{display:none}.ss-topbar-items{display:none}
  .ss-footer-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}
}