/* Versioned 2026-07-24. Merge Isle SEO guide presentation. */
.mergeisle-guide-page .guide-hero {
  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 0.7fr);
}

.mergeisle-guide-page .guide-hero p:not(.eyebrow),
.mergeisle-guide-page .guide-article p,
.mergeisle-guide-page .guide-article ul,
.mergeisle-guide-page .guide-card p,
.mergeisle-guide-page .faq-list p {
  color: #604f69;
}

.mergeisle-guide-page .guide-meta span {
  border-color: rgba(242, 157, 56, 0.3);
  background: rgba(255, 190, 92, 0.18);
  color: #714029;
}

.mergeisle-guide-page .guide-visual img {
  width: min(100%, 520px);
  aspect-ratio: 1052 / 592;
  border-color: rgba(57, 191, 174, 0.3);
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 24px 64px rgba(92, 71, 116, 0.22);
  transform: rotate(1deg);
}

.mergeisle-guide-page .guide-content-band {
  border-color: rgba(57, 191, 174, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(234, 252, 246, 0.3)),
    radial-gradient(circle at 82% 14%, rgba(255, 191, 87, 0.22), transparent 28rem);
}

.mergeisle-guide-page .guide-card,
.mergeisle-guide-page .faq-list details {
  border-color: rgba(130, 111, 146, 0.16);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 248, 239, 0.76));
  box-shadow: 0 18px 44px rgba(105, 88, 126, 0.12);
}

.mergeisle-guide-page .guide-related a,
.mergeisle-guide-page .guide-article a {
  color: #167f74;
}

.mergeisle-guide-page .guide-related a {
  border-bottom-color: rgba(57, 191, 174, 0.2);
}

.mergeisle-guide-page .guide-article strong {
  color: #3d294c;
}

.mergeisle-guide-page .topic-callout {
  margin: 28px 0;
  padding: 18px 20px;
  border-left: 3px solid #f29d38;
  background: rgba(255, 191, 87, 0.18);
}

.mergeisle-guide-page .topic-callout p {
  margin: 0;
  color: #59445f;
}

.mergeisle-guide-page .site-footer {
  border-top-color: rgba(57, 191, 174, 0.18);
}

@media (max-width: 980px) {
  .mergeisle-guide-page .guide-hero {
    grid-template-columns: 1fr;
  }

  .mergeisle-guide-page .guide-visual img {
    margin-inline: auto;
    transform: none;
  }
}