/* /sphere/ — как /soty/: шапка/футер сайта общие, контент в #sphere-root */
.container-wrap.page-sphere {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow: hidden;
}
.page-sphere .container--layout,
.page-sphere .container--footer {
  width: 100%;
}
#sphere-root {
  width: 100%;
}

/* Семантический H1 для SEO — визуальные заголовки рисует React-лендинг */
.page-sphere .sphere-seo-h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}