body { background:#f7f5fb; color:#231733; margin:0; font-family:Poppins, Arial, sans-serif; }
.blog-nav { position:static; }
.blog-hero { padding:64px 20px 48px; text-align:center; background:#211336; color:#fff; }
.blog-hero p { margin:0 0 10px; color:#f6b15d; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.blog-hero h1 { margin:0; font-size:clamp(32px,6vw,56px); line-height:1.05; }
.blog-hero span { display:block; max-width:760px; margin:16px auto 0; color:#eee; line-height:1.7; }
.blog-list { width:min(1120px, calc(100% - 32px)); margin:40px auto 70px; display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; }
.blog-card { background:#fff; border:1px solid #e7dff3; border-radius:8px; overflow:hidden; box-shadow:0 10px 24px rgba(33,19,54,.08); }
.blog-card img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.blog-card-body { padding:20px; }
.blog-category { display:inline-block; color:#6d3dad; font-weight:700; font-size:13px; margin-bottom:10px; }
.blog-card h2 { margin:0 0 10px; font-size:22px; line-height:1.25; }
.blog-card a { color:#211336; text-decoration:none; }
.blog-card p { color:#5b5268; line-height:1.65; }
.blog-card time, .blog-meta { color:#756b82; font-size:14px; }
.blog-empty { grid-column:1/-1; text-align:center; background:#fff; padding:28px; border-radius:8px; }
.blog-article { width:min(860px, calc(100% - 32px)); margin:36px auto 70px; background:#fff; padding:clamp(20px,4vw,42px); border:1px solid #e7dff3; border-radius:8px; }
.blog-breadcrumb { margin-bottom:22px; color:#756b82; font-size:14px; }
.blog-breadcrumb a { color:#6d3dad; }
.blog-article h1 { margin:0 0 12px; color:#211336; font-size:clamp(30px,5vw,48px); line-height:1.1; }
.blog-featured { width:100%; border-radius:8px; margin:24px 0; }
.blog-content { font-size:18px; line-height:1.85; color:#2d2638; }
.blog-content p { margin:0 0 20px; }
.blog-footer { text-align:center; padding:28px 16px; color:#5b5268; }
@media (max-width: 720px) { .blog-list { grid-template-columns:1fr; } .blog-article { margin-top:20px; } }