/* Innovativz Blog styles — uses the site's existing tokens (.glass, .btn-primary, .orb, .card-glow) */
.bl-page{position:relative;min-height:100vh;padding:7.5rem 0 4rem;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:#d1d5db}
.bl-wrap{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}
.bl-narrow{max-width:800px}
.bl-hero{text-align:center;max-width:720px;margin:0 auto 2.5rem}
.bl-label{display:inline-block;padding:.35rem .9rem;border-radius:999px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#a78bfa;background:#7c3aed1f;border:1px solid #a78bfa33}
.bl-title{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;line-height:1.1;color:#fff;margin:1rem 0 .75rem;letter-spacing:-.02em}
.bl-sub{font-size:1.05rem;line-height:1.7;color:#9ca3af;margin-bottom:1.5rem}

.bl-tools{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:2.25rem}
.bl-search{width:100%;max-width:460px;padding:.8rem 1.1rem;border-radius:999px;color:#fff;font-size:.95rem;background:#ffffff0a;border:1px solid #ffffff1a;outline:none;transition:border-color .2s,box-shadow .2s}
.bl-search::placeholder{color:#6b7280}
.bl-search:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}
.bl-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.bl-chip{padding:.45rem 1rem;border-radius:999px;font-size:.82rem;font-weight:500;color:#9ca3af;background:#ffffff08;border:1px solid #ffffff12;cursor:pointer;transition:all .2s}
.bl-chip:hover{color:#fff;border-color:#7c3aed66}
.bl-chip.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#a78bfa4d}

.bl-cover{position:relative;display:flex;align-items:center;justify-content:center;height:170px;overflow:hidden}
.bl-cover-big{height:260px;border-radius:1.25rem;margin-bottom:2rem}
.bl-emoji{font-size:3.4rem;filter:drop-shadow(0 8px 20px #0008)}
.bl-cover-big .bl-emoji{font-size:5rem}
.bl-cover-tag{position:absolute;left:.9rem;bottom:.8rem;padding:.2rem .65rem;border-radius:999px;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0009;backdrop-filter:blur(6px)}
.bl-c0{background:linear-gradient(135deg,#4c1d95,#7c3aed 60%,#312e81)}
.bl-c1{background:linear-gradient(135deg,#0c4a6e,#0ea5e9 60%,#312e81)}
.bl-c2{background:linear-gradient(135deg,#831843,#db2777 60%,#4c1d95)}
.bl-c3{background:linear-gradient(135deg,#312e81,#6366f1 55%,#0ea5e9)}
.bl-c4{background:linear-gradient(135deg,#064e3b,#10b981 55%,#0c4a6e)}

.bl-meta,.bl-byline{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.78rem;color:#6b7280}
.bl-meta i,.bl-byline i{width:3px;height:3px;border-radius:50%;background:#4b5563}
.bl-pill{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd;background:#7c3aed26;border:1px solid #a78bfa33;margin-bottom:.9rem}
.bl-more{display:inline-block;margin-top:auto;font-size:.88rem;font-weight:600;color:#a78bfa;transition:transform .2s}
a:hover>.bl-card-body .bl-more,a:hover>.bl-featured-body .bl-more{transform:translateX(4px)}

.bl-featured{display:grid;grid-template-columns:1fr;border-radius:1.5rem;overflow:hidden;margin-bottom:2rem;text-decoration:none}
.bl-featured .bl-cover{height:100%;min-height:220px}
.bl-featured-body{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.75rem}
.bl-featured-body h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.25;color:#fff}
.bl-featured-body p{color:#9ca3af;line-height:1.7}

.bl-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.bl-card{display:flex;flex-direction:column;border-radius:1.25rem;overflow:hidden;text-decoration:none}
.bl-card-body{display:flex;flex-direction:column;gap:.6rem;flex:1;padding:1.25rem 1.4rem 1.5rem}
.bl-card-title{font-size:1.12rem;font-weight:700;line-height:1.35;color:#fff}
.bl-card-text{font-size:.9rem;line-height:1.65;color:#9ca3af}
.bl-empty{text-align:center;padding:3rem 1rem;border-radius:1.25rem;display:flex;flex-direction:column;gap:1rem;align-items:center}

.bl-back{display:inline-block;margin-bottom:1.5rem;font-size:.88rem;color:#a78bfa;text-decoration:none}
.bl-back:hover{color:#fff}
.bl-post-head h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;line-height:1.2;color:#fff;margin-bottom:1rem;letter-spacing:-.015em}
.bl-byline{margin-bottom:1.75rem;font-size:.85rem}
.bl-prose{font-size:1.05rem;line-height:1.85;color:#cbd5e1}
.bl-prose p{margin:0 0 1.25rem}
.bl-prose h2{font-size:1.4rem;font-weight:700;color:#fff;margin:2.2rem 0 .8rem}
.bl-prose ul{margin:0 0 1.4rem;padding:0;list-style:none}
.bl-prose li{position:relative;padding-left:1.5rem;margin-bottom:.6rem}
.bl-prose li:before{content:"";position:absolute;left:.1rem;top:.7em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#7c3aed)}
.bl-prose blockquote{margin:2rem 0;padding:1.1rem 1.4rem;border-left:3px solid #7c3aed;border-radius:0 .9rem .9rem 0;background:#7c3aed14;font-size:1.15rem;font-style:italic;color:#e9d5ff}

.bl-cta{position:relative;overflow:hidden;text-align:center;margin:3.5rem 0 0;padding:2.5rem 1.5rem;border-radius:1.5rem}
.bl-cta h2{position:relative;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:700;color:#fff;margin-bottom:.6rem}
.bl-cta p{position:relative;color:#9ca3af;margin-bottom:1.5rem}
.bl-orb{width:18rem;height:18rem;left:50%;top:-8rem;transform:translateX(-50%)}
.bl-cta-row{position:relative;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.bl-btn{display:inline-block;padding:.85rem 1.6rem;border-radius:999px;font-size:.9rem;font-weight:600;color:#fff;text-decoration:none;cursor:pointer}
.bl-btn-ghost{border:1px solid #ffffff26;background:#ffffff08;transition:all .2s}
.bl-btn-ghost:hover{background:#ffffff14;border-color:#7c3aed80}
.bl-related{margin-top:3.5rem}
.bl-related h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1.25rem}

@media (min-width:640px){.bl-wrap{padding:0 2rem}.bl-grid{grid-template-columns:repeat(2,1fr)}.bl-tools{flex-direction:column}}
@media (min-width:900px){
  .bl-grid{grid-template-columns:repeat(3,1fr)}
  .bl-featured{grid-template-columns:1.05fr 1fr}
  .bl-featured-body{padding:2.5rem}
  .bl-narrow .bl-grid{grid-template-columns:1fr}
}
@media (min-width:1100px){.bl-narrow .bl-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.bl-more,.bl-chip{transition:none}}
.bl-title .text-gradient-violet{display:inline-block}

/* image thumbnails */
.bl-cover.bl-has-img{height:auto;aspect-ratio:16/9;background:#0b1410}
.bl-cover.bl-has-img img{width:100%;height:100%;object-fit:cover;display:block}
.bl-cover-big.bl-has-img{height:auto}
.bl-featured .bl-cover.bl-has-img{height:auto;min-height:0;align-self:center}