/* BLOG HERO */
.blog-hero{background:var(--navy);padding:5rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}
.blog-hero::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(74,143,231,0.15) 0%,transparent 70%);pointer-events:none}
.blog-hero-label{display:inline-flex;align-items:center;gap:.5rem;font-family:'Raleway',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:1.5rem}
.blog-hero-label::before,.blog-hero-label::after{content:'';display:block;width:24px;height:1px;background:var(--blue);opacity:.5}
.blog-hero h1{font-family:'Raleway',sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--white);line-height:1.15;max-width:600px;margin:0 auto 1rem}
.blog-hero p{font-size:1.1rem;color:rgba(255,255,255,0.6);max-width:480px;margin:0 auto;line-height:1.6}

/* LAYOUT */
.blog-layout{max-width:1100px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 320px;gap:4rem;align-items:start}

/* ARTICLE CARD */
.article-card{display:block;text-decoration:none;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;background:var(--white)}
.article-card:hover{box-shadow:0 8px 32px rgba(13,27,42,0.1);transform:translateY(-2px)}
.article-card-header{background:var(--navy);padding:2rem;position:relative;overflow:hidden}
.article-card-header::after{content:'';position:absolute;bottom:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(74,143,231,0.1)}
.article-tag{display:inline-block;background:rgba(232,64,42,0.15);color:#FF7A6B;font-family:'Raleway',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .75rem;border-radius:4px;margin-bottom:1rem}
.article-card-header h2{font-family:'Raleway',sans-serif;font-size:1.4rem;font-weight:700;color:var(--white);line-height:1.3;max-width:500px}
.article-card-body{padding:1.75rem 2rem}
.article-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--muted);font-family:'Raleway',sans-serif;margin-bottom:1rem}
.article-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--border)}
.article-excerpt{font-size:.95rem;color:var(--text);line-height:1.7;margin-bottom:1.5rem}
.article-read-more{display:inline-flex;align-items:center;gap:.5rem;font-family:'Raleway',sans-serif;font-size:.875rem;font-weight:600;color:var(--blue);transition:gap .2s}
.article-read-more:hover{gap:.75rem}
.article-read-more svg{transition:transform .2s}
.article-read-more:hover svg{transform:translateX(3px)}

/* SIDEBAR */
.sidebar{position:sticky;top:88px}
.sidebar-block{border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}
.sidebar-block h3{font-family:'Raleway',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem}
.sidebar-cta{background:var(--navy);border-color:var(--navy)}
.sidebar-cta h3{color:rgba(255,255,255,.5)}
.sidebar-cta p{font-size:.9rem;color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:1.25rem}
.btn-cta{display:block;background:var(--red);color:var(--white);text-align:center;padding:.75rem 1rem;border-radius:8px;font-family:'Raleway',sans-serif;font-size:.875rem;font-weight:700;transition:opacity .2s}
.btn-cta:hover{opacity:.9}
.coming-soon-list{list-style:none}
.coming-soon-list li{padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text);line-height:1.4;display:flex;gap:.5rem}
.coming-soon-list li:last-child{border-bottom:none}
.coming-soon-list li::before{content:'→';color:var(--blue);flex-shrink:0;font-family:'Raleway',sans-serif;font-weight:600}

/* ARTICLE FULL */
.article-full-wrap{max-width:720px;margin:0 auto;padding:3rem 2rem 5rem}
.article-back{display:inline-flex;align-items:center;gap:.5rem;font-family:'Raleway',sans-serif;font-size:.875rem;font-weight:500;color:var(--muted);margin-bottom:2.5rem;cursor:pointer;transition:color .2s}
.article-back:hover{color:var(--navy)}
.article-full-tag{display:inline-block;background:rgba(232,64,42,.08);color:var(--red);font-family:'Raleway',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .75rem;border-radius:4px;margin-bottom:1.25rem}
.article-full-title{font-family:'Raleway',sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;color:var(--navy);margin-bottom:1.25rem}
.article-full-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--muted);font-family:'Raleway',sans-serif;padding-bottom:2rem;border-bottom:2px solid var(--navy);margin-bottom:2.5rem}
.article-full-intro{font-family:'Raleway',sans-serif;font-size:1.2rem;line-height:1.7;color:var(--text);margin-bottom:2.5rem;font-style:italic}
.article-section{margin-bottom:2.5rem;padding:2rem;border-left:3px solid var(--blue);background:var(--gray);border-radius:0 12px 12px 0;animation:fadeUp .4s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.article-section:nth-child(1){animation-delay:.05s}
.article-section:nth-child(2){animation-delay:.1s}
.article-section:nth-child(3){animation-delay:.15s}
.article-section:nth-child(4){animation-delay:.2s}
.article-section:nth-child(5){animation-delay:.25s}
.section-number{font-family:'Raleway',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:.5rem}
.section-title{font-family:'Raleway',sans-serif;font-size:1.2rem;font-weight:700;color:var(--navy);margin-bottom:1.25rem}
.section-row{margin-bottom:.85rem}
.section-row-label{font-family:'Raleway',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);margin-bottom:.25rem}
.section-row-text{font-size:.95rem;color:var(--text);line-height:1.65}
.section-row-text.example{background:var(--white);border-radius:8px;padding:.85rem 1rem;border-left:2px solid var(--red);font-style:italic;color:var(--navy)}
.section-row-text.protection{background:var(--white);border-radius:8px;padding:.85rem 1rem;border-left:2px solid #22C55E;color:var(--navy)}
.article-conclusion{background:var(--navy);border-radius:12px;padding:2.5rem;margin:3rem 0;color:var(--white)}
.article-conclusion h2{font-family:'Raleway',sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1rem}
.article-conclusion p{font-size:.95rem;line-height:1.7;color:rgba(255,255,255,.75)}
.article-conclusion strong{color:var(--white)}
.article-cta-block{border:2px solid var(--navy);border-radius:12px;padding:2rem;text-align:center;margin-top:2.5rem}
.article-cta-block p{font-size:1rem;color:var(--text);line-height:1.6;margin-bottom:1.25rem}
.article-cta-block a{display:inline-flex;align-items:center;gap:.5rem;background:var(--navy);color:var(--white);padding:.875rem 2rem;border-radius:8px;font-family:'Raleway',sans-serif;font-size:.9rem;font-weight:700;transition:background .2s}
.article-cta-block a:hover{background:var(--blue)}
.article-signature{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted);line-height:1.6}
.article-signature a{color:var(--blue)}
.article-signature a:hover{text-decoration:underline}

/* RESPONSIVE */
@media(max-width:768px){
  .blog-layout{grid-template-columns:1fr}
  .sidebar{position:static}
}