/* cyrillic-ext */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/4e44c527.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/e1eaaf53.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/c0490925.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/0479d7e0.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/1af4f5d0.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/993bc187.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/f379abc2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/4b84a586.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/09e21445.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/7666506a.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/9d0c29d6.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/63e59e26.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/ff012398.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/e8979c59.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/4b84a586.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/09e21445.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/7666506a.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/9d0c29d6.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/63e59e26.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/ff012398.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/e8979c59.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/4b84a586.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/09e21445.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/7666506a.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/9d0c29d6.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/63e59e26.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/ff012398.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/e8979c59.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/6cb13a53.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/daee8d62.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/5acf3802.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/6afaaa12.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/35f6af3a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/0f82b663.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/6cb13a53.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/daee8d62.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/5acf3802.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/6afaaa12.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/35f6af3a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/0f82b663.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/6cb13a53.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/daee8d62.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/5acf3802.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/6afaaa12.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/35f6af3a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/0f82b663.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/6cb13a53.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/daee8d62.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/5acf3802.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/6afaaa12.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/35f6af3a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/0f82b663.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ==== Книжный формат гайдов (по образцу «Как думает») ==== */
body{margin:0;background:#fbfbfc}
#shell a{color:#3d4a8f;text-decoration:none}
#shell a:hover{color:#22284d;text-decoration:underline;text-underline-offset:2px}
#nav a{display:block;padding:2px 0}

#shell{display:flex;align-items:flex-start;gap:0;min-height:100vh}
#nav{position:sticky;top:0;flex:0 0 288px;height:100vh;overflow:auto;padding:34px 26px 40px;border-right:1px solid #e3e6ec;box-sizing:border-box;font-family:Manrope,sans-serif;font-size:10.5pt;color:#3a414c;background:#f7f8fa}
#main{flex:1;min-width:0;display:flex;justify-content:center;padding:56px 48px 140px}
#col{width:100%;max-width:760px;font-family:Literata,Georgia,serif;color:#191d24;font-size:11.5pt;line-height:1.62;text-wrap:pretty}

.gb-kicker{font-size:8.5pt;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#6b7280;margin-bottom:4px;font-family:Manrope,sans-serif}
.gb-navtitle{font-size:13pt;font-weight:700;line-height:1.25;color:#191d24;margin-bottom:22px;font-family:Manrope,sans-serif}
.gb-navlabel{font-size:8pt;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:#6b7280;margin:16px 0 6px;font-family:Manrope,sans-serif}

.gb-header{display:flex;flex-direction:column;gap:4mm;padding-bottom:7mm;border-bottom:2px solid #191d24;margin-bottom:9mm}
.gb-header .gb-type{font-family:Manrope,sans-serif;font-size:9pt;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#3d4a8f}
.gb-header h1{font-family:Manrope,sans-serif;font-size:27pt;line-height:1.12;font-weight:700;margin:0;letter-spacing:-0.01em}
.gb-header .gb-lead{margin:0;font-size:11.5pt;color:#5d6673;max-width:120mm}

#col h2.gb-section{font-family:Manrope,sans-serif;font-size:18pt;font-weight:700;line-height:1.18;margin:12mm 0 4mm;padding-top:6mm;border-top:1px solid #e3e6ec}
#col h2.gb-section:first-of-type{margin-top:0;border-top:none;padding-top:0}
#col h2{font-family:Manrope,sans-serif;font-size:13.5pt;font-weight:700;line-height:1.25;margin:8mm 0 3mm}
#col h3{font-family:Manrope,sans-serif;font-size:11.5pt;font-weight:700;margin:6mm 0 2mm}
#col p{margin:0 0 4mm}
#col ul,#col ol{margin:0 0 4mm;padding-left:6mm}
#col li{margin-bottom:1.5mm}
#col table{border-collapse:collapse;margin:0 0 5mm;font-size:10.5pt;width:100%}
#col th,#col td{border:1px solid #e3e6ec;padding:2mm 3mm;text-align:left;vertical-align:top}
#col th{font-family:Manrope,sans-serif;background:#f7f8fa}

/* Блоки старых гайдов в новом оформлении */
#col .highlight{background:#f7f8fa;border-left:3px solid #3d4a8f;padding:5mm 6mm;margin:0 0 5mm}
#col .highlight p:last-child,#col .highlight ul:last-child{margin-bottom:0}
#col .tip-box{background:#f7f6f3;border:1px solid #e6e3dc;padding:5mm 6mm;margin:0 0 5mm}
#col .tip-box p:last-child,#col .tip-box ul:last-child{margin-bottom:0}
#col .warning-box{background:#fbf6ec;border-left:3px solid #b98a2f;padding:5mm 6mm;margin:0 0 5mm}
#col .warning-box p:last-child,#col .warning-box ul:last-child{margin-bottom:0}
#col .danger-box{background:#fbf0ee;border-left:3px solid #b0492f;padding:5mm 6mm;margin:0 0 5mm}
#col .danger-box p:last-child,#col .danger-box ul:last-child{margin-bottom:0}
#col .course-promo{background:#f7f6f3;border:1px solid #e6e3dc;padding:6mm 7mm;margin:9mm 0 0}
#col .course-promo h3{margin-top:0}

.section-footer,.next-section,.nav-toggle,.progress-bar{display:none!important}
.gb-section-lead{margin:0 0 6mm;font-size:10.5pt;color:#5d6673;font-family:Manrope,sans-serif}

@media print{
  @page{margin:18mm}
  #nav{display:none!important}
  #main{padding:0!important}
  #col{max-width:none!important}
  body{background:#fff}
}
@media (max-width:900px){
  #shell{display:block!important}
  #nav{position:static!important;height:auto!important;width:auto!important;border-right:none!important;border-bottom:1px solid #e3e6ec}
  #main{padding:28px 20px 80px!important}
}

/* Мобильные починки перелива */
#col{overflow-wrap:break-word}
#col img,#col canvas,#col svg,#col video{max-width:100%;height:auto}
#col table{display:block;overflow-x:auto;max-width:100%}
#col .diagram-wrap{max-width:100%;overflow-x:auto}

/* Классы поблочных гайдов */
#col .nav-buttons{display:none!important}
#col .example{background:#f7f6f3;border:1px solid #e6e3dc;padding:5mm 6mm;margin:0 0 5mm}
#col .key{background:#f7f8fa;border-left:3px solid #3d4a8f;padding:5mm 6mm;margin:0 0 5mm}
#col .intro{background:#f7f8fa;border:1px solid #e3e6ec;padding:4mm 6mm;margin:0 0 5mm;font-size:10.5pt;color:#5d6673}
#col .intro p{margin:0 0 1.5mm}
#col .table-wrapper{max-width:100%;overflow-x:auto;margin:0 0 5mm}
#col .red-flag{background:#fbf0ee;border-left:3px solid #b0492f;padding:5mm 6mm;margin:0 0 5mm}
#col .yellow-flag{background:#fbf6ec;border-left:3px solid #b98a2f;padding:5mm 6mm;margin:0 0 5mm}
#col .green-flag{background:#eef7f0;border-left:3px solid #3f8f5d;padding:5mm 6mm;margin:0 0 5mm}
#col .example p:last-child,#col .key p:last-child,#col .red-flag p:last-child,#col .yellow-flag p:last-child,#col .green-flag p:last-child{margin-bottom:0}
#col .promo-block{background:#f7f6f3;border:1px solid #e6e3dc;padding:6mm 7mm;margin:9mm 0 0}

/* =============================================
   ЧТЕНИЕ ГАЙДОВ НА ТЕЛЕФОНЕ — правки августа 2026.
   На широком экране всё как было: боковое оглавление
   остаётся липкой колонкой слева.
   На узком — оглавление уходит в выдвижную панель,
   сверху тонкая полоска прогресса, текст крупнее,
   поля шире, строка короче.
   ============================================= */

/* ---------- панель управления сверху ---------- */
.gb-bar { display: none; }

.gb-up {
  display: none;
  position: fixed;
  right: 16px;
  bottom: 18px;
  z-index: 55;
  width: 46px;
  height: 46px;
  border: 1px solid #d8dce4;
  border-radius: 50%;
  background: rgba(255, 255, 255, .94);
  color: #3d4a8f;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(25, 29, 36, .12);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.gb-up.is-visible { opacity: 1; pointer-events: auto; }
.gb-up:focus-visible { outline: 2px solid #3d4a8f; outline-offset: 2px; }

@media (max-width: 900px) {

  .gb-bar {
    display: block;
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(255, 255, 255, .97);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid #e3e6ec;
    font-family: Manrope, -apple-system, BlinkMacSystemFont, sans-serif;
  }
  .gb-bar-progress {
    height: 3px;
    background: #edeff3;
  }
  .gb-bar-progress i {
    display: block;
    height: 100%;
    width: 0;
    background: #3d4a8f;
    transition: width .1s linear;
  }
  .gb-bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 14px;
  }
  .gb-bar-back {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 44px;
    padding: 0 6px;
    font-size: 14px;
    font-weight: 500;
    color: #3d4a8f;
    text-decoration: none;
    white-space: nowrap;
  }
  .gb-bar-title {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .gb-bar-toc {
    flex: 0 0 auto;
    height: 38px;
    padding: 0 14px;
    font: 600 13px/1 Manrope, sans-serif;
    color: #191d24;
    background: #f2f4f8;
    border: 1px solid #e3e6ec;
    border-radius: 19px;
    cursor: pointer;
    white-space: nowrap;
  }
  .gb-bar-toc:focus-visible { outline: 2px solid #3d4a8f; outline-offset: 2px; }

  .gb-up { display: block; }

  /* ---------- оглавление в выдвижной панели ---------- */
  #shell { display: block !important; }

  #nav {
    position: fixed !important;
    top: 53px;
    left: 0;
    right: 0;
    height: auto !important;
    max-height: calc(100vh - 53px);
    width: auto !important;
    flex: none !important;
    overflow-y: auto;
    z-index: 58;
    padding: 18px 20px 28px !important;
    background: #fff;
    border-right: none !important;
    border-bottom: 1px solid #e3e6ec;
    box-shadow: 0 12px 28px rgba(25, 29, 36, .12);
    transform: translateY(-102%);
    visibility: hidden;
    transition: transform .22s ease, visibility .22s;
    font-size: 15px;
  }
  body.gb-toc-open #nav { transform: none; visibility: visible; }

  #nav a {
    display: flex !important;
    align-items: center;
    min-height: 46px;
    padding: 2px 0 !important;
    line-height: 1.35;
    border-bottom: 1px solid #f0f2f6;
  }
  #nav a:last-child { border-bottom: none; }
  .gb-navtitle { font-size: 16px !important; margin-bottom: 14px !important; }
  .gb-navlabel { margin-top: 18px !important; }

  /* ---------- сам текст ---------- */
  #main {
    padding: 26px 22px 96px !important;
    display: block !important;
  }
  #col {
    max-width: 100%;
    font-size: 17px;
    line-height: 1.68;
  }
  #col p, #col li { text-wrap: pretty; }
  #col p { margin: 0 0 1.15em; }
  #col ul, #col ol { padding-left: 1.25em; margin: 0 0 1.15em; }
  #col li { margin-bottom: .5em; }

  .gb-header { padding-bottom: 20px; margin-bottom: 26px; gap: 10px; }
  .gb-header h1 { font-size: 27px; line-height: 1.16; }
  .gb-header .gb-lead { font-size: 16.5px; max-width: none; }

  #col h2.gb-section {
    font-size: 22px;
    margin: 44px 0 14px;
    padding-top: 22px;
    scroll-margin-top: 64px;
  }
  #col h2 { font-size: 19px; margin: 30px 0 10px; scroll-margin-top: 64px; }
  #col h3 { font-size: 17px; margin: 22px 0 8px; scroll-margin-top: 64px; }

  /* врезки: поля в миллиметрах давали слишком узкие отступы */
  #col .highlight,
  #col .tip-box,
  #col .warning-box,
  #col .example,
  #col .key,
  #col .intro,
  #col .red-flag,
  #col .yellow-flag,
  #col .green-flag,
  #col .promo-block {
    padding: 16px 18px !important;
    margin: 0 0 20px !important;
  }

  #col table { font-size: 15px; }
  #col th, #col td { padding: 8px 10px; }
}

@media (max-width: 380px) {
  #main { padding: 22px 17px 92px !important; }
  #col { font-size: 16.5px; }
  .gb-header h1 { font-size: 24px; }
  .gb-bar-title { display: none; }
}

/* ---------- блок «что дальше» в конце гайда ---------- */
.gb-next {
  margin: 56px 0 0;
  padding: 26px 28px;
  background: #f7f8fa;
  border: 1px solid #e3e6ec;
  border-radius: 8px;
  font-family: Manrope, -apple-system, BlinkMacSystemFont, sans-serif;
}
.gb-next-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 14px;
}
.gb-next h2 {
  font-family: Manrope, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 1.28;
  margin: 0 0 10px !important;
  padding-top: 0 !important;
  border-top: none !important;
}
.gb-next p {
  margin: 0 0 18px !important;
  font-size: 16px;
  line-height: 1.6;
  color: #4a5260;
}
.gb-next ul {
  list-style: none;
  margin: 0 0 18px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.gb-next li { margin: 0 !important; }
.gb-next li a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 4px 0;
  font-size: 16px;
  line-height: 1.4;
  border-bottom: 1px solid #e8eaf0;
}
.gb-next li:last-child a { border-bottom: none; }
.gb-next-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #e3e6ec;
}
.gb-next-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  border: 1px solid #d8dce4;
  background: #fff;
  color: #191d24 !important;
}
.gb-next-cta a.primary {
  background: #191d24;
  border-color: #191d24;
  color: #fff !important;
}
.gb-next-cta a:hover { border-color: #3d4a8f; }

@media (max-width: 900px) {
  .gb-next { padding: 20px 18px; margin-top: 44px; border-radius: 6px; }
  .gb-next h2 { font-size: 19px !important; }
  .gb-next-cta a { flex: 1 1 100%; }
}

@media (prefers-reduced-motion: reduce) {
  #nav, .gb-up, .gb-bar-progress i { transition: none !important; }
}

@media print {
  .gb-bar, .gb-up, .gb-next-cta { display: none !important; }
}