.ocf-encapsulation {
  background: var(--ocf-color-bg-alt, #f8fafc);
}
.ocf-encapsulation__grid {
  display: grid;
  grid-template-columns: minmax(15rem, .7fr) minmax(0, 1.3fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.ocf-encapsulation__intro {
  position: sticky;
  top: calc(var(--ocf-nav-height, 4.5rem) + 2rem);
}
.ocf-encapsulation__body {
  color: var(--ocf-color-body, #374151);
}
.ocf-encapsulation__body h2 {
  margin: 0 0 .7rem;
  color: var(--ocf-color-heading, #111827);
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  line-height: 1.25;
}
.ocf-encapsulation__body h2:not(:first-child) {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--ocf-color-border-light, #e5e7eb);
}
.ocf-encapsulation__body p,
.ocf-encapsulation__body li {
  line-height: 1.7;
}
.ocf-encapsulation__body ul {
  margin: 1rem 0;
  padding-left: 1.2rem;
}
@media (max-width: 800px) {
  .ocf-encapsulation__grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .ocf-encapsulation__intro { position: static; }
}