/* =========================================================================
   /leistungen/seo – Feinschliff auf Startseiten-Niveau
   Ergänzt seo.css; alle Regeln sind auf .seo-page begrenzt.
   ========================================================================= */

/* Inhaltsbreite wie auf der Startseite (vorher teils randlos bis 1920 px) */
.seo-page :is(.seo-problem__inner, .seo-dual__inner, .seo-journey__inner, .seo-areas__inner, .seo-logic__inner, .seo-local__inner, .seo-success__inner) {
  width: min(calc(100% - 80px), 1260px);
  max-width: 1260px;
  margin-inline: auto;
}

/* Lesbarkeit: keine Fließtexte unter 15 px */
.seo-page :is(.seo-dual, .seo-areas, .seo-journey) :is(p, li) { font-size: max(1em, 15px); line-height: 1.5; }
.seo-page [class*="__intro"] > p:not([class*="eyebrow"]),
.seo-page .seo-hero__lead { color: var(--text-secondary); font-size: 19px; line-height: 1.5; }

/* Nummern-Badges (06, 07 …) wie Eyebrows statt Pillen */
.seo-page [class*="__eyebrow"] { padding: 0; border-radius: 0; background: none; }

/* Einheitliche Radien für Bild- und Karten-Flächen */
.seo-page :is(.seo-hero__media, .seo-local__media, .seo-success__media) { border-radius: 28px; }

@media (max-width: 734px) {
  .seo-page :is(.seo-problem__inner, .seo-dual__inner, .seo-journey__inner, .seo-areas__inner, .seo-logic__inner, .seo-local__inner, .seo-success__inner) { width: calc(100% - 44px); }
  .seo-page [class*="__intro"] > p:not([class*="eyebrow"]),
  .seo-page .seo-hero__lead { font-size: 17px; }
}

/* Lokale Sichtbarkeit: Copy-Spalte breit genug für die 2x2-Karten */
@media (min-width: 1069px) {
  .seo-page .seo-local__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; min-height: 0; }
  .seo-page .seo-local__copy { padding-inline: 0; }
}
.seo-page .seo-local__features article { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 18px; border-radius: 18px; }
.seo-page :is(.seo-local__features, .seo-areas) :is(h3, p, li) { overflow-wrap: break-word; hyphens: auto; }

/* Kennzeichnung der Such-/KI-Mockups als Illustration (für Menschen und Crawler lesbar) */
.seo-page .seo-geo-focus__disclaimer {
  position: absolute;
  z-index: 3;
  right: 24px;
  bottom: 14px;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: rgb(255 255 255 / .86);
  font-size: 12px;
  line-height: 1.3;
  text-shadow: 0 1px 2px rgb(0 0 0 / .45);
  white-space: nowrap;
}
@media (max-width: 1068px) {
  .seo-page .seo-geo-focus__disclaimer { position: static; padding: 10px 22px 0; color: var(--text-secondary); text-align: right; text-shadow: none; white-space: normal; }
}