/* =========================================================
   PromBez — DOCUMENT.CSS
   Универсальный стиль нормативных документов
   ========================================================= */


/* =========================================================
   1. БАЗА
   ========================================================= */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #f5f7fa;
    color: #20242a;
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;
    line-height: 1.65;
}


/* =========================================================
   2. ОСНОВНАЯ СТРАНИЦА ДОКУМЕНТА
   ========================================================= */

.document-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 16px 60px;
}


/* =========================================================
   3. ХЛЕБНЫЕ КРОШКИ
   ========================================================= */

.breadcrumbs {
    margin-bottom: 20px;
    font-size: 14px;
    color: #6b7280;
}

.breadcrumbs a {
    color: #2563eb;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}


/* =========================================================
   4. ШАПКА ДОКУМЕНТА
   ========================================================= */

.document-header {
    background: #fff;
    border-radius: 14px;
    padding: 28px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}

.document-label {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 6px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 13px;
    font-weight: 600;
}

.document-header h1 {
    margin: 0 0 16px;
    font-size: 30px;
    line-height: 1.25;
}

.document-meta {
    color: #5f6670;
    font-size: 15px;
}

.document-status {
    margin-top: 14px;
    padding: 12px 14px;
    border-left: 4px solid #2563eb;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 14px;
}


/* =========================================================
   5. РАСКЛАДКА
   ========================================================= */

.document-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.document-content {
    min-width: 0;
}


/* =========================================================
   6. ОГЛАВЛЕНИЕ
   ========================================================= */

.document-toc {
    position: sticky;
    top: 20px;

    max-height: calc(100vh - 40px);
    overflow-y: auto;

    padding-right: 8px;

    scrollbar-width: thin;
    scrollbar-color: #c7ccd2 transparent;
}

.document-toc::-webkit-scrollbar {
    width: 6px;
}

.document-toc::-webkit-scrollbar-track {
    background: transparent;
}

.document-toc::-webkit-scrollbar-thumb {
    background: #c7ccd2;
    border-radius: 6px;
}

.document-toc::-webkit-scrollbar-thumb:hover {
    background: #aeb4bb;
}

.document-toc-title {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 700;
}

.document-toc a {
    display: block;
    padding: 7px 0;

    color: #2563eb;
    text-decoration: none;

    font-size: 14px;
    line-height: 1.4;
}

.document-toc a:hover {
    text-decoration: underline;
}


.document-toc-back {
    display: block;

    margin-bottom: 14px;

    padding: 9px 10px;

    border: 1px solid #d7dce2;
    border-radius: 8px;

    background: #fff;

    color: #2f5f8f !important;

    font-weight: 600;

    text-decoration: none !important;
}

.document-toc-back:hover {
    background: #f0f3f6;

    border-color: #bfc7d0;

    color: #1f4d78 !important;
}


/* =========================================================
   7. РАЗДЕЛЫ
   ========================================================= */

.document-section {
    background: #fff;
    border-radius: 14px;
    padding: 28px;
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}

.document-section-title {
    margin: 0 0 20px;
    font-size: 23px;
    line-height: 1.35;
}


/* =========================================================
   8. ПУНКТЫ НОРМАТИВНОГО ДОКУМЕНТА
   ========================================================= */

.document-point {
    position: relative;

    margin: 0 0 18px;
    padding: 16px 18px;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    background: #fff;

    scroll-margin-top: 90px;
}

.document-point-number {
    display: inline;
    margin-right: 5px;
    font-weight: 700;
}

.document-point-text {
    display: inline;
}


/* =========================================================
   9. ПЕРЕХОД ПО ЯКОРЮ
   ========================================================= */

.document-point:target {
    background: #eff6ff;
    border-color: #2563eb;

    box-shadow:
        0 0 0 2px rgba(37, 99, 235, .12);
}

.document-point:target::before {
    content: "Выбранный пункт";

    position: absolute;
    top: -11px;
    right: 14px;

    padding: 2px 8px;

    border-radius: 5px;

    background: #2563eb;
    color: #fff;

    font-size: 11px;
    line-height: 1.4;
}


/* =========================================================
   10. ИСТОЧНИК
   ========================================================= */

.document-source {
    margin-top: 28px;
    padding: 16px;

    background: #f8fafc;
    border-radius: 10px;

    font-size: 14px;
    color: #5f6670;
}

.document-source a {
    color: #2563eb;
}


/* =========================================================
   11. ФОРМУЛЫ
   ========================================================= */

.document-formula {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin: 24px 0;

    font-size: 1.15rem;
    line-height: 1.2;
}

.formula-fraction {
    display: inline-flex;
    flex-direction: column;
    align-items: center;

    min-width: 90px;
}

.formula-top,
.formula-bottom {
    white-space: nowrap;
    padding: 2px 8px;
}

.formula-line {
    width: 100%;
    border-top: 1px solid currentColor;
}

.formula-r {
    position: relative;
    top: -2px;
}

.formula-number {
    position: absolute;
    left: calc(50% + 180px);
    white-space: nowrap;
}

.formula-fraction-inline {
    display: inline-flex;
    vertical-align: middle;

    flex-direction: column;
    align-items: center;

    min-width: 55px;
    margin: 0 4px;

    font-size: .95em;
    line-height: 1.05;
}

.formula-fraction-inline .formula-top,
.formula-fraction-inline .formula-bottom {
    white-space: nowrap;
    padding: 1px 4px;
}

.formula-fraction-inline .formula-line {
    width: 100%;
    border-top: 1px solid currentColor;
}


/* Формы нормативных приложений */
.document-form-sheet {
    margin: 20px 0; padding: 22px; border: 1px solid #d7dce2;
    border-radius: 10px; background: #fff;
}
.document-form-sheet p { margin: 0 0 14px; }
.document-form-line { color: #20242a; }
.document-form-title { text-align: center; font-weight: 700; font-size: 1.05rem; text-transform: uppercase; }
.document-form-label { font-weight: 600; }
.document-form-work-table th, .document-form-work-table td { min-width: 120px; height: 34px; }
@media (max-width: 800px) {
  .document-form-sheet { padding: 16px; }
  .document-form-title { font-size: .95rem; }
  .document-form-work-table { min-width: 720px; }
}
/* =========================================================
   12. ОБЫЧНЫЕ ТАБЛИЦЫ
   ========================================================= */

.document-table-wrap {
    width: 100%;
    margin: 24px 0;
}

.document-table-title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
}

.document-table-subtitle {
    font-weight: 600;
    text-align: center;
    margin-bottom: 18px;
}

.document-table {
    width: 100%;

    border-collapse: collapse;

    margin: 0 auto;

    font-size: .9rem;
    line-height: 1.45;

    table-layout: fixed;
}

.document-table th,
.document-table td {
    border: 1px solid #d7dce2;

    padding: 7px 9px;

    vertical-align: top;

    overflow-wrap: anywhere;
}

.document-table th {
    background: #f0f3f6;
    font-weight: 600;
    text-align: center;
}

.document-table td {
    background: #fff;
}

.document-table caption {
    caption-side: top;

    text-align: left;

    font-weight: 700;

    margin-bottom: 10px;
}


/* =========================================================
   13. МОБИЛЬНЫЕ ТАБЛИЦЫ
   ========================================================= */

@media (max-width: 700px) {

    .document-table-wrap {
        margin: 20px 0;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }

    .document-table {
        width: max-content;
        min-width: 700px;

        margin: 0;

        font-size: .88rem;

        table-layout: auto;
    }

    .document-table th,
    .document-table td {
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
    }
}


/* =========================================================
   14. A4 — ОБЩИЕ СТИЛИ
   ========================================================= */

.a4-document {
    width: 100%;
    max-width: 100%;

    padding: 30px 0 50px;

    background: #e9e9e9;
}

.a4-page {
    width: 210mm;
    min-width: 210mm;

    height: auto;
    min-height: 297mm;

    max-width: 210mm;
    max-height: none;

    margin: 0;

    padding: 18mm 17mm 18mm 20mm;

    box-sizing: border-box;

    background: #fff;
    color: #000;

    font-family:
        "Times New Roman",
        Times,
        serif;

    font-size: 11pt;
    line-height: 1.25;

    flex-shrink: 0;
}

.a4-page *,
.a4-page *::before,
.a4-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   15. A4 — ТЕКСТ
   ========================================================= */

.a4-p {
    margin: 0 0 7px;
    text-align: justify;
}

.a4-center {
    text-align: center;
}

.a4-right {
    text-align: right;
}

.a4-bold {
    font-weight: 700;
}

.a4-uppercase {
    text-transform: uppercase;
}

.a4-indent {
    text-indent: 12mm;
}

.a4-small {
    font-size: 9pt;
}


/* =========================================================
   16. A4 — ЗАГОЛОВКИ
   ========================================================= */

.a4-title {
    text-align: center;
    font-weight: 700;

    margin: 12mm 0 8mm;
}

.a4-heading {
    text-align: center;
    font-weight: 700;

    margin: 8mm 0 7mm;
}

.a4-section-title {
    text-align: center;
    font-weight: 700;

    margin: 9mm 0 6mm;
}

.a4-appendix {
    text-align: right;

    line-height: 1.2;

    margin-bottom: 13mm;
}


/* =========================================================
   17. A4 — ЛИНИИ
   ========================================================= */

.a4-line {
    display: inline-block;

    min-width: 35mm;
    height: 1.15em;

    vertical-align: bottom;

    border-bottom: 1px solid #000;
}

.a4-line-xs {
    min-width: 15mm;
}

.a4-line-sm {
    min-width: 30mm;
}

.a4-line-md {
    min-width: 55mm;
}

.a4-line-lg {
    min-width: 90mm;
}

.a4-line-xl {
    min-width: 125mm;
}

.a4-line-full {
    display: block;

    width: 100%;
    height: 1.4em;

    border-bottom: 1px solid #000;
}

.a4-caption {
    text-align: center;

    font-size: 9pt;
    line-height: 1.1;

    margin-top: 1px;
}

.a4-caption-left {
    font-size: 9pt;
    margin-top: 1px;
}


/* =========================================================
   18. A4 — ПОЛЯ
   ========================================================= */

.a4-field {
    margin: 5px 0 9px;
}

.a4-field-line {
    width: 100%;
    min-height: 19px;

    border-bottom: 1px solid #000;
}

.a4-field-caption {
    text-align: center;

    font-size: 9pt;
    line-height: 1.1;

    margin-top: 2px;
}

.a4-field-group {
    margin: 7px 0;
}

.a4-date-row {
    display: flex;
    align-items: flex-end;
    justify-content: center;

    gap: 4mm;

    margin: 8mm 0 4mm;
}

.a4-date-item {
    display: inline-block;

    min-width: 16mm;

    border-bottom: 1px solid #000;

    text-align: center;

    height: 18px;
}

.a4-date-item-wide {
    min-width: 42mm;
}


/* =========================================================
   19. A4 — КОМИССИЯ
   ========================================================= */

.a4-commission-item {
    margin: 6px 0 9px;
}

.a4-commission-title {
    margin-bottom: 3px;
}

.a4-commission-person {
    width: 100%;
    min-height: 18px;

    border-bottom: 1px solid #000;
}

.a4-commission-caption {
    text-align: center;

    font-size: 9pt;
    line-height: 1.1;
}


/* =========================================================
   20. A4 — ДЛИННЫЕ ПОЛЯ
   ========================================================= */

.a4-long-field {
    margin: 5px 0 8px;
}

.a4-long-line {
    width: 100%;
    min-height: 20px;

    border-bottom: 1px solid #000;
}


/* =========================================================
   21. A4 — ТАБЛИЦЫ
   ========================================================= */

.a4-table-wrap {
    width: 100%;

    margin: 7mm 0;

    overflow: visible;
}

.a4-table {
    width: 100%;

    border-collapse: collapse;
    table-layout: fixed;

    font-size: 9.5pt;
}

.a4-table th,
.a4-table td {
    border: 1px solid #000;

    padding: 4px 5px;

    vertical-align: middle;
}

.a4-table th {
    text-align: center;
    font-weight: 700;
}

.a4-table .col-number {
    width: 15mm;
}

.a4-table .col-document {
    width: auto;
}

.a4-table .col-result {
    width: 43mm;
}

.a4-table tbody td {
    height: 13mm;
}


/* =========================================================
   22. A4 — НУМЕРАЦИЯ
   ========================================================= */

.a4-numbered {
    margin: 7px 0;
}

.a4-numbered-title {
    font-weight: 700;
}

.a4-letter-item {
    margin: 7px 0;

    text-align: justify;
}

.a4-letter {
    font-weight: 700;
}


/* =========================================================
   23. A4 — ПОДПИСИ
   ========================================================= */

.a4-signatures {
    margin-top: 10mm;
}

.a4-signature {
    margin: 8px 0 13px;
}

.a4-signature-row {
    display: flex;

    align-items: flex-end;

    gap: 5mm;
}

.a4-signature-name {
    flex: 1;

    border-bottom: 1px solid #000;

    min-height: 20px;
}

.a4-signature-mark {
    width: 40mm;

    border-bottom: 1px solid #000;

    min-height: 20px;
}

.a4-signature-caption {
    display: flex;

    gap: 5mm;

    font-size: 9pt;

    text-align: center;
}

.a4-signature-caption-name {
    flex: 1;
}

.a4-signature-caption-mark {
    width: 40mm;
}

.a4-page-break {
    page-break-before: always;
    break-before: page;
}


/* =========================================================
   24. A4 VIEWER
   ========================================================= */

.a4-viewer {
    --a4-page-gap: 30px;

    width: 100%;

    margin: 0 auto 30px;

    background: #e9e9e9;

    border-radius: 12px;

    overflow: hidden;
}

.a4-viewer-controls {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 10px;

    background: #f1f1f1;

    border-bottom: 1px solid #d5d5d5;

    position: sticky;
    top: 0;

    z-index: 20;
}

.a4-zoom-btn,
.a4-fit-btn {
    border: 1px solid #c9cdd2;

    background: #fff;
    color: #222;

    border-radius: 7px;

    cursor: pointer;

    font-family: inherit;
    font-size: 14px;

    min-height: 34px;
}

.a4-zoom-btn {
    width: 38px;

    font-size: 22px;
    line-height: 1;
}

.a4-fit-btn {
    padding: 0 12px;
}

.a4-zoom-btn:hover,
.a4-fit-btn:hover {
    background: #f5f5f5;
}

.a4-zoom-value {
    min-width: 55px;

    text-align: center;

    font-size: 13px;
    color: #555;

    font-variant-numeric: tabular-nums;
}

.a4-viewer-scroll {
    width: 100%;
    max-width: 100%;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    overscroll-behavior: contain;
}

.a4-viewer-stage {
    position: relative;

    width: 210mm;

    height: auto;
    min-height: 297mm;

    margin: 0 auto;

    flex: 0 0 auto;
}


/*
   КРИТИЧЕСКОЕ ПРАВИЛО:

   .a4-page должен быть ПРЯМЫМ ребёнком
   .a4-viewer-stage.
*/

.a4-viewer-stage > .a4-page {
    position: absolute;

    left: 0;
    top: 0;

    width: 210mm;

    height: auto;

    min-width: 210mm;
    min-height: 297mm;

    max-width: 210mm;
    max-height: none;

    margin: 0;

    transform-origin: top left;

    box-sizing: border-box;
}


/* =========================================================
   25. DESKTOP A4 VIEWER
   ========================================================= */

@media (min-width: 801px) {

    .a4-viewer-scroll {
        height: calc(100vh - 120px);

        max-height: calc(100vh - 120px);

        padding: 30px;

        box-sizing: border-box;

        overflow-x: auto;
        overflow-y: auto;
    }
}


/* =========================================================
   26. MOBILE A4 VIEWER
   ========================================================= */

@media (max-width: 800px) {

    .a4-viewer {
        width: 100%;

        margin-left: 0;
        margin-right: 0;

        border-radius: 0;
    }

    .a4-viewer-scroll {
        width: 100%;

        height: calc(100vh - 120px);

        max-height: calc(100vh - 120px);

        padding: 12px;

        box-sizing: border-box;

        overflow-x: auto;
        overflow-y: auto;
    }

    .a4-viewer-stage {
        margin: 0 auto;
    }
}


/* =========================================================
   27. МОБИЛЬНАЯ НАВИГАЦИЯ ДОКУМЕНТА
   ========================================================= */

.mobile-document-nav {
    display: none;
}

@media (max-width: 800px) {

    .mobile-document-nav {
        display: block;
    }

    .mobile-document-nav-button {
        position: fixed;

        right: 16px;
        bottom: 16px;

        z-index: 1000;

        min-height: 44px;

        padding: 0 16px;

        border: 1px solid #c9cdd2;
        border-radius: 22px;

        background: #fff;
        color: #222;

        box-shadow:
            0 3px 12px rgba(0, 0, 0, .18);

        font-family: inherit;
        font-size: 14px;
        font-weight: 600;

        cursor: pointer;
    }

    .mobile-document-nav-button:active {
        transform: scale(.97);
    }

    .mobile-document-nav-menu {
        position: fixed;

        left: 0;
        right: 0;
        bottom: 0;

        z-index: 1100;

        max-height: 75vh;

        overflow-y: auto;

        background: #fff;

        border-radius: 16px 16px 0 0;

        box-shadow:
            0 -4px 20px rgba(0, 0, 0, .18);

        padding-bottom:
            env(safe-area-inset-bottom);
    }

    .mobile-document-nav-header {
        display: flex;

        align-items: center;
        justify-content: space-between;

        padding: 14px 16px;

        border-bottom: 1px solid #e1e1e1;

        position: sticky;
        top: 0;

        background: #fff;

        z-index: 2;
    }

    .mobile-document-nav-header strong {
        font-size: 16px;
    }

    .mobile-document-nav-close {
        width: 36px;
        height: 36px;

        border: 0;
        border-radius: 50%;

        background: #f1f1f1;
        color: #222;

        font-size: 24px;
        line-height: 1;

        cursor: pointer;
    }

    .mobile-document-nav-list {
        display: flex;
        flex-direction: column;
    }

    .mobile-document-nav-list a {
        display: block;

        padding: 14px 16px;

        border-bottom: 1px solid #eee;

        color: #222;

        text-decoration: none;

        font-size: 14px;
        line-height: 1.4;
    }

    .mobile-document-nav-list a:active {
        background: #f3f3f3;
    }
}


/* =========================================================
   28. АДАПТИВНОСТЬ ОСНОВНОГО ДОКУМЕНТА
   ========================================================= */

@media (max-width: 800px) {

    .document-layout {
        grid-template-columns: 1fr;
    }

    .document-toc {
        position: static;

        max-height: none;

        overflow: visible;

        padding-right: 0;
    }

    .document-header,
    .document-section {
        padding: 20px;
    }

    .document-header h1 {
        font-size: 25px;
    }
}

@media (max-width: 600px) {

    .formula-number {
        left: calc(50% + 130px);
    }
}


/* =========================================================
   29. ПЕЧАТЬ
   ========================================================= */

@page {
    size: A4 portrait;
    margin: 0;
}

@media print {

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;
    }

    .a4-viewer-controls {
        display: none !important;
    }

    .a4-viewer,
    .a4-viewer-scroll,
    .a4-viewer-stage {
        overflow: visible !important;
    }

    .a4-viewer {
        background: #fff !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .a4-viewer-scroll {
        padding: 0 !important;
    }

    .a4-viewer .a4-page {
        position: relative !important;

        left: auto !important;
        top: auto !important;

        width: 210mm !important;

        height: auto !important;

        min-width: 210mm !important;
        min-height: 297mm !important;

        max-width: 210mm !important;
        max-height: none !important;

        margin: 0 !important;

        padding: 18mm 17mm 18mm 20mm;

        box-shadow: none !important;

        transform: none !important;

        page-break-after: always;
        break-after: page;
    }

    .a4-viewer .a4-page:last-child {
        page-break-after: auto;
        break-after: auto;
    }

    .a4-table,
    .a4-table tr,
    .a4-table td,
    .a4-table th {
        page-break-inside: avoid;
        break-inside: avoid;
    }
}

/* =========================================================
   ФНП №528 — Приложение №4 — пункт 16
   Компактная таблица изменения состава бригады
   ========================================================= */

#fnp-528-app-4 .a4-table-wrap-wide {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;

    overflow-x: auto;
    overflow-y: hidden;
}

#fnp-528-app-4 .a4-fire-team-change-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    table-layout: fixed !important;
    border-collapse: collapse;

    font-size: 6.5pt;
    line-height: 1.05;
}

#fnp-528-app-4 .a4-fire-team-change-table th,
#fnp-528-app-4 .a4-fire-team-change-table td {
    box-sizing: border-box;

    min-width: 0 !important;
    max-width: none !important;

    padding: 2px 1px;

    vertical-align: middle;
    text-align: center;

    white-space: normal !important;

    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: none !important;

    line-height: 1.05;
}

#fnp-528-app-4 .a4-fire-team-change-table th {
    font-size: 6.3pt;
    font-weight: 700;
}

#fnp-528-app-4 .a4-fire-team-change-table td {
    height: 22px;
}


/* Ширины 9 колонок — ровно 100% */

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(1) {
    width: 10% !important;
}

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(2) {
    width: 15% !important;
}

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(3) {
    width: 9% !important;
}

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(4) {
    width: 11% !important;
}

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(5) {
    width: 9% !important;
}

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(6) {
    width: 11% !important;
}

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(7) {
    width: 9% !important;
}

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(8) {
    width: 11% !important;
}

#fnp-528-app-4 .a4-fire-team-change-table col:nth-child(9) {
    width: 15% !important;
}


/* =========================================================
   ФНП №528 — Приложение №3
   Компактная таблица журнала газоопасных работ
   ========================================================= */

#fnp-528-app-3 .a4-table-wrap-wide {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;

    overflow-x: auto;
    overflow-y: hidden;
}

#fnp-528-app-3 .a4-table-gas-journal {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    table-layout: fixed !important;
    border-collapse: collapse;

    font-size: 6.5pt;
    line-height: 1.05;
}

#fnp-528-app-3 .a4-table-gas-journal th,
#fnp-528-app-3 .a4-table-gas-journal td {
    box-sizing: border-box;

    min-width: 0 !important;
    max-width: none !important;

    padding: 2px 1px;

    vertical-align: middle;
    text-align: center;

    white-space: normal !important;

    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: none !important;

    line-height: 1.05;
}

#fnp-528-app-3 .a4-table-gas-journal th {
    font-size: 6.2pt;
    font-weight: 700;
}

#fnp-528-app-3 .a4-table-gas-journal td {
    height: 22px;
}


/* Ширины 9 колонок — ровно 100% */

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(1) {
    width: 5% !important;
}

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(2) {
    width: 9% !important;
}

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(3) {
    width: 10% !important;
}

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(4) {
    width: 10% !important;
}

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(5) {
    width: 14% !important;
}

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(6) {
    width: 14% !important;
}

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(7) {
    width: 14% !important;
}

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(8) {
    width: 14% !important;
}

#fnp-528-app-3 .a4-table-gas-journal col:nth-child(9) {
    width: 10% !important;
}
html,body{max-width:100%;overflow-x:hidden}.document-page,.document-layout,.document-content{min-width:0;max-width:100%}.document-content{overflow-wrap:anywhere}.document-content img,.document-content svg,.document-content video{display:block;max-width:100%!important;height:auto!important}.document-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.document-table-wrap>table{width:max-content;min-width:100%;max-width:none}.document-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.document-content a{overflow-wrap:anywhere;word-break:break-word}@media(max-width:800px){.document-page{padding-left:12px;padding-right:12px}.document-layout{display:block}.document-toc{max-width:100%;overflow:hidden}.document-content{font-size:15px;line-height:1.55}.document-content table{font-size:13px}.document-content img{margin-left:auto;margin-right:auto}.document-section,.document-appendix-section{max-width:100%;overflow-wrap:anywhere}}