.content-hero{padding:140px 0 60px;text-align:center}.content-hero h1{font-size:2.8rem}.content-hero p{color:var(--text-muted);max-width:640px;margin:16px auto 0}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:28px;gap:28px;padding:20px 0 100px}.content-card{display:block;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:18px;padding:28px;text-decoration:none;transition:all .3s ease}.content-card:hover{transform:translateY(-4px);border-color:var(--accent-soft);box-shadow:0 20px 45px rgba(28,53,33,.1)}.content-card-tag{display:inline-block;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.content-card h3{color:var(--text-primary);margin:0 0 10px;font-size:1.3rem}.content-card p{color:var(--text-secondary);margin:0}.content-card-date{display:block;margin-top:16px;font-size:.85rem;color:var(--text-muted)}.content-empty{padding:60px 0 120px;text-align:center;color:var(--text-muted)}.article-page{padding:140px 0 100px;max-width:780px;margin:0 auto}.article-tag{display:inline-block;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.article-page h1{font-size:2.4rem;line-height:1.2}.article-meta{color:var(--text-muted);margin:10px 0 40px}.article-body h2{margin-top:44px;color:var(--text-primary)}.article-body h3{margin-top:32px;color:var(--text-primary)}.article-body li,.article-body p{color:var(--text-secondary);line-height:1.8}.article-body blockquote{border-left:3px solid var(--accent-soft);margin:24px 0;padding:12px 20px;background:var(--bg-secondary);border-radius:0 12px 12px 0;color:var(--text-muted)}.article-body a{text-decoration:underline}.placeholder-banner{background:var(--accent-soft);color:var(--text-primary);border-radius:12px;padding:14px 20px;margin-bottom:30px;font-weight:600}