/*
 * ONECOBULL ????? ? content-only overrides (layout is learn.css).
 */

/* 800px grid: 580px main + 20px gap + 200px sidebar (core-layout article column-gap pattern) */
body.oc-learn-page.onecobull-article-template .onecobull-page-shell--operator.onecobull-page-shell--learn.onecobull-page-shell--with-sidebar {
  column-gap: 20px;
  grid-template-columns: 580px 200px;
  grid-template-rows: auto auto auto auto auto;
}

body.oc-learn-page .onecobull-page-shell--operator.onecobull-page-shell--learn.onecobull-page-shell--with-sidebar .onecobull-page-shell__intro {
  grid-column: 1 / -1;
  grid-row: 3;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body.oc-learn-page .onecobull-page-shell--operator.onecobull-page-shell--learn.onecobull-page-shell--with-sidebar .onecobull-main {
  grid-row: 4;
}

body.oc-learn-page .onecobull-page-shell--operator.onecobull-page-shell--learn.onecobull-page-shell--with-sidebar .onecobull-page-shell__sidebar {
  grid-row: 4;
}

body.oc-learn-page .onecobull-page-shell--operator.onecobull-page-shell--learn.onecobull-page-shell--with-sidebar .onecobull-page-shell__footer {
  grid-row: 5;
}

body.oc-learn-page .oc-operator-profile__figure {
  margin: 0;
  padding: 0;
}

body.oc-learn-page .oc-operator-profile__image {
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  border: 0;
  vertical-align: top;
}

body.oc-learn-page .onecobull-page-shell--operator.onecobull-page-shell--learn.onecobull-page-shell--with-sidebar .onecobull-main {
  width: 580px;
  max-width: 580px;
  padding: clamp(12px, 2vw, 20px) 12px clamp(24px, 4vw, 40px) 16px;
}

body.oc-learn-page .onecobull-article--operator .onecobull-article-content {
  max-width: none;
  font-size: 15px;
  line-height: 1.85;
}

/* ????? ? ?????????eq-info-card ? h2 ???????? */
body.oc-learn-page .onecobull-article--operator .oc-operator-info-table {
  width: 100%;
  margin: 0 0 8px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(255, 59, 87, 0.28);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(8, 12, 20, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-table__caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-table__row:not(:last-child) .oc-operator-info-table__label,
body.oc-learn-page .onecobull-article--operator .oc-operator-info-table__row:not(:last-child) .oc-operator-info-table__value {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-table__label {
  width: 32%;
  min-width: 112px;
  padding: 13px 14px;
  text-align: left;
  vertical-align: top;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #ff6b84;
  background: rgba(255, 59, 87, 0.08);
  border-right: 1px solid rgba(255, 59, 87, 0.18);
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-table__value {
  padding: 13px 16px;
  vertical-align: top;
  color: #e8edf4;
  font-size: 14px;
  line-height: 1.65;
  background: rgba(255, 255, 255, 0.02);
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-table__value a {
  color: #7dd3fc;
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-table__value a:hover {
  color: #bae6fd;
}

/* ????? ? ?????????????? */
body.oc-learn-page .onecobull-article--operator .oc-operator-info-blocks {
  margin-top: 20px;
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-block {
  margin: 0 0 16px;
  padding: 16px 18px 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-left: 3px solid rgba(255, 59, 87, 0.55);
  border-radius: 0 8px 8px 0;
  background: rgba(255, 255, 255, 0.025);
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-block__title {
  margin: 0 0 10px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  text-shadow: none !important;
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-block__body p {
  margin: 0 0 0.95em;
  color: #c5ced9;
  font-size: 14px;
  line-height: 1.82;
}

body.oc-learn-page .onecobull-article--operator .oc-operator-info-block__body p:last-child {
  margin-bottom: 0;
}

body.oc-learn-page .onecobull-article--operator .oc-info-loading {
  margin: 0;
  color: #94a3b8;
  font-size: 14px;
}

body.oc-learn-page .onecobull-article--operator .oc-info-updated {
  margin: 32px 0 0;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
  color: #94a3b8;
}

/* ???? ? 800px???????????? */
body.oc-learn-page .onecobull-page-shell--operator .onecobull-footer-legal__inner {
  max-width: 800px;
  width: 100%;
}

body.oc-learn-page .onecobull-page-shell--operator .onecobull-footer-legal__nav {
  gap: 8px 20px;
  width: 100%;
  max-width: 800px;
}

body.oc-learn-page .onecobull-page-shell--operator .onecobull-footer-legal__nav span {
  color: rgba(216, 177, 95, 0.55);
  font-size: 0.9rem;
  padding: 0 4px;
  letter-spacing: 0;
  text-transform: none;
}

body.oc-learn-page .onecobull-page-shell--operator .onecobull-footer-legal__nav a {
  padding: 0 6px 2px;
}