/* Wave 1 marketing pages — sits on legal.css / tokens.css */

.page-figure {
  margin: 0 0 36px;
  border: var(--el-hairline) solid var(--el-slate);
  border-radius: var(--el-radius-card);
  overflow: hidden;
  background: var(--el-carbon);
}
.page-figure img {
  display: block;
  width: 100%;
  height: auto;
}

.doc h3 {
  font-size: var(--el-size-h3);
  color: var(--el-white);
  margin: 22px 0 10px;
}

.cta-row {
  margin: 36px 0 40px;
}

.related {
  margin: 48px 0 0;
  padding: 22px 24px;
  border: var(--el-hairline) solid var(--el-slate);
  border-radius: var(--el-radius-card);
}
.related p { margin: 0 0 12px; }
.related ul { margin: 0; }
.related li { margin: 0 0 8px; }

.city-list a { font-weight: 600; }

.lf__nap {
  margin: 0 0 12px;
  font-size: var(--el-size-small);
  color: var(--el-mist);
}
.lf__nap a {
  color: var(--el-mist);
  text-decoration: none;
}
.lf__nap a:hover { color: var(--el-lume); }

.lh__nav a.el-cta {
  text-transform: none;
  letter-spacing: 0;
  font-family: var(--el-font-body);
  color: var(--el-void);
  padding: 8px 14px;
}
.lh__nav a.el-cta:hover { color: var(--el-void); }

@media (max-width: 720px) {
  .lh__nav { gap: 12px; }
}