.blog-hero{padding:140px 0 50px;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(255,140,0,0.06) 0%,transparent 60%),var(--bg-primary);}.blog-hero h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:900;font-style:italic;margin:16px 0 12px;}.blog-hero-sub{color:var(--text-secondary);font-size:0.95rem;margin-bottom:0;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6;}.blog-section{padding:60px 0 80px;}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;}.blog-card:hover{border-color:rgba(255,140,0,0.3);transform:translateY(-5px);box-shadow:var(--shadow-accent);}.blog-card-img{width:100%;height:200px;object-fit:cover;display:block;}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1;}.blog-card-meta{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:0.75rem;color:var(--text-dim);}.blog-card-meta span{display:flex;align-items:center;gap:5px;}.blog-card-meta i{color:var(--accent);font-size:0.7rem;}.blog-category{background:var(--accent-subtle);color:var(--accent);padding:3px 12px;border-radius:50px;font-size:0.68rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;}.blog-card-body h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;line-height:1.35;margin-bottom:10px;}.blog-card-body h3 a{color:var(--text-primary);}.blog-card-body h3 a:hover{color:var(--accent);}.blog-card-excerpt{color:var(--text-secondary);font-size:0.88rem;line-height:1.65;margin-bottom:18px;flex:1;}.blog-read-more{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:0.85rem;font-weight:600;transition:var(--transition);}.blog-read-more:hover{gap:10px;color:#ffa533;}.blog-read-more i{font-size:0.75rem;transition:var(--transition);}.article-hero{padding:140px 0 40px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(255,140,0,0.06) 0%,transparent 60%),var(--bg-primary);}.article-hero-meta{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;font-size:0.8rem;color:var(--text-dim);flex-wrap:wrap;}.article-hero-meta span{display:flex;align-items:center;gap:5px;}.article-hero-meta i{color:var(--accent);}.article-hero h1{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;max-width:750px;margin:0 auto 16px;line-height:1.3;}.article-hero-sub{color:var(--text-secondary);font-size:0.95rem;max-width:600px;margin:0 auto;line-height:1.6;}.article-cover{max-width:820px;margin:-10px auto 0;padding:0 20px;}.article-cover img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border);}.article-content{max-width:760px;margin:0 auto;padding:50px 20px 80px;}.article-content h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;margin:36px 0 14px;padding-left:16px;border-left:3px solid var(--accent);}.article-content h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin:28px 0 10px;}.article-content p{color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:16px;}.article-content ul,.article-content ol{padding-left:22px;margin:12px 0 20px;}.article-content li{color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:6px;}.article-content li::marker{color:var(--accent);}.article-content li strong{color:var(--text-primary);}.article-content blockquote{background:var(--bg-card);border-left:3px solid var(--accent);padding:20px 24px;border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;}.article-content blockquote p{margin:0;font-style:italic;color:var(--text-primary);}.related-posts{padding:60px 0 80px;border-top:1px solid var(--border);}.related-posts h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;margin-bottom:30px;text-align:center;}.back-to-blog{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:0.85rem;font-weight:500;margin-bottom:20px;transition:var(--transition);}.back-to-blog:hover{color:var(--accent);gap:6px;}@media (max-width:992px){.blog-grid{grid-template-columns:1fr 1fr;}}@media (max-width:576px){.blog-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto;}.blog-card-img{height:180px;}}