/* ---------------------------------------------------------------------------
   Visible on-page SEO content block (shared by index, shopping, grocery,
   food, events, services and FixIt pages).

   IMPORTANT: this content MUST stay VISIBLE to users. Google penalises hidden
   or off-screen text ("hidden content" / cloaking). Never add display:none,
   left:-9999px, opacity tricks or 1px clipping to .seo-content sections.
   --------------------------------------------------------------------------- */
.seo-content {
  background: var(--card, #ffffff);
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 14px;
  padding: 32px;
  margin: 32px auto;
  max-width: 1280px;
}
.seo-inner,
.seo-content > div {
  max-width: 900px;
  margin: 0 auto;
}
.seo-content h2 {
  font-size: 20px;
  font-weight: 800;
  margin: 14px 0 10px;
  color: var(--ink, #111827);
}
.seo-content p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted, #6b7280);
  margin: 0 0 12px;
}
.seo-content a { color: var(--blue, #2563eb); }
.seo-content details {
  margin: 10px 0;
  padding: 10px 14px;
  background: var(--bg2, #f8fafc);
  border-radius: 10px;
}
.seo-content summary { font-weight: 700; cursor: pointer; }
[data-theme="dark"] .seo-content {
  background: var(--card, #0f172a);
  border-color: var(--border-on-dark, #1e293b);
}
[data-theme="dark"] .seo-content h2 { color: var(--ink, #f1f5f9); }
[data-theme="dark"] .seo-content p { color: var(--muted, #94a3b8); }
@media (max-width: 640px) {
  .seo-content { padding: 20px 16px; margin: 20px auto; }
  .seo-content h2 { font-size: 17px; }
}

/* First-visit intro (see src/js/seo-intro.js): the SEO sections and the H1
   keyword banner are visible briefly on a browser's first visit (H1 0.2s,
   sections ~3s), then fully hidden for that browser — permanently, with no
   reopen button (owner requirement). The markup always stays in the page:
   crawlers and no-JS users see everything. This class only controls the
   timed visual presentation — never use it to deceptively hide text from
   users while showing it to crawlers (Google penalises that). */
.seo-intro-off { display: none !important; }