/**
 * Layout base del Theme.
 */

.mp-posts-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.mp-archive-header { margin-bottom: 32px; }
.mp-archive-header__title {
  font-family: var(--mp-font-display);
  font-size: 2rem;
  color: var(--mp-dark);
  margin: 0 0 8px;
}
.mp-archive-header__desc { color: var(--mp-muted); }

.mp-pagination { margin-top: 32px; text-align: center; }
.mp-pagination .nav-links { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.mp-pagination a, .mp-pagination span {
  padding: 8px 12px;
  border: 1px solid var(--mp-border);
  border-radius: var(--mp-radius-sm);
  text-decoration: none;
  color: var(--mp-text);
}
.mp-pagination .current { background: var(--mp-primary); color: var(--mp-white); border-color: var(--mp-primary); }

.mp-front-notice {
  text-align: center;
  color: var(--mp-muted);
  margin-top: 16px;
  font-size: 14px;
}

.mp-404-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
}

.entry-content a { color: var(--mp-primary); }