/* Start:/local/components/skbpa/manual/templates/.default/style.css?178942049114786*/
/* skbpa:manual — full single-page manual UX (v2, 2026-08-19). Uses
   tokens from docs.center/style.css. Scoped to /manuals/* only, so the
   html-level scroll-behavior below can never leak onto the rest of the
   site. prefers-reduced-motion is honored here AND in the template's
   own JS (which does the header-offset-corrected scroll) -- belt and
   suspenders, since a bare CSS anchor jump (no JS, e.g. JS disabled)
   should still respect it. */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

.skbpa-docs-manual { max-width: 1220px; margin: 0 auto; padding: 0 32px 100px; }

/* --- Breadcrumbs (§25) -------------------------------------------------
   Главная → Центр документации → семейство прибора → Руководство / Быстрый старт.
   Rendered by the components themselves because /manuals/* is one physical
   file serving three document types, so the theme's own navigation chain
   cannot tell them apart. */
.skbpa-docs-crumbs {
  padding: 22px 0 0;
  font-size: 13px;
  color: var(--skbpa-ink-faint);
  line-height: 1.6;
  overflow-wrap: break-word;
}
.skbpa-docs-crumbs a { color: var(--skbpa-ink-soft); }
.skbpa-docs-crumbs a:hover, .skbpa-docs-crumbs a:focus-visible { color: var(--skbpa-accent-dark); text-decoration: underline; }
.skbpa-docs-crumbs-sep { margin: 0 7px; opacity: .5; }
.skbpa-docs-crumbs-current { color: var(--skbpa-ink-faint); }

/* --- Return navigation (§26) ------------------------------------------
   Built from the manual↔product relation, so a РЭ covering two models lists
   both instead of silently choosing one. */
.skbpa-docs-head-nav { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; min-width: 0; }

.skbpa-docs-productlinks {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-size: 13.5px; min-width: 0;
}
.skbpa-docs-productlinks-label { color: var(--skbpa-ink-faint); }
.skbpa-docs-productlinks-item {
  display: inline-block;
  padding: 4px 11px;
  border: 1px solid var(--skbpa-line);
  border-radius: 4px;
  color: var(--skbpa-ink-soft);
  overflow-wrap: anywhere;
}
.skbpa-docs-productlinks-item:hover,
.skbpa-docs-productlinks-item:focus-visible {
  border-color: var(--skbpa-accent); color: var(--skbpa-accent-dark); text-decoration: none;
}
/* In the narrow sidebar the same block stacks instead of sitting in a row. */
.skbpa-docs-toc-extra .skbpa-docs-productlinks { flex-direction: column; align-items: stretch; gap: 4px; margin-top: 6px; }
.skbpa-docs-toc-extra .skbpa-docs-productlinks-label {
  font-size: 11px; text-transform: uppercase; letter-spacing: .06em; padding: 0 12px;
}
.skbpa-docs-toc-extra .skbpa-docs-productlinks-item { font-size: 12.5px; }

.skbpa-docs-manual-head { padding: 26px 0 28px; border-bottom: 1px solid var(--skbpa-line); margin-bottom: 36px; }
.skbpa-docs-manual-head-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 24px; }

.skbpa-docs-manual-head-main { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
/* Flexbox default: a flex item won't shrink below its content's
   max-content width unless min-width is overridden -- without this, long
   product names force the row (and the whole page) to overflow
   horizontally on narrow viewports instead of the heading wrapping. */
.skbpa-docs-manual-head-titleblock { min-width: 0; flex: 1 1 auto; }
.skbpa-docs-manual-head-titleblock h1 { font-size: 30px; margin: 0 0 10px; letter-spacing: -.01em; line-height: 1.2; overflow-wrap: break-word; }
.skbpa-docs-manual-head-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.skbpa-docs-manual-head-kind { font-size: 13.5px; color: var(--skbpa-ink-soft); }
.skbpa-docs-revision-pill {
  font-size: 12.5px; color: var(--skbpa-accent-dark); background: var(--skbpa-important-bg);
  border-radius: 4px; padding: 3px 12px; font-weight: 600;
}
.skbpa-docs-revision-pill em { font-style: normal; font-weight: 400; opacity: .8; }

.skbpa-docs-pdf-link {
  font-size: 13.5px; font-weight: 600; border: 1px solid var(--skbpa-line); border-radius: 4px;
  padding: 8px 18px; white-space: nowrap; flex-shrink: 0;
}
.skbpa-docs-pdf-link:hover, .skbpa-docs-pdf-link:focus-visible { border-color: var(--skbpa-accent); color: var(--skbpa-accent-dark); text-decoration: none; }

.skbpa-docs-manual-body { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 64px; align-items: start; }

/* --- TOC --- */
/* CONFIRMED DEFECT FIX (2026-08-26): the desktop TOC grew a horizontal
   scrollbar on long nested section titles (seen on УВП-280 at ~1366px).

   Root cause was a combination, not one property:
     * `overflow-y: auto` on the sticky box makes the computed overflow-x
       `auto` as well (CSS Overflow: a non-visible value on one axis forces
       the other), so ANY overshoot became a real scrollbar;
     * nested list indentation used `margin-left`, which subtracts from the
       usable width at every level while the <a> keeps its full 12px
       horizontal padding;
     * long unbroken technical tokens in РЭ headings — «УВП-280А.01»,
       «КГПШ 407374.001-01», «HART-MODBUS» — offer no soft break
       opportunity, and the default `overflow-wrap: normal` refuses to break
       them, so they simply stuck out.

   Fixed by making the content genuinely FIT rather than clipping it:
   `min-width: 0` lets the box shrink inside its grid track, `overflow-wrap:
   anywhere` gives long tokens a break opportunity, and indentation moved to
   padding. `overflow-x: hidden` is only the backstop that follows — with the
   rules above there is nothing left for it to clip.

   This lives in the SHARED manual stylesheet, so MUX8, УВП-280 and every
   manual added later inherit the fix; it is not a УВП-only patch. */
.skbpa-docs-toc {
  font-size: 13.5px;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}
.skbpa-docs-toc--sticky {
  position: sticky;
  top: 24px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.skbpa-docs-toc-label { font-size: 11px; text-transform: uppercase; letter-spacing: .07em; color: var(--skbpa-ink-faint); font-weight: 700; margin-bottom: 10px; }
.skbpa-docs-toc-list { list-style: none; margin: 0; padding: 0; min-width: 0; }
/* Indentation via padding on the nested LIST rather than margin: padding is
   inside the box, so a wrapped second line still aligns under the first and
   the levels do not each subtract from the usable width. 14px keeps the
   hierarchy legible while leaving room for four levels of РЭ numbering. */
.skbpa-docs-toc-list .skbpa-docs-toc-list { margin-left: 0; padding-left: 14px; }
/* The Aspro theme's global CSS injects a "-" via ::before on generic
   <li> elements sitewide (not scoped to its own content) -- neutralize
   it here since list-style:none alone only suppresses the native marker,
   not a theme-added ::before glyph. */
.skbpa-docs-toc-item::before,
.skbpa-docs-toc-item *::before,
.skbpa-docs-section-index li::before { content: none !important; }
.skbpa-docs-toc-item { min-width: 0; }
.skbpa-docs-toc-item a {
  display: block; padding: 6px 12px; color: var(--skbpa-ink-soft);
  border-left: 2px solid transparent; border-radius: 0 6px 6px 0; line-height: 1.4;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
/* Keyboard users need to see where they are in a 100-entry TOC. */
.skbpa-docs-toc-item a:focus-visible {
  outline: 2px solid var(--skbpa-accent);
  outline-offset: -2px;
  color: var(--skbpa-accent-dark);
}
.skbpa-docs-toc-item .skbpa-docs-toc-list .skbpa-docs-toc-item-label { font-weight: 400; }
.skbpa-docs-toc-item a:hover { color: var(--skbpa-ink); background: var(--skbpa-surface-2); text-decoration: none; }
.skbpa-docs-toc-item--active > a {
  color: var(--skbpa-accent-dark); font-weight: 600; border-left-color: var(--skbpa-accent);
  background: var(--skbpa-important-bg);
}

.skbpa-docs-toc-mobile { display: none; margin-bottom: 20px; border: 1px solid var(--skbpa-line); border-radius: 10px; background: var(--skbpa-surface); }
.skbpa-docs-toc-mobile summary { padding: 13px 16px; font-weight: 600; font-size: 14px; cursor: pointer; list-style: none; }
.skbpa-docs-toc-mobile summary::-webkit-details-marker { display: none; }
.skbpa-docs-toc-mobile summary::after { content: '▾'; float: right; color: var(--skbpa-ink-faint); }
.skbpa-docs-toc-mobile[open] summary::after { content: '▴'; }
.skbpa-docs-toc-mobile .skbpa-docs-toc { padding: 0 16px 16px; }

/* Sticky/mobile sidebar's secondary actions -- deliberately just four
   links (top of doc / Quick Start / product card / all manuals), not a
   second menu: the sidebar's job is in-document navigation first. */
.skbpa-docs-toc-extra { display: flex; flex-direction: column; gap: 2px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--skbpa-line-soft); }
.skbpa-docs-toc-extra a { display: block; padding: 6px 12px; font-size: 12.5px; font-weight: 500; color: var(--skbpa-ink-faint); border-radius: 0 6px 6px 0; }
.skbpa-docs-toc-extra a:hover, .skbpa-docs-toc-extra a:focus-visible { color: var(--skbpa-accent-dark); background: var(--skbpa-surface-2); text-decoration: none; }
.skbpa-docs-toc-mobile .skbpa-docs-toc-extra { margin: 0 16px 16px; }

/* --- Chapter content: one long document, one <section> per node --- */
.skbpa-docs-chapter { max-width: 760px; min-width: 0; } /* grid child: same shrink-below-content fix as the head title */
.skbpa-docs-chapter-section {
  scroll-margin-top: 24px; /* native anchor-jump offset; JS applies the same 24px for the corrected/animated path */
  padding-top: 44px; margin-top: 4px; border-top: 1px solid var(--skbpa-line-soft);
}
.skbpa-docs-chapter-section:first-child { padding-top: 0; margin-top: 0; border-top: none; }
.skbpa-docs-chapter h2 { font-size: 25px; margin: 0 0 20px; letter-spacing: -.01em; overflow-wrap: break-word; }
.skbpa-docs-chapter-text { font-size: 16px; color: var(--skbpa-ink); }
.skbpa-docs-chapter-text p { margin: 0 0 15px; }
.skbpa-docs-chapter-text h3 { font-size: 18px; margin: 28px 0 12px; letter-spacing: -.005em; }
.skbpa-docs-chapter-empty { color: var(--skbpa-ink-faint); font-style: italic; }

.skbpa-docs-section-intro { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--skbpa-ink-faint); margin: 0 0 14px; }
.skbpa-docs-section-index { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.skbpa-docs-section-index li a {
  display: flex; align-items: baseline; gap: 14px; padding: 15px 18px; border: 1px solid var(--skbpa-line); border-radius: 8px;
  color: var(--skbpa-ink);
}
.skbpa-docs-section-index li a:hover { border-color: var(--skbpa-accent); background: var(--skbpa-surface-2); text-decoration: none; }
.skbpa-docs-section-index li a:hover .skbpa-docs-section-index-name { color: var(--skbpa-accent-dark); }
.skbpa-docs-section-index-num { flex-shrink: 0; font-size: 13px; font-weight: 700; color: var(--skbpa-accent-dark); font-variant-numeric: tabular-nums; min-width: 2.4em; }
.skbpa-docs-section-index-name { font-weight: 600; font-size: 15px; }

.skbpa-docs-figure { margin: 0 0 22px; }
.skbpa-docs-figure img { max-width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--skbpa-line); display: block; }

/* --- Wide РЭ tables ---------------------------------------------------
   Modbus register maps, terminal pinouts and the УВП-280 НС code table are
   genuinely wider than a phone. Narrowing them would drop columns from a
   normative document, so instead each table gets its OWN horizontal scroll
   box (skbpaDocsWrapTables()). The page and the TOC never scroll sideways;
   only the table does, and only when it actually has to. */
.skbpa-docs-tablewrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  margin: 0 0 20px;
  border: 1px solid var(--skbpa-line);
  border-radius: 8px;
}
.skbpa-docs-tablewrap:focus-visible { outline: 2px solid var(--skbpa-accent); outline-offset: 2px; }
.skbpa-docs-tablewrap > table { margin: 0; border: 0; }

.skbpa-docs-chapter-text table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  line-height: 1.45;
}
.skbpa-docs-chapter-text th,
.skbpa-docs-chapter-text td {
  border: 1px solid var(--skbpa-line);
  padding: 8px 11px;
  text-align: left;
  vertical-align: top;
}
.skbpa-docs-chapter-text th { background: var(--skbpa-surface-2); font-weight: 600; }

/* A code block or a long URL must not widen the column either. */
.skbpa-docs-chapter-text pre {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.skbpa-docs-chapter-text { overflow-wrap: break-word; }

/* Inline <code> carries designation strings and formulas straight out of the
   РЭ — «Вычислитель УВП-280Б.01 – 2 КГПШ 407374.001-01», «(Gп1+Gп2-Gсн)*…».
   Those have no spaces, so with the default white-space handling they were
   the actual cause of the 390px page overflow on the УВП-280 manual (measured:
   400px and 354px boxes pushing the document to 448px). Wrapping them is
   correct here — the value stays fully readable, it just occupies two lines. */
.skbpa-docs-chapter-text code,
.skbpa-docs-chapter-text kbd,
.skbpa-docs-chapter-text samp {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}

.skbpa-docs-provenance { font-size: 12px; color: var(--skbpa-ink-faint); border-top: 1px dashed var(--skbpa-line); padding-top: 12px; margin-top: 28px; }
.skbpa-docs-provenance--link { display: block; }
.skbpa-docs-provenance--link:hover, .skbpa-docs-provenance--link:focus-visible { color: var(--skbpa-accent-dark); text-decoration: underline; }
.skbpa-docs-provenance-arrow { display: inline-block; }

@media (max-width: 860px) {
  .skbpa-docs-manual-body { grid-template-columns: 1fr; }
  .skbpa-docs-toc--sticky { display: none; }
  .skbpa-docs-toc-mobile { display: block; }
  .skbpa-docs-manual-head-main { flex-direction: column; align-items: flex-start; }
  .skbpa-docs-manual-head-titleblock h1 { font-size: 24px; }
  .skbpa-docs-chapter { max-width: none; }
  .skbpa-docs-chapter-section { padding-top: 32px; }
}

/* End */
/* /local/components/skbpa/manual/templates/.default/style.css?178942049114786 */