/* ════════════════════════════════════════════════════════════
   AI FIT MAP — guide.css
   Guide article + /guides/ index styling.
   Phase: Content Expansion Foundation — placeholder styles.
   ════════════════════════════════════════════════════════════ */

/* ── /guides/ index ── */
.guide-hero { padding: 48px 24px 24px; max-width: 860px; margin: 0 auto; }
.guide-hero h1 { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: clamp(28px, 4vw, 40px); margin: 0 0 12px; }
.guide-hero p { color: #5A6B62; font-size: 17px; }

.guide-list { display: grid; gap: 16px; max-width: 860px; margin: 0 auto; padding: 8px 24px 64px; }

.guide-card {
  display: block;
  background: #fff;
  border: 1px solid #E2EAE6;
  border-radius: 16px;
  padding: 24px;
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.2s ease;
}
.guide-card:hover { box-shadow: 0 8px 24px rgba(40, 80, 60, 0.10); }
.guide-card__title { font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 20px; margin: 0 0 8px; }
.guide-card__summary { color: #5A6B62; font-size: 14px; line-height: 1.5; margin: 0 0 8px; }
.guide-card__meta { color: #8A9B91; font-size: 12px; }

/* ── Guide article ── */
.guide-article { max-width: 760px; margin: 0 auto; padding: 48px 24px 64px; }

.guide-header h1 { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: clamp(28px, 4vw, 38px); margin: 0 0 8px; }
.guide-meta { color: #8A9B91; font-size: 13px; }
.guide-summary { font-size: 18px; color: #33443B; line-height: 1.6; }

.guide-body { line-height: 1.8; color: #33443B; }
.guide-body p { margin: 16px 0; }
.guide-body h2 { font-family: 'Nunito', sans-serif; font-weight: 800; margin-top: 32px; }

.guide-footer { margin-top: 40px; padding-top: 24px; border-top: 1px solid #E2EAE6; }
.guide-tools-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }

.guide-category { margin: 0 0 8px; }
.guide-category a {
  color: #1F6E8C;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.guide-category a:hover { text-decoration: underline; }