/* Guide archive + single article styling — layered on top of the
   plugin's own stylesheet (--igp-* variables), only adding what the
   plugin's CSS doesn't already cover for blog-style content. */

.igpt-guide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}
.igpt-guide-card {
  background: var(--igp-surface);
  border: 1px solid var(--igp-line);
  border-radius: var(--igp-radius);
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.igpt-guide-card h2 { font-size: 18px; margin: 0; line-height: 1.3; }
.igpt-guide-card h2 a { color: var(--igp-ink); text-decoration: none; }
.igpt-guide-card h2 a:hover { color: var(--igp-primary-dark); }
.igpt-guide-meta { font-size: 12.5px; color: var(--igp-body); margin: 0; }
.igpt-guide-excerpt { font-size: 14px; color: var(--igp-body); flex: 1; margin: 0; }

.igpt-guide-content h2 { font-size: 19px; margin-top: 30px; }
.igpt-guide-content p { line-height: 1.7; }
.igpt-guide-content ul { line-height: 1.7; }

.igpt-fallback-header, .igpt-fallback-footer {
  padding: 16px 0; border-bottom: 1px solid var(--igp-line); font-weight: 700;
}
.igpt-fallback-footer { border-top: 1px solid var(--igp-line); border-bottom: none; text-align: center; color: var(--igp-body); font-weight: 400; font-size: 13px; }
.igpt-fallback-header a { text-decoration: none; color: var(--igp-ink); }