.apos-left{margin-right:auto}.apos-center{margin-right:auto;margin-left:auto}.apos-right{margin-left:auto}
[data-rich-text] table:not([class]),
  .tiptap table:not([class]),
  .tableWrapper table,
  .apos-rich-text-table{overflow:hidden;width:100%;margin:0;border-collapse:collapse;table-layout:fixed}[data-rich-text] table:not([class]) td,
  [data-rich-text] table:not([class]) th,
  .tiptap table:not([class]) td,
  .tiptap table:not([class]) th,
  .tableWrapper table td,
  .tableWrapper table th,
  .apos-rich-text-table td,
  .apos-rich-text-table th{box-sizing:border-box;padding:6px 8px;border:1px solid var(--a-base-4, #939393);min-width:1em;vertical-align:top}[data-rich-text] table:not([class]) td>*,
  [data-rich-text] table:not([class]) th>*,
  .tiptap table:not([class]) td>*,
  .tiptap table:not([class]) th>*,
  .tableWrapper table td>*,
  .tableWrapper table th>*,
  .apos-rich-text-table td>*,
  .apos-rich-text-table th>*{margin-bottom:0}[data-rich-text] table:not([class]) th,
  .tiptap table:not([class]) th,
  .tableWrapper table th,
  .apos-rich-text-table th{background-color:var(--a-base-8, #dbdbdb);font-weight:700;text-align:start}
.image-widget-placeholder{width:100%}
/*
 * The design tokens the shared rich-text CSS uses, as plain custom properties (the site defines
 * them in the @theme block of apps/web/app/assets/css/main.css). Not synced: keep the values equal.
 */
:root {
  --color-primary: #0e6e6c;
  --color-primary-strong: #0a5250;
  --color-muted: #475569;
  --color-line: #e2e8f0;
  --color-surface-muted: #f5f7f8;
}

/*
 * Shared with the CMS: scripts/sync-editor-css.mjs in apps/cms copies this file and
 * rich-text-figures.css into the editor's styles, so in-place text editing looks like the site.
 * Keep both files plain CSS (nesting is fine): no Tailwind-only syntax. The colours are the
 * `--color-*` custom properties of the design tokens (main.css); the CMS defines the same names.
 */
/*
 * Editor-written HTML: the rich-text widget and FAQ answers (`v-html`, so
 * no scoped styles and no utility classes on the elements). Everything
 * Tailwind's reset removed is put back here: spacing, lists, links, quotes
 * and tables. There is no h1 (the CMS has no such style); h2 to h6 match
 * the widget headings. Tables sit in `.rich-table`, added by the server
 * (server/utils/dto/richtext.ts), so a wide one scrolls inside its block.
 */
@layer components {
  .rich-text {
    font-size: 1.0625rem;
    line-height: 1.75;
    overflow-wrap: break-word;

    & > * + * {
      margin-top: 1.125rem;
    }

    & > :first-child {
      margin-top: 0;
    }

    & > :last-child {
      margin-bottom: 0;
    }

    & h2 {
      margin-top: 2.75rem;
      font-size: 1.5rem;
      line-height: 1.2;
      letter-spacing: -0.02em;
    }

    & h3 {
      margin-top: 2rem;
      font-size: 1.25rem;
      line-height: 1.3;
      letter-spacing: -0.01em;
    }

    & h4 {
      margin-top: 1.75rem;
      font-size: 1.0625rem;
      line-height: 1.4;
    }

    /* Below h4 the size is that of the text or smaller: h6 is set apart by small caps and colour. */
    & h5 {
      margin-top: 1.5rem;
      font-size: 1rem;
      line-height: 1.5;
    }

    & h6 {
      margin-top: 1.5rem;
      font-size: 0.875rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: var(--color-muted);
    }

    & :is(h2, h3, h4, h5, h6) + * {
      margin-top: 0.75rem;
    }

    & ul {
      padding-left: 1.5rem;
      list-style: disc;
    }

    & ol {
      padding-left: 1.5rem;
      list-style: decimal;
    }

    & :is(ul, ol) :is(ul, ol) {
      margin-top: 0.5rem;
    }

    & li {
      padding-left: 0.25rem;
    }

    & li + li {
      margin-top: 0.5rem;
    }

    & li::marker {
      color: var(--color-primary);
    }

    & a {
      color: var(--color-primary-strong);
      text-decoration: underline;
      text-decoration-color: color-mix(in oklab, var(--color-primary) 45%, transparent);
      text-underline-offset: 0.2em;
      transition: text-decoration-color 150ms;
    }

    & a:hover {
      text-decoration-color: currentColor;
    }

    & blockquote {
      border-left: 4px solid var(--color-primary);
      padding-left: 1.25rem;
      color: var(--color-muted);
      font-size: 1.125rem;
    }

    & hr {
      margin-block: 2.5rem;
      border: 0;
      border-top: 1px solid var(--color-line);
    }

    & .rich-table {
      overflow-x: auto;
    }

    & table {
      min-width: 100%;
      border-collapse: collapse;
      font-size: 0.9375rem;
      line-height: 1.5;
    }

    & :is(th, td) {
      padding: 0.625rem 0.875rem;
      border-bottom: 1px solid var(--color-line);
      text-align: left;
      vertical-align: top;
    }

    & th {
      background-color: var(--color-surface-muted);
      font-weight: 700;
    }

    @media (min-width: 48rem) {
      & h2 {
        font-size: 1.75rem;
      }
    }
  }
}

/*
 * Images inside editor-written HTML (`.rich-text`). The CMS stores an inserted
 * image as `<figure class="{style}"><img><figcaption>`; the server rebuilds
 * the img (server/utils/dto/richtext.ts). The styles are the rich-text
 * widget's image styles:
 *   rt-image       in the text column (the default)
 *   rt-image-wide  wider than the text column, from md
 *   rt-image-left  floated left of the text, from md; full width on a phone
 * The text column is `max-w-2xl` and starts at the left of its container, so
 * "wide" grows to the right, up to max-w-4xl and never past the container:
 * the container is measured with a container query, set only where a wide
 * image exists (it changes nothing else there).
 */
@layer components {
  .rich-text {
    & figure {
      margin-block: 2rem;
    }

    & > figure:first-child {
      margin-top: 0;
    }

    & figure img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 0.5rem;
    }

    & figcaption {
      margin-top: 0.5rem;
      color: var(--color-muted);
      font-size: 0.875rem;
      line-height: 1.5;
    }

    /* A float is closed by the next heading, rule or table, and by the end of the text. */
    &:has(.rt-image-left) {
      display: flow-root;
    }

    & :is(h2, h3, h4, hr, .rich-table) {
      clear: both;
    }
  }

  :has(> .rich-text .rt-image-wide) {
    container-type: inline-size;
  }

  @container (min-width: 48rem) {
    .rich-text figure.rt-image-wide {
      width: min(56rem, 100cqw);
      max-width: none;
    }
  }

  @media (min-width: 48rem) {
    .rich-text figure.rt-image-left {
      float: left;
      width: min(50%, 20rem);
      margin: 0.375rem 1.75rem 1rem 0;
    }
  }
}

body[data-breakpoint-preview-mode]{position:relative;contain:layout}@font-face{font-family:"Onest CMS";src:url("/_fonts/onest-ru.9766936c56.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0,U+00A7,U+00A9,U+00AB,U+00AE,U+00B0-00B3,U+00B6-00B7,U+00B9,U+00BB,U+00BD,U+00D7,U+00F7,U+0301,U+0400-045F,U+0490-0491,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+20AC,U+20BD,U+2116,U+2122,U+2190-2193,U+2212,U+2248,U+2264-2265}.cms-shell{--cms-primary: #0e6e6c;--cms-primary-strong: #0a5250;--cms-primary-soft: #e7f3f2;--cms-accent-soft: #f7edd6;--cms-warn: #a63d1a;--cms-warn-soft: #fcefe9;--cms-ink: #0f172a;--cms-muted: #475569;--cms-surface: #fff;--cms-line: #e2e8f0;--cms-text-width: 42rem;--cms-wide-width: 64rem;box-sizing:border-box;min-height:100vh;margin:0;padding:5.5rem 1rem 6rem;background:#f5f7f8;color:var(--cms-ink);font-family:"Onest CMS",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.0625rem;line-height:1.65}:where([data-apos-refreshable-body]) .cms-shell,
  :where([data-apos-refreshable-body]).cms-shell{--cms-primary: #0e6e6c;--cms-primary-strong: #0a5250;--cms-primary-soft: #e7f3f2;--cms-accent-soft: #f7edd6;--cms-warn: #a63d1a;--cms-warn-soft: #fcefe9;--cms-ink: #0f172a;--cms-muted: #475569;--cms-surface: #fff;--cms-line: #e2e8f0;--cms-text-width: 42rem;--cms-wide-width: 64rem;box-sizing:border-box;min-height:100cqh;margin:0;padding:5.5rem 1rem 6rem;background:#f5f7f8;color:var(--cms-ink);font-family:"Onest CMS",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.0625rem;line-height:1.65}.cms-shell>*{box-sizing:border-box;max-width:var(--cms-wide-width);margin-left:auto;margin-right:auto}.cms-shell>h1,
  .cms-shell>h2,
  .cms-shell>h3,
  .cms-shell>p,
  .cms-shell>dl,
  .cms-shell>ul,
  .cms-shell>ol,
  .cms-shell>article,
  .cms-shell>section>h2,
  .cms-shell>section>h3,
  .cms-shell>section>p{max-width:var(--cms-text-width)}.cms-shell>h1,
  .cms-shell>h2,
  .cms-shell>h3,
  .cms-shell>section>h2,
  .cms-shell>section>h3{color:var(--cms-ink);font-weight:700;letter-spacing:-0.015em;text-wrap:balance}.cms-shell>h1{margin:0 auto 1.25rem;font-size:clamp(2rem,1.5rem + 2.4vw,3rem);line-height:1.1;letter-spacing:-0.025em}:where([data-apos-refreshable-body]) .cms-shell>h1,
  :where([data-apos-refreshable-body]).cms-shell>h1{margin:0 auto 1.25rem;font-size:clamp(2rem, 1.5rem + 2.4cqw, 3rem);line-height:1.1;letter-spacing:-0.025em}.cms-shell>h2,
  .cms-shell>section>h2{margin:2.25rem auto .75rem;font-size:1.625rem;line-height:1.2}.cms-shell>h3,
  .cms-shell>section>h3{margin:1.5rem auto .5rem;font-size:1.25rem;line-height:1.3}.cms-shell>p,
  .cms-shell>section>p{margin:0 auto 1rem}.cms-shell a:not([class]){color:var(--cms-primary);text-underline-offset:.2em}.cms-shell img{max-width:100%;height:auto}.cms-shell dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:0 auto 1.5rem;padding:1rem 1.25rem;border:1px solid var(--cms-line);border-radius:.75rem;background:var(--cms-surface);font-size:.9375rem}.cms-shell dl dt{color:var(--cms-muted)}.cms-shell dl dd{margin:0;overflow-wrap:anywhere}.cms-shell>ul,
  .cms-shell>ol{padding-left:1.4rem}.cms-shell>article{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--cms-line)}.cms-shell>article h2{margin-top:0}.cms-shell [data-apos-area]{margin:1.25rem 0}.cms-card{box-sizing:border-box;max-width:var(--cms-text-width);margin:1.25rem auto;border:1px solid var(--cms-line);border-radius:.875rem;background:var(--cms-surface);overflow:hidden}.cms-card--wide{max-width:var(--cms-wide-width)}.cms-card__bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;padding:.5rem 1.25rem;border-bottom:1px solid var(--cms-line);background:#f1f5f9;font-size:.75rem;line-height:1.4}.cms-card__kind{color:var(--cms-primary-strong);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cms-card__hint{color:var(--cms-muted)}.cms-card__body{padding:1.25rem 1.5rem 1.5rem}.cms-card__title{margin:0 0 .6rem;font-size:1.5rem;line-height:1.2;font-weight:700}.cms-card__text{margin:0 0 .75rem}.cms-card__note{margin:.5rem 0 0;color:var(--cms-muted);font-size:.875rem;line-height:1.5}.cms-card--callout{border-left:4px solid var(--cms-primary);background:var(--cms-primary-soft)}.cms-card--callout[data-tone=warning]{border-left-color:var(--cms-warn);background:var(--cms-warn-soft)}.cms-card--callout[data-tone=success]{border-left-color:#2f7d4f;background:#e8f5ed}.cms-card--callout .cms-card__bar{background:rgba(0,0,0,0)}.cms-card--cta{border:0;background:var(--cms-primary);color:#fff}.cms-card--cta[data-variant=subtle]{border:1px solid var(--cms-line);background:var(--cms-accent-soft);color:var(--cms-ink)}.cms-card--cta[data-variant=subtle] .cms-button{background:var(--cms-primary);color:#fff}.cms-card--cta .cms-card__bar{background:rgba(0,0,0,.14);border-color:rgba(255,255,255,.2)}.cms-card--cta:not([data-variant=subtle]) .cms-card__kind,
  .cms-card--cta:not([data-variant=subtle]) .cms-card__hint{color:#d5ebea}.cms-card--cta[data-variant=subtle] .cms-card__bar{background:rgba(0,0,0,.05);border-color:var(--cms-line)}.cms-card--cta .cms-card__title{color:inherit}.cms-card--hero{border-color:rgba(0,0,0,0);background:#06302f;color:#fff}.cms-card--hero .cms-card__bar{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.15)}.cms-card--hero .cms-card__kind,
  .cms-card--hero .cms-card__hint,
  .cms-card--hero .cms-card__note{color:#a9c7c5}.cms-hero{display:grid;gap:1.5rem;align-items:center}@media(min-width: 52rem){:where(body:not([data-breakpoint-preview-mode])) .cms-hero,
  :where(body:not([data-breakpoint-preview-mode])).cms-hero{grid-template-columns:1.3fr 1fr;padding:1.5rem 1rem 1.75rem}}@container (min-width: 52rem){.cms-hero{grid-template-columns:1.3fr 1fr;padding:1.5rem 1rem 1.75rem}}.cms-hero__title{margin:0 0 1rem;color:#fff;font-size:clamp(2.25rem,1.55rem + 3vw,3.75rem);line-height:1.06;letter-spacing:-0.025em;font-weight:700;text-wrap:balance}:where([data-apos-refreshable-body]) .cms-hero__title,
  :where([data-apos-refreshable-body]).cms-hero__title{margin:0 0 1rem;color:#fff;font-size:clamp(2.25rem, 1.55rem + 3cqw, 3.75rem);line-height:1.06;letter-spacing:-0.025em;font-weight:700;text-wrap:balance}.cms-hero__lead{margin:0 0 1.25rem;max-width:36rem;color:#d5ebea;font-size:1.25rem;line-height:1.5}.cms-hero__image{display:block;width:100%;max-height:18rem;border-radius:.75rem;object-fit:cover}.cms-button{display:inline-block;padding:.65rem 1.25rem;border-radius:999px;background:#e3c06f;color:#06302f;font-weight:600;line-height:1.2;text-decoration:none}.cms-button--static{background:var(--cms-primary);color:#fff}.cms-placeholder{padding:1rem 1.25rem;border:1px dashed #78869a;border-radius:.75rem;background:#f8fafc;color:var(--cms-muted)}.cms-placeholder strong{color:var(--cms-ink)}.cms-placeholder p{margin:.5rem 0 0}.cms-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none}.cms-chips li{padding:.4rem .9rem;border:1px solid var(--cms-line);border-radius:999px;background:var(--cms-primary-soft);color:var(--cms-primary-strong);font-size:.9375rem;font-weight:500}.cms-list{margin:0;padding-left:1.25rem}.cms-list li{margin:.35rem 0}.cms-steps{margin:0;padding:0;list-style:none;counter-reset:cms-step}.cms-steps li{position:relative;margin:0 0 1rem;padding-left:3rem;counter-increment:cms-step}.cms-steps li::before{content:counter(cms-step);position:absolute;left:0;top:.1rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--cms-primary);color:#fff;font-weight:600}.cms-steps__title{margin:0 0 .25rem;font-size:1.125rem}.cms-figure__image{display:block;max-width:100%;max-height:24rem;margin:0 auto;border-radius:.5rem}.cms-figure__caption{margin-top:.6rem;color:var(--cms-muted);font-size:.9375rem;text-align:center}.cms-preview-btn{position:fixed;right:1.25rem;bottom:1.25rem;z-index:500;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.25rem;border:2px solid #fff;border-radius:999px;background:#0e6e6c;color:#fff;font:600 .9375rem/1.2 "Onest CMS",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:none;box-shadow:0 4px 16px rgba(6,48,47,.35)}:where([data-apos-refreshable-body]) .cms-preview-btn,
  :where([data-apos-refreshable-body]).cms-preview-btn{position:sticky;--container-right:1.25rem;right:var(--container-right);--container-bottom:1.25rem;bottom:var(--container-bottom);z-index:500;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.25rem;border:2px solid #fff;border-radius:999px;background:#0e6e6c;color:#fff;font:600 .9375rem/1.2 "Onest CMS",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:none;box-shadow:0 4px 16px rgba(6,48,47,.35)}.cms-preview-btn:hover,
  .cms-preview-btn:focus-visible{background:#0a5250}.cms-preview-btn:focus-visible{outline:3px solid #e3c06f;outline-offset:2px}.cms-preview-btn__icon{font-size:1.125rem}

/*# sourceMappingURL=src-build.css.map*/