/**
 * IG Ad Spot — in-body app-download text banner.
 * An editorial-style line with inline iOS / Android links, shown to readers who
 * don't have the app.
 */

/* Keep the slot observable (1px) before its banner mounts, so the
   impression beacon fires reliably when it scrolls into view. */
.ig-adspot-slot {
  min-height: 1px;
}

.ig-adspot-cta {
  display: block;
  margin: 28px auto;
  max-width: 760px;
}

/* ---------- Text banner ---------- */
/* Reads like an editorial aside; inherits the article's text colour so it
   sits naturally on any theme. */
.ig-adspot-text {
  margin: 26px auto;
}

.ig-adspot-text-copy {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  font-style: italic;
  color: inherit;
  opacity: 0.92;
}

.ig-adspot-link {
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  transition: color 0.15s ease, text-shadow 0.15s ease;
}

/* iOS = Apple system blue, Android = IG brand purple (both readable on
   light or dark article backgrounds). */
.ig-adspot-link-ios {
  color: #0a84ff;
}

.ig-adspot-link-android {
  color: #b10fff;
}

.ig-adspot-link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  filter: brightness(1.12);
}

@media (max-width: 600px) {
  .ig-adspot-cta {
    margin: 20px auto;
  }
  .ig-adspot-text-copy {
    font-size: 14.5px;
  }
}