.oknolit-content .oknolit-guide-section-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:16px;
}
.oknolit-content .oknolit-guide-section-copy { min-inline-size:0; }
.oknolit-content .oknolit-guide-figure {
  inline-size:min(260px,100%);
  max-inline-size:100%;
  min-inline-size:0;
  margin:0;
  justify-self:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.oknolit-content .oknolit-guide-figure img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:190px;
  margin-inline:auto;
  object-fit:contain;
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
}
.oknolit-content .oknolit-guide-figure figcaption { overflow-wrap:anywhere; }
.oknolit-content .oknolit-guide-zoom { display:inline-flex; align-items:center; min-height:44px; margin-top:6px; font-size:14px; color:#075c98; text-decoration:underline; text-underline-offset:3px; }
.oknolit-content .oknolit-guide-zoom:focus-visible { outline:3px solid #075c98; outline-offset:3px; }
@media (min-width:52rem) {
  .oknolit-content .oknolit-guide-section-layout {
    grid-template-columns:minmax(0,1fr) minmax(0,260px);
    gap:24px;
  }
}

.oknolit-content--guide-article .oknolit-guide-section-layout {
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:16px;
}
.oknolit-content--guide-article .oknolit-guide-figure {
  inline-size:min(320px,100%);
  justify-self:start;
  padding:12px;
  border:1px solid #cbd5dd;
  background:#f1f5f7;
}
.oknolit-content--guide-article .oknolit-guide-figure img { max-height:320px; }
.oknolit-content--guide-article .oknolit-guide-figure figcaption { margin:8px 0 0; font-size:14px; line-height:1.45; }
.oknolit-content--guide-article .oknolit-guide-section-layout--wide { grid-template-columns:minmax(0,1fr); }
.oknolit-content--guide-article .oknolit-guide-section-layout--wide .oknolit-guide-figure { inline-size:100%; justify-self:start; }
.oknolit-content--guide-article .oknolit-guide-section-layout--wide .oknolit-guide-figure img { width:100%; max-height:420px; }
.oknolit-content--guide-article .oknolit-guide-figure svg {
  display:block; inline-size:100%; max-inline-size:100%; block-size:auto; max-block-size:320px;
  margin-inline:auto; border-radius:3px;
}
@container guide-body (min-width:46rem) {
  .oknolit-content--guide-article .oknolit-guide-section-layout {
    grid-template-columns:minmax(0,1fr) minmax(0,280px);
    gap:24px;
  }
  .oknolit-content--guide-article .oknolit-guide-figure { inline-size:100%; justify-self:end; }
  .oknolit-content--guide-article .oknolit-guide-section-layout--wide { grid-template-columns:minmax(0,1fr); }
}