/* Explanation hub — /explanation/ (extends home-v2.css) */

.mg-exp__hero .mg2-hero__title {
  font-size: clamp(40px, 7vw, 72px);
}

.mg-exp__hero .mg2-hero__lead {
  max-width: 46ch;
}

/* Бежевая полоска .mg2-hero::after — не нужна между hero и «Рекомендуем» */
.mg-exp__hero.mg2-hero::after,
.mg-exp .mg2-hero::after {
  content: none;
  display: none;
}

.mg-exp__search {
  margin-top: 28px;
  max-width: none;
  width: 100%;
}

.mg-exp__search-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mg-exp__search-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mg-exp__search-input {
  flex: 1 1 260px;
  min-height: 52px;
  padding: 0 16px;
  border: 2px solid var(--mg-black);
  border-radius: var(--mg-radius);
  background: var(--mg-white);
  font: inherit;
  letter-spacing: -0.03em;
  color: var(--mg-black);
}

.mg-exp__search-input:focus {
  outline: none;
  border-color: var(--mg-blue);
}

/* Плашки поиска: чипы под полем + подписи блоков выдачи */
.mg-exp__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  max-width: 100%;
}

.mg-exp__chip,
.mg-exp__results-label {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 99px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.3;
  text-decoration: none;
}

/* Чипы: чёрные по умолчанию, синие при ховере / активном */
.mg-exp__chip {
  border: 1px solid var(--mg-border);
  background: var(--mg-white);
  color: var(--mg-black);
  padding: 6px 12px;
  font-size: 14px;
}

.mg-exp__chip:hover,
body.mg-site--v2b .mg-exp a.mg-exp__chip:hover {
  background: rgb(43 142 217 / 12%);
  border-color: var(--mg-blue);
  color: var(--mg-blue-link);
}

.mg-exp__chip.is-active,
.mg-exp__chip.is-active:hover,
body.mg-site--v2b .mg-exp a.mg-exp__chip.is-active,
body.mg-site--v2b .mg-exp a.mg-exp__chip.is-active:hover {
  background: var(--mg-blue);
  border-color: var(--mg-blue);
  color: var(--mg-white);
}

/* Подпись блока выдачи — та же синяя плашка */
.mg-exp__results-label {
  margin: 0 0 12px;
  border: 0;
  background: var(--mg-blue);
  color: var(--mg-white);
}

.mg-exp__want-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (max-width: 719px) {
  .mg-exp__want-grid {
    grid-template-columns: 1fr;
  }
}

.mg-exp__want-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid var(--mg-border);
  border-radius: var(--mg-radius);
  background: var(--mg-white);
  text-decoration: none;
  color: var(--mg-black);
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: 600;
  letter-spacing: -0.03em;
}

.mg-exp__want-card:hover {
  border-color: var(--mg-blue);
  color: var(--mg-blue-link);
}

/* Хаб /explanation/ — «Рекомендуем» на синем */
.mg-exp__rec {
  background: var(--mg-blue);
  color: var(--mg-white);
}

.mg-exp__rec .mg2-section-head {
  margin-bottom: 20px;
}

.mg-exp__rec .mg2-section-head--light p {
  color: rgba(255, 255, 255, 0.88);
}

.mg-exp__rec-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.mg-exp__rec-head h2 {
  margin: 0;
}

.mg-exp__pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 99px;
  background: var(--mg-white);
  border: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--mg-black);
  transform: translateY(-5px);
}

.mg-exp__rec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (max-width: 719px) {
  .mg-exp__rec-grid {
    grid-template-columns: 1fr;
  }
}

.mg-exp__rec-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 22px;
  border: 0;
  border-radius: var(--mg-radius);
  background: var(--mg-white);
  text-decoration: none;
  color: var(--mg-black);
}

/* body.mg-site--v2b a { color: inherit } иначе белый текст на белых карточках */
body.mg-site--v2b .mg-exp a.mg-exp__rec-card {
  color: var(--mg-black);
}

.mg-exp__rec-card:hover {
  color: var(--mg-black);
}

.mg-exp__rec-title {
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.15;
  color: var(--mg-black);
}

.mg-exp__rec-card:hover .mg-exp__rec-title,
body.mg-site--v2b .mg-exp a.mg-exp__rec-card:hover .mg-exp__rec-title {
  color: var(--mg-blue-link);
}

.mg-exp__rec-angle {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--mg-muted);
}

.mg-exp__topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 719px) {
  .mg-exp__topic-grid {
    grid-template-columns: 1fr;
  }
}

.mg-exp__topic {
  padding: 20px 22px;
  border: 1px solid var(--mg-border);
  border-radius: var(--mg-radius);
  background: var(--mg-white);
}

.mg-exp__topic-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.mg-exp__topic-link h3 {
  margin: 0;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.1;
}

.mg-exp__topic-link:hover h3 {
  color: var(--mg-blue-link);
}

.mg-exp__topic-link p {
  margin: 8px 0 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--mg-muted);
}

.mg-exp__topic-examples {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--mg-border);
  padding-top: 12px;
}

.mg-exp__topic-examples li + li {
  margin-top: 6px;
}

.mg-exp__topic-examples a {
  color: var(--mg-blue-link);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.mg-exp__topic-examples a:hover {
  color: var(--mg-blue-hover);
}

.mg-exp__topic-examples a::after {
  content: " ›";
}

.mg-exp__all {
  margin: 28px 0 0;
}

.mg-exp__all-plate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 22px;
  border-radius: var(--mg-radius);
  background: var(--mg-blue);
  color: var(--mg-white);
}

.mg-exp__all-plate-title {
  margin: 0;
  font-size: clamp(20px, 2.6vw, 26px);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.2;
}

.mg-exp__all-plate-cta {
  flex-shrink: 0;
}

.mg-exp__all-plate-cta:hover,
body.mg-site--v2b .mg-exp a.mg-exp__all-plate-cta {
  color: var(--mg-blue);
}

body.mg-site--v2b .mg-exp a.mg-exp__all-plate-cta:hover,
.mg-exp__all-plate-cta:hover {
  background: var(--mg-white);
  color: var(--mg-blue-hover);
}

@media (max-width: 719px) {
  .mg-exp__all-plate {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px 18px;
  }

  .mg-exp__all-plate-cta {
    align-self: flex-end;
  }
}

/* Выдача поиска: лёгкий список (линии + синий ховер), без карточек и без excerpt */
.mg-exp__result-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mg-exp__result-list li {
  margin: 0;
  border-bottom: 1px solid var(--mg-border);
}

.mg-exp__result-list li:last-child {
  border-bottom: 0;
}

.mg-exp__result {
  display: block;
  padding: 14px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  text-decoration: none;
  color: var(--mg-black);
}

.mg-exp__result:hover,
body.mg-site--v2b .mg-exp a.mg-exp__result:hover {
  background: rgb(43 142 217 / 6%);
  color: var(--mg-blue-link);
}

.mg-exp__result-title {
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.3;
  color: inherit;
}

.mg-exp__result:hover .mg-exp__result-title {
  color: var(--mg-blue-link);
}

/* Не показывать сниппеты/описания в выдаче хаба */
.mg-exp__result-excerpt,
.mg-exp__result .t-descr,
.mg-exp__result .mg-site-search__snippet {
  display: none !important;
}

/* Режим поиска: ближе hero → результаты */
.mg-exp--search .mg-exp__hero {
  padding-bottom: 20px;
}

@media (min-width: 960px) {
  .mg-exp--search .mg-exp__hero {
    padding-bottom: 24px;
  }
}

.mg-exp__results {
  padding-top: 16px;
  padding-bottom: 48px;
}

@media (min-width: 960px) {
  .mg-exp__results {
    padding-top: 20px;
    padding-bottom: 56px;
  }
}

.mg-exp__results-block + .mg-exp__results-block {
  margin-top: 28px;
}

.mg-exp__results-kicker {
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: var(--mg-blue-link);
}

.mg-exp__results-empty {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--mg-muted);
}

.mg-exp__recent {
  padding-top: 56px;
  padding-bottom: 56px;
  background: var(--mg-white);
}

.mg-exp__recent .mg2-section-head h2 {
  color: var(--mg-black);
}

.mg-exp__recent-scroll {
  width: var(--mg-wrap);
  margin-inline: auto;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.mg-exp__recent-track {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  padding: 2px 0 8px;
}

.mg-exp__recent-card {
  box-sizing: border-box;
  flex: 0 0 min(280px, 78vw);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border: 0;
  border-radius: var(--mg-radius);
  background: var(--mg-cream);
  color: var(--mg-black);
  text-decoration: none;
  scroll-snap-align: start;
}

body.mg-site--v2b .mg-exp a.mg-exp__recent-card {
  color: var(--mg-black);
}

.mg-exp__recent-card:hover,
body.mg-site--v2b .mg-exp a.mg-exp__recent-card:hover {
  color: var(--mg-black);
}

.mg-exp__recent-card-title {
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.25;
  text-wrap: pretty;
}

.mg-exp__recent-card-cta {
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 18px;
  line-height: 1.25;
  color: var(--mg-blue-link);
}

.mg-exp__recent-card:hover .mg-exp__recent-card-cta,
body.mg-site--v2b .mg-exp a.mg-exp__recent-card:hover .mg-exp__recent-card-cta {
  color: var(--mg-blue-hover);
}

.mg-exp__recent-more {
  margin: 20px 0 0;
}

.mg-exp__recent-more .mg2-textlink {
  font-weight: 600;
}

body.mg-site--v2b .mg-exp .mg-exp__recent-more a.mg2-textlink {
  color: var(--mg-blue-link);
}

body.mg-site--v2b .mg-exp .mg-exp__recent-more a.mg2-textlink:hover {
  color: var(--mg-blue-hover);
}

.mg-exp__stub-note {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--mg-muted);
}

.mg-exp__stub-note code {
  font-family: ui-monospace, monospace;
  font-size: 13px;
  color: var(--mg-black);
}

/* Крошки — как .mg-tool__crumbs на tools/лендингах */
.mg-exp__crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mg-muted);
}

.mg-exp__crumbs a {
  color: var(--mg-black);
  text-decoration: none;
}

.mg-exp__crumbs a:hover {
  color: var(--mg-blue-link);
}

.mg-exp__crumbs [aria-current="page"] {
  color: var(--mg-black);
}

body.mg-site--v2b .mg-exp .mg-exp__crumbs a {
  color: var(--mg-black);
}

body.mg-site--v2b .mg-exp .mg-exp__crumbs a:hover {
  color: var(--mg-blue-link);
}

/* Guide /explanation/guide/{slug} — шаги на синем, 4 карточки в 2 колонки */
.mg-exp__guide-steps {
  background: var(--mg-blue);
  color: var(--mg-white);
}

.mg-exp__guide-steps-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (max-width: 719px) {
  .mg-exp__guide-steps-grid {
    grid-template-columns: 1fr;
  }
}

.mg-exp__guide-step-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 22px;
  border: 0;
  border-radius: var(--mg-radius);
  background: var(--mg-white);
  color: var(--mg-black);
}

.mg-exp__guide-step-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.mg-exp__guide-step-num {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  background: var(--mg-blue);
  color: var(--mg-white);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
}

.mg-exp__guide-step-card h3 {
  margin: 0;
  padding-top: 4px;
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.15;
  color: var(--mg-black);
  text-wrap: pretty;
}

/* Ссылки в карточках шагов — чёрные, синие на ховере (как на topic) */
.mg-exp__guide-step-card .mg-exp__step-articles {
  margin-top: 0;
}

.mg-exp__guide-step-card .mg-exp__step-articles a {
  color: var(--mg-black);
}

body.mg-site--v2b .mg-exp .mg-exp__guide-step-card .mg-exp__step-articles a {
  color: var(--mg-black);
}

.mg-exp__guide-step-card .mg-exp__step-articles a:hover,
body.mg-site--v2b .mg-exp .mg-exp__guide-step-card .mg-exp__step-articles a:hover {
  color: var(--mg-blue-link);
}

.mg-exp__guide-step-card .mg-exp__step-articles a:hover > span:last-child,
body.mg-site--v2b .mg-exp .mg-exp__guide-step-card .mg-exp__step-articles a:hover > span:last-child {
  color: var(--mg-blue-link);
}

.mg-exp__step-articles {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.mg-exp__step-articles li + li {
  margin-top: 8px;
}

.mg-exp__step-articles a {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  max-width: 100%;
  color: var(--mg-blue-link);
  font-size: clamp(15px, 1.8vw, 18px);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-decoration: none;
}

/* body.mg-site--v2b a { color: inherit } сильнее обычного селектора */
body.mg-site--v2b .mg-exp .mg-exp__step-articles a {
  color: var(--mg-blue-link);
}

.mg-exp__step-articles a > span:first-child {
  min-width: 0;
}

.mg-exp__step-articles a > span:last-child {
  flex-shrink: 0;
  color: var(--mg-muted);
}

body.mg-site--v2b .mg-exp .mg-exp__step-articles a > span:last-child {
  color: var(--mg-muted);
}

.mg-exp__step-articles a:hover {
  color: var(--mg-blue-hover);
}

body.mg-site--v2b .mg-exp .mg-exp__step-articles a:hover {
  color: var(--mg-blue-hover);
}

body.mg-site--v2b .mg-exp a.mg2-textlink {
  color: var(--mg-blue-link);
}

body.mg-site--v2b .mg-exp a.mg2-textlink:hover {
  color: var(--mg-blue-hover);
}

body.mg-site--v2b .mg-exp a.mg2-btn--fill {
  color: var(--mg-on-accent, #fff);
}

.mg-exp .mg2-section-head h2 {
  color: var(--mg-black);
}

/* Висячие однословные хвосты в лидах */
.mg-exp .mg2-hero__lead,
.mg-exp .mg2-section-head > p {
  text-wrap: pretty;
}

.mg-exp .mg2-section-head--light h2 {
  color: var(--mg-white);
}

.mg-exp .mg2-hero__lead {
  color: var(--mg-black);
  font-weight: 700;
}


/* Topic /explanation/topic/{slug} — подгруппы без рамок, в 2 колонки */
.mg-exp__topic-groups .mg2-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
  row-gap: 32px;
  align-items: start;
}

@media (max-width: 719px) {
  .mg-exp__topic-groups .mg2-wrap {
    grid-template-columns: 1fr;
    row-gap: 28px;
  }

  /* На мобилке без бокового bleed — не вылезаем за экран */
  .mg-exp__topic-guide-card {
    margin-left: 0;
    width: 100%;
  }
}

.mg-exp__group {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* Карточка сценария — текст в ритме сетки, плашка «вокруг» */
.mg-exp__topic-guide-card {
  --guide-card-pad-x: 24px;
  --guide-card-pad-y: 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  /* заголовок на линии сетки; плашка влево; правый край — по колонке */
  margin-top: calc(-1 * var(--guide-card-pad-y));
  margin-left: calc(-1 * var(--guide-card-pad-x));
  margin-right: 0;
  width: calc(100% + var(--guide-card-pad-x));
  max-width: none;
  height: auto;
  min-height: 0;
  padding: var(--guide-card-pad-y) var(--guide-card-pad-x);
  border: 0;
  border-radius: var(--mg-radius);
  background: var(--mg-cream);
  text-decoration: none;
  color: var(--mg-black);
  box-sizing: border-box;
  align-self: start;
  justify-self: start;
}

body.mg-site--v2b .mg-exp a.mg-exp__topic-guide-card {
  color: var(--mg-black);
}

.mg-exp__topic-guide-card:hover,
body.mg-site--v2b .mg-exp a.mg-exp__topic-guide-card:hover {
  color: var(--mg-black);
}

/* Как .mg-exp__group-title — та же базовая линия в ряду сетки */
.mg-exp__topic-guide-card-title {
  margin: 0 0 12px;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.15;
  color: var(--mg-black);
}

/* Кегль/интерлиньяж как у .mg-exp__step-articles; CTA — третья строка */
.mg-exp__topic-guide-card-lead {
  margin: 0;
  font-size: clamp(15px, 1.8vw, 18px);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--mg-black);
  text-wrap: pretty;
}

.mg-exp__topic-guide-card-cta {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 8px; /* как .mg-exp__step-articles li + li */
  font-size: clamp(15px, 1.8vw, 18px);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--mg-blue-link);
  white-space: nowrap;
}

.mg-exp__topic-guide-card-cta > span[aria-hidden] {
  color: var(--mg-muted);
}

.mg-exp__topic-guide-card:hover .mg-exp__topic-guide-card-cta,
body.mg-site--v2b .mg-exp a.mg-exp__topic-guide-card:hover .mg-exp__topic-guide-card-cta {
  color: var(--mg-blue-hover);
}

.mg-exp__topic-guide-card:hover .mg-exp__topic-guide-card-cta > span[aria-hidden],
body.mg-site--v2b .mg-exp a.mg-exp__topic-guide-card:hover .mg-exp__topic-guide-card-cta > span[aria-hidden] {
  color: var(--mg-blue-hover);
}

.mg-exp__group + .mg-exp__group {
  margin-top: 0;
}

.mg-exp__group-title {
  margin: 0 0 12px;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.15;
  color: var(--mg-black);
}

.mg-exp__topic-groups .mg-exp__group:first-child {
  margin-top: 0;
}

.mg-exp__topic-groups .mg-exp__step-articles {
  margin-top: 0;
}

/* Topic /explanation/topic/{slug} — рекомендуем на синем */
.mg-exp__topic-rec {
  background: var(--mg-blue);
  color: var(--mg-white);
}

.mg-exp__topic-rec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (max-width: 719px) {
  .mg-exp__topic-rec-grid {
    grid-template-columns: 1fr;
  }
}

.mg-exp__topic-rec-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border: 0;
  border-radius: var(--mg-radius);
  background: var(--mg-white);
  color: var(--mg-blue-link);
  text-decoration: none;
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: 600;
  letter-spacing: -0.03em;
}

/* body.mg-site--v2b a { color: inherit } иначе белый текст на белых карточках */
body.mg-site--v2b .mg-exp a.mg-exp__topic-rec-card {
  color: var(--mg-blue-link);
}

.mg-exp__topic-rec-card:hover,
body.mg-site--v2b .mg-exp a.mg-exp__topic-rec-card:hover {
  color: var(--mg-blue-hover);
}

.mg-exp__topic-rec-chevron {
  flex-shrink: 0;
  color: var(--mg-blue-link);
}

body.mg-site--v2b .mg-exp a.mg-exp__topic-rec-card .mg-exp__topic-rec-chevron {
  color: var(--mg-blue-link);
}

.mg-exp__topic-rec-card:hover .mg-exp__topic-rec-chevron,
body.mg-site--v2b .mg-exp a.mg-exp__topic-rec-card:hover .mg-exp__topic-rec-chevron {
  color: var(--mg-blue-hover);
}

.mg-exp__topic-groups .mg2-section-head {
  margin-bottom: 8px;
}

.mg-exp__topic-groups .mg2-section-head + .mg-exp__group {
  margin-top: 16px;
}