.index-container{max-width:var(--container-width);margin:var(--spacing-xl) auto;padding:0 var(--spacing-lg);min-height:60vh}.page-title{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:var(--spacing-lg);text-transform:uppercase;border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-sm);color:var(--text-main)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.post-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-speed),border-color var(--transition-speed);text-decoration:none}.post-card:hover{transform:translateY(-5px);border-color:var(--accent-color)}.post-card-img{width:100%;height:220px;background-size:cover;background-position:center;background-color:#1a1a1a}.post-card-content{padding:var(--spacing-md);display:flex;flex-direction:column;flex-grow:1}.post-card-title{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-main);margin-bottom:var(--spacing-sm);line-height:1.3}.post-meta{font-size:.85rem;color:var(--text-muted);margin-top:auto}.pagination{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.pagination .nav-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.pagination a,.pagination span.current{padding:10px 18px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-main);font-family:var(--font-heading);font-weight:700;text-decoration:none;transition:all var(--transition-speed)}.pagination a:hover{background-color:var(--surface-color-hover);color:var(--accent-color);border-color:var(--accent-color)}.pagination span.current{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}