@charset "UTF-8";
/* dokumenty.css — служебные страницы-документы */
.doc-page .article__bg { display: none; }
.doc-page .article-hero-zone {
  margin: -7rem calc(50% - 50vw) -4rem;
  padding: 7rem calc((100vw - 100%) / 2) 4rem;
  overflow: hidden;
}
.doc-page .article-hero-zone::before { inset: 0; width: 100%; }
.doc-page .article-hero-zone > .doc-hero__ornament {
  position: absolute;
  z-index: 0;
  top: 0;
  right: calc(max(0px, (100vw - var(--container-width)) / 2) - 1.8rem);
  width: 60.7rem;
  height: 60.7rem;
  background: url("../images/svg/main_bg.svg") center / cover no-repeat;
  pointer-events: none;
}
@media (max-width: 992px) {
  .doc-page .article-hero-zone > .doc-hero__ornament { width: 32rem; height: 32rem; top: 1rem; right: 0; }
}
@media (max-width: 575px) {
  .doc-page .article-hero-zone > .doc-hero__ornament { width: 24rem; height: 24rem; top: -1rem; }
}
.doc-page .article-title-group { gap: 0; }
@media (min-width: 993px) {
  .doc-page .article-hero-split .article-title { font-size: 5.6rem; line-height: 104%; max-width: 110rem; }
}
.doc-page .article-upd--line {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin: 2.6rem 0 0;
  padding-top: 1.6rem;
  border-top: 0.1rem solid var(--brand-main-low);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--brand-main-mid);
}
.doc-page .article-upd--line b { color: var(--brand-main-base); font-weight: 600; }
@media (max-width: 575px) {
  .doc-page .article-hero-zone { margin-bottom: -2rem; padding-bottom: 2rem; }
}

@media (min-width: 993px) {
  .doc-page .article-wrapper { grid-template-rows: auto 1fr; row-gap: 1.6rem; }
  .doc-page .article-body { grid-column: 1; grid-row: 1 / span 2; }
  .doc-page .doc-switch { grid-column: 2; grid-row: 1; }
  .doc-page .toc-col { grid-column: 2; grid-row: 2; }
}
@media (max-width: 992px) {
  .doc-page .article-wrapper { padding-top: 4rem; }
  .doc-page .doc-switch { order: 1; margin-top: 2.4rem; }
}
@media (max-width: 575px) {
  .doc-page .article-wrapper { padding-top: 2rem; }
}

.doc-page .article-body { gap: 5.6rem; }
@media (min-width: 993px) { .doc-page .article-body { max-width: 84rem; } }
.doc-text { gap: 1.6rem; }
@media (max-width: 992px) {
  .doc-page .article-body { gap: 4rem; }
  .doc-text { gap: 1.4rem; }
}

.doc-preamble { gap: 1.2rem; }
.doc-preamble > p.doc-preamble__name {
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: var(--brand-main-base);
}
.doc-preamble > p { color: var(--brand-main-base); }
.doc-preamble > p em { font-style: normal; color: var(--brand-main-mid); }
@media (max-width: 575px) {
  .doc-preamble > p.doc-preamble__name { font-size: 1.8rem; }
}

.doc-section { gap: 2.4rem; }
.doc-section__title {
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 110%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--brand-main-base);
  text-wrap: balance;
}
.doc-section__num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4rem;
  height: 4rem;
  padding: 0 0.8rem;
  margin-top: -0.4rem;
  background-color: var(--brand-third-base);
  border: 0.1rem solid var(--brand-main-low);
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (max-width: 992px) {
  .doc-section__title { font-size: 2.6rem; }
}
@media (max-width: 575px) {
  .doc-section { gap: 2rem; }
  .doc-section__title { font-size: 2.2rem; line-height: 116%; gap: 1.2rem; }
  .doc-section__num { min-width: 3.2rem; height: 3.2rem; font-size: 1.5rem; margin-top: -0.4rem; }
}
.doc-text > .article-subhead { margin: 1.2rem 0 0; font-size: 2rem; }
.doc-text > .article-subhead:first-child { margin-top: 0; }
@media (max-width: 575px) { .doc-text > .article-subhead { font-size: 1.8rem; } }

.doc-text > p.doc-clause,
.doc-text > p.doc-cont,
.doc-text > ul.doc-cont { padding-left: 6.4rem; }
.doc-clause__num {
  display: inline-block;
  width: 6.4rem;
  margin-left: -6.4rem;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  color: var(--brand-main-base);
  margin-right: -0.47rem;
}
@media (max-width: 575px) {
  .doc-text > p.doc-clause,
  .doc-text > p.doc-cont,
  .doc-text > ul.doc-cont { padding-left: 0; }
  .doc-clause__num { width: auto; margin-left: 0; margin-right: 0; font-size: 1.4rem; }
}

.doc-rekv {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3.2rem;
  background-color: var(--brand-second-base);
  scroll-margin-top: 11rem;
}
.doc-rekv > .article-subhead { margin: 0; }
@media (max-width: 575px) { .doc-rekv { padding: 2rem 1.6rem; } }
.doc-rekv__name {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: var(--brand-main-base);
}
.doc-rekv__list { margin: 0; display: flex; flex-direction: column; }
.doc-rekv__row {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  column-gap: 2.4rem;
  padding: 1.2rem 0;
  border-top: 0.1rem solid var(--brand-main-low);
}
.doc-rekv__row dt {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-top: 0.3rem;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--brand-main-mid);
}
.doc-rekv__row dd {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--brand-main-base);
  overflow-wrap: anywhere;
}
.doc-rekv__row dd a { color: inherit; text-decoration: underline; text-underline-offset: 0.3rem; }
@media (max-width: 575px) {
  .doc-rekv__row { grid-template-columns: 1fr; row-gap: 0.4rem; }
  .doc-rekv__row dt { padding-top: 0; }
  .doc-rekv__row dd { font-size: 1.7rem; }
}

.doc-cookie-btn { align-self: flex-start; margin-left: 6.4rem; }
@media (max-width: 575px) { .doc-cookie-btn { margin-left: 0; } }

.doc-switch {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 2.4rem;
  background-color: var(--brand-second-base);
}
.doc-switch__head {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--brand-main-base);
}
.doc-switch__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.doc-switch__item {
  display: flex;
  align-items: stretch;
  gap: 1.6rem;
  padding: 1.2rem 1.6rem;
  text-decoration: none;
  transition: background-color 0.3s;
}
.doc-switch__indicator {
  flex: 0 0 0.2rem;
  width: 0.2rem;
  background-color: var(--brand-main-low);
}
.doc-switch__title {
  font-family: var(--font-sans);
  font-size: 1.6rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: var(--brand-main-mid);
  transition: color 0.3s;
}
.doc-switch__item:hover { background-color: var(--white-mid); }
.doc-switch__item:hover .doc-switch__title { color: var(--brand-main-base); }
.doc-switch__item[aria-current="page"] { background-color: var(--brand-second-mid); }
.doc-switch__item[aria-current="page"] .doc-switch__indicator { background-color: var(--brand-main-base); flex-basis: 0.3rem; width: 0.3rem; }
.doc-switch__item[aria-current="page"] .doc-switch__title { color: var(--brand-main-base); }
.doc-switch__item:focus-visible { outline: 0.2rem solid var(--brand-main-base); outline-offset: -0.2rem; }
@media (max-width: 992px) {
  .doc-switch { padding: 1.6rem; gap: 1.6rem; }
}
@media (min-width: 576px) and (max-width: 992px) {
  .doc-switch__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
}
@media (max-width: 575px) {
  .doc-switch { padding: 1.8rem 1.4rem 1.6rem; }
  .doc-switch__item { padding: 1rem 1.2rem; }
}

@media print {
  .header, .footer, .doc-page .toc-col, .doc-page .doc-switch, .toc-fab, .toc-sheet, .toc-sheet__backdrop,
  .doc-page .doc-hero__ornament, .doc-page .breadcrumbs-row, .doc-cookie-btn { display: none !important; }
  .doc-page .article-hero-zone::before { display: none; }
  .doc-page .article { padding: 0; }
  .doc-page .article-wrapper { display: block; }
}