/* فصل ۷ — متن سئو. هم‌خانوادهٔ بقیهٔ فصل‌ها (chapters.css): همان .chap/.sheet-sec،
   همان kick/h2/lead، فقط کارت‌های ساده‌ای برای عبارت‌های جستجو. */

.seo {
  background: #fff;
  padding-top: 76px;
  padding-bottom: 84px;
}

.seo-grid {
  display: grid;
  gap: 12px;
  width: 100%;
  margin-top: 22px;
}

.seo-card {
  padding: 18px;
  border-radius: 22px;
  background: var(--bg);
  box-shadow: 0 0 0 1px var(--line);
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .5s var(--ease-out), transform .6s var(--ease-spring);
  transition-delay: calc(var(--d, 0) * 60ms);
}

.seo-card.on {
  opacity: 1;
  transform: none;
}

.seo-card h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 900;
  color: var(--ink);
}

.seo-card p {
  font-size: 13.5px;
  line-height: 2.05;
  font-weight: 600;
  color: var(--sub);
}

.seo-note {
  margin-top: 18px;
  font-size: 12.5px;
  line-height: 2.1;
  font-weight: 600;
  color: var(--mut);
}