/* Дополнительная тема документации мобильного приложения PostService. */
    .mobile-docs-page.docs-full-mode { background: #eef1f0; }
    .mobile-docs-page .doc-hero::after { content: "DOC / APP"; }
    .doc-hero h1 { max-width: 720px; font-size: clamp(48px, 4.6vw, 76px); }
    .doc-hero__lead { max-width: 650px; }
    .mobile-hero-screen {
      width: min(310px, 68%);
      max-height: 470px;
      justify-self: center;
      overflow: hidden;
      border-width: 7px;
      background: #d8e1e4;
      clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
    }
    .mobile-hero-screen img {
      width: 100%;
      height: auto;
      max-height: 455px;
      padding-top: 28px;
      object-fit: contain;
      object-position: center top;
      background: #eef2f3;
    }
    .visual-tag--one { right: 3%; }
    .visual-tag--two { left: 3%; }

    .docs-main { padding-top: clamp(64px, 6vw, 92px); }
    .docs-layout { grid-template-columns: 250px minmax(0, 1fr); }
    .docs-content { width: 100%; }
    .content-intro { margin-bottom: 58px; }
    .content-intro h2 { max-width: 850px; }
    .mobile-manual {
      padding: clamp(18px, 2.4vw, 36px);
      background-image: none;
    }
    .mobile-manual .manual-section { scroll-margin-top: calc(var(--header) + 18px); }
    .mobile-manual .manual-section__head h2,
    .mobile-manual .manual-section__head h2.title-blue {
      margin: 0;
      padding: 0;
      border: 0;
      color: #24353d;
      font-family: "PS Text", Arial, sans-serif;
      font-size: clamp(13px, .95vw, 15px);
      font-weight: 500;
      line-height: 1.25;
      letter-spacing: 0;
    }
    .mobile-manual .manual-section__body { padding: 10px clamp(12px, 1.8vw, 26px) 42px; }
    .mobile-manual .sub-content {
      margin-top: 38px;
      padding-top: 34px;
      border-top: 1px solid #d4dcde;
    }
    .mobile-manual .sub-content:first-child { margin-top: 22px; }
    .mobile-manual h3 {
      max-width: 940px;
      margin: 0 0 20px;
      color: #174866;
      font-family: "PS Display", Arial, sans-serif;
      font-size: clamp(23px, 2vw, 32px);
      font-weight: 500;
      line-height: 1.15;
      scroll-margin-top: calc(var(--header) + 64px);
    }
    .mobile-manual h4 {
      max-width: 900px;
      margin: 31px 0 13px;
      padding-left: 12px;
      border-left: 3px solid #78b3d2;
      color: #29414c;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.35;
    }
    .mobile-manual p,
    .mobile-manual li { color: #526570; font-size: 14px; line-height: 1.65; }
    .mobile-manual p { max-width: 960px; margin: 12px 0; }
    .mobile-manual ul,
    .mobile-manual ol { max-width: 940px; gap: 8px; margin: 18px 0 28px; }
    .mobile-manual a { color: #286d9b; text-decoration: underline; text-decoration-color: rgba(40, 109, 155, .34); text-underline-offset: 3px; }
    .mobile-manual a:hover { color: #174866; text-decoration-color: currentColor; }
    .mobile-manual .postDoc-a {
      display: inline-flex;
      align-items: center;
      min-height: 40px;
      padding: 7px 11px;
      border: 1px solid #b7c7cd;
      color: #174866;
      background: #edf3f4;
      text-decoration: none;
    }
    .install-store-list {
      max-width: 820px !important;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px !important;
      padding: 0 !important;
      list-style: none;
    }
    .install-store-list li { min-width: 0; padding: 0; }
    .mobile-manual .install-store-link {
      width: 100%;
      min-height: 66px;
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      gap: 14px;
      padding: 9px 12px;
      color: #253943;
      background: #f3f6f6;
    }
    .install-store-link:hover { background: #fff; }
    .install-store-icon {
      width: 112px;
      height: 42px;
      display: block;
      border: 0;
      background: transparent;
      box-shadow: none;
      object-fit: contain;
    }
    .install-store-link span { min-width: 0; font-size: 12px; line-height: 1.35; }
    .postDOC-imgsWrap,
    .postDOCWEB-imgsWrap {
      display: grid;
      gap: 16px;
      margin: 24px 0 42px;
    }
    .postDOC-imgsWrap { grid-template-columns: repeat(auto-fit, minmax(175px, 230px)); align-items: start; }
    .postDOCWEB-imgsWrap { grid-template-columns: 1fr; }
    .postDOC-imgsWrap > img,
    .postDOCWEB-imgsWrap > img {
      width: 100%;
      height: auto;
      max-height: 620px;
      margin: 0;
      padding: 8px;
      border: 1px solid #aebcc1;
      background: #e7ecec;
      box-shadow: 5px 5px 0 #c6d0d2;
      object-fit: contain;
      cursor: zoom-in;
      transition: border-color .18s ease, background .18s ease;
    }
    .postDOCWEB-imgsWrap > img { max-height: 720px; object-position: left top; }
    .postDOC-imgsWrap > img:hover,
    .postDOCWEB-imgsWrap > img:hover { border-color: #286d9b; background: #f7f9f8; }
    .mobile-manual img[style*="width: 20px"] {
      position: static !important;
      width: 20px !important;
      height: 20px !important;
      display: inline-block;
      margin: 0 4px;
      padding: 0;
      border: 0;
      box-shadow: none;
      vertical-align: -5px;
      cursor: default;
    }
    .manual-section__toggle { flex: 0 0 auto; }
    .manual-outline__link { text-decoration: none; }
    .manual-outline__link span { min-width: 0; }

    .search-result__copy { min-width: 0; display: grid; gap: 3px; }
    .search-result__copy strong { color: #1b303a; font-size: 11px; font-weight: 500; }
    .search-result__copy span { color: #657982; font-size: 8px; }
    .search-result__copy .search-result__snippet { font-size: 9px; line-height: 1.35; }

    .media-viewer {
      width: min(1180px, calc(100vw - 36px));
      height: min(880px, calc(100vh - 36px));
      margin: auto;
      padding: 0;
      border: 2px solid #b8c8ce;
      color: #fff;
      background: #071b29;
      box-shadow: 12px 12px 0 rgba(0, 0, 0, .35);
    }
    .media-viewer::backdrop { background: rgba(3, 14, 22, .83); backdrop-filter: blur(5px); }
    .media-viewer__inner { height: 100%; display: grid; grid-template-rows: 48px minmax(0, 1fr); }
    .media-viewer__bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 14px; border-bottom: 1px solid rgba(255, 255, 255, .16); }
    .media-viewer__title { overflow: hidden; color: #bfd0d8; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
    .media-viewer__close { width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, .28); color: #fff; background: transparent; cursor: pointer; }
    .media-viewer__stage { min-height: 0; display: grid; place-items: center; overflow: hidden; padding: 18px; }
    .media-viewer__stage img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }

    @media (max-width: 940px) {
      .docs-layout { grid-template-columns: 1fr; }
      .mobile-docs-page.docs-full-mode .docs-sidebar { max-height: none; display: block; }
      .sidebar-panel--full { max-height: 520px; }
      .doc-hero__visual { min-height: 390px; }
      .mobile-hero-screen { width: min(290px, 54%); }
      .content-intro { margin-top: 46px; }
    }
    @media (max-width: 700px) {
      .doc-hero h1 { font-size: clamp(43px, 12vw, 58px); }
      .doc-hero__visual { min-height: 310px; }
      .mobile-hero-screen { width: min(245px, 66%); }
      .mobile-manual { padding: 10px; box-shadow: 5px 5px 0 #c4cdcf; }
      .mobile-manual .manual-section__body { padding-inline: 11px; }
      .mobile-manual h3 { font-size: 22px; }
      .install-store-list { grid-template-columns: 1fr; }
      .postDOC-imgsWrap { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
      .postDOC-imgsWrap > img,
      .postDOCWEB-imgsWrap > img { padding: 5px; box-shadow: 3px 3px 0 #c6d0d2; }
      .media-viewer { width: calc(100vw - 18px); height: calc(100vh - 18px); }
      .media-viewer__stage { padding: 8px; }
    }
    @media (max-width: 430px) {
      .postDOC-imgsWrap { grid-template-columns: 1fr; }
      .postDOC-imgsWrap > img { width: min(100%, 280px); }
    }
body.mobile-docs-viewer-open { overflow: hidden; }
