/* SIA blog — extends pagines.css */
.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sia-cyan);margin-bottom:12px}
.chip{display:inline-block;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:50px;background:rgba(10,14,39,.75);border:1px solid rgba(0,212,255,.45);color:var(--sia-cyan);backdrop-filter:blur(8px)}
.meta{font-size:.88rem;color:rgba(255,255,255,.55)}
.center{text-align:center}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* index hero */
.blog-hero{position:relative;text-align:center;padding:100px 20px 50px;max-width:900px;margin:0 auto;overflow:visible}
.blog-hero .glow{position:absolute;inset:20px 10% auto;height:260px;background:radial-gradient(circle,rgba(0,212,255,.25),transparent 65%);filter:blur(30px);z-index:-1}
.blog-hero h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.blog-hero p{font-size:1.15rem;color:rgba(255,255,255,.75)}
.blog-wrap{max-width:1200px;margin:0 auto;padding:20px 20px 40px}
.section-title.small{font-size:clamp(1.3rem,2.4vw,1.8rem);margin:70px 0 30px}

/* featured */
.feat{display:grid;grid-template-columns:1.25fr 1fr;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(0,212,255,.18);transition:transform .35s,box-shadow .35s,border-color .35s}
.feat:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(0,212,255,.18);border-color:rgba(0,212,255,.4)}
.feat-img{position:relative;min-height:360px;overflow:hidden}
.feat-img img,.post-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.feat:hover .feat-img img,.post-card:hover .post-img img{transform:scale(1.06)}
.feat-img .chip,.post-img .chip{position:absolute;top:18px;left:18px}
.feat-body{padding:42px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.feat-body h2{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.25}
.feat-body p{color:rgba(255,255,255,.72)}
.read-more{color:var(--sia-cyan);font-weight:700;margin-top:6px}

/* grid cards */
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.post-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(0,212,255,.12);transition:transform .3s,box-shadow .3s,border-color .3s}
.post-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,212,255,.15);border-color:rgba(0,212,255,.3)}
.post-img{position:relative;height:190px;overflow:hidden}
.post-body{padding:24px;display:flex;flex-direction:column;gap:10px}
.post-body h3{font-size:1.12rem;line-height:1.35}
.post-body p{color:rgba(255,255,255,.7);font-size:.94rem}
.post-card.soon{cursor:default}
.post-card.soon:hover{transform:none;box-shadow:none}
.post-card.soon h3{color:rgba(255,255,255,.75)}
.art{display:flex;align-items:center;justify-content:center}
.art0{background:radial-gradient(circle at 30% 30%,rgba(0,212,255,.45),transparent 55%),linear-gradient(135deg,#0f1a3d,#0a0e27)}
.art1{background:radial-gradient(circle at 70% 40%,rgba(0,119,255,.5),transparent 55%),linear-gradient(135deg,#0a0e27,#0f1a3d)}
.art2{background:radial-gradient(circle at 50% 80%,rgba(0,212,255,.4),transparent 55%),linear-gradient(200deg,#0f1a3d,#0a0e27)}
.art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.08) 1px,transparent 1px);background-size:28px 28px}
.art-icon{position:relative;font-size:3.2rem;filter:drop-shadow(0 0 18px rgba(0,212,255,.6))}

/* article */
.read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--sia-gradient);z-index:200;box-shadow:0 0 12px rgba(0,212,255,.7)}
.post-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0a0e27}
.post-hero-inner{max-width:880px;margin:0 auto;padding:60px 24px 40px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.post-hero h1{font-size:clamp(1.8rem,4.4vw,3rem);line-height:1.18;font-weight:800;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.post-hero .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.75)}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--sia-gradient);font-weight:800;font-size:.8rem;color:#fff}
.back{color:rgba(255,255,255,.75);text-decoration:none;font-size:.9rem}
.back:hover,.back-link:hover{color:var(--sia-cyan)}
.back-link{color:rgba(255,255,255,.7);text-decoration:none}
.post-article{max-width:760px;margin:0 auto;padding:30px 24px 10px}
.prose-blog p{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.84);margin-bottom:22px}
.prose-blog p.lead{font-size:1.28rem;color:#fff;line-height:1.7}
.prose-blog h2{font-size:clamp(1.45rem,3vw,1.95rem);margin:52px 0 18px;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.prose-blog h3{font-size:1.2rem;color:var(--sia-cyan);margin:30px 0 8px}
.prose-blog strong{color:#fff}
.prose-blog ul.check{list-style:none;margin:0 0 26px}
.prose-blog ul.check li{position:relative;padding:14px 18px 14px 50px;margin-bottom:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(0,212,255,.12);color:rgba(255,255,255,.82);font-size:1.03rem}
.prose-blog ul.check li::before{content:"→";position:absolute;left:18px;top:13px;color:var(--sia-cyan);font-weight:800}
.prose-blog blockquote{margin:36px 0;padding:28px 32px;border-left:4px solid var(--sia-cyan);border-radius:0 18px 18px 0;background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(0,119,255,.06));font-size:1.35rem;font-weight:600;line-height:1.5;color:#fff}
.tip{margin:40px 0;padding:26px 28px;border-radius:20px;background:rgba(0,212,255,.07);border:1px dashed rgba(0,212,255,.5)}
.tip-label{display:block;font-weight:800;color:var(--sia-cyan);margin-bottom:8px}
.tip p{margin:0!important}
.share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:46px 0 10px;padding-top:26px;border-top:1px solid rgba(0,212,255,.15);color:rgba(255,255,255,.6);font-size:.92rem}
.share a,.share button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border-radius:50px;background:rgba(255,255,255,.06);border:1px solid rgba(0,212,255,.3);color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit}
.share a:hover,.share button:hover{background:rgba(0,212,255,.18)}

@media(max-width:900px){
 .feat{grid-template-columns:1fr}
 .feat-img{min-height:230px}
 .feat-body{padding:26px}
 .blog-hero{padding-top:60px}
 .post-hero{min-height:420px}
 .prose-blog p{font-size:1.04rem}
 .prose-blog blockquote{font-size:1.15rem;padding:22px}
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}