.fd-seo-scroll {
  padding: 42px 18px;
  background: #f5f7fa;
  color: #263238;
}

.fd-seo-scroll__inner {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 28px 30px;
  border: 1px solid #dfe5eb;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(28, 45, 65, .08);
}

.fd-seo-scroll h2 {
  margin: 0 0 10px;
  color: #1f344d;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.22;
}

.fd-seo-scroll__lead {
  margin: 0 0 18px;
  color: #596979;
  font-size: 16px;
  line-height: 1.65;
}

.fd-seo-scroll__viewport {
  max-height: 322px;
  overflow-y: auto;
  padding: 4px 20px 4px 2px;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  line-height: 1.72;
}

.fd-seo-scroll__viewport:focus-visible {
  outline: 3px solid #e32879;
  outline-offset: 5px;
  border-radius: 8px;
}

.fd-seo-scroll__viewport h3 {
  margin: 22px 0 8px;
  color: #263d5b;
  font-size: 20px;
  line-height: 1.35;
}

.fd-seo-scroll__viewport h3:first-child { margin-top: 0; }
.fd-seo-scroll__viewport p { margin: 0 0 14px; }
.fd-seo-scroll__viewport ul,
.fd-seo-scroll__viewport ol { margin: 0 0 16px; padding-left: 22px; }
.fd-seo-scroll__viewport li { margin-bottom: 7px; }
.fd-seo-scroll__viewport a { color: #c91f69; text-decoration: underline; text-underline-offset: 3px; }

/* mikrovolnovka.php already renders its own complete footer. */
.mw-footer + #footer { display: none; }

@media (max-width: 640px) {
  .fd-seo-scroll { padding: 30px 14px; }
  .fd-seo-scroll__inner { padding: 22px 18px; border-radius: 14px; }
  .fd-seo-scroll__viewport { max-height: 356px; padding-right: 12px; }
  .fd-seo-scroll__lead { font-size: 15px; }
}