/* SKT per-page CSS: text */

/* from text.html */
body {
            font-family: 'Montserrat', sans-serif;
            background-color: #f8f9fa; /* Общий светлый фон */
            padding-top: 85px; /* Под фиксированный навбар */
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        /* --- НАВИГАЦИЯ (Идентична остальным страницам) --- */
        .navbar-custom {
            background-color: #ffffff;
            transition: all 0.3s ease-in-out;
            padding-top: 0.8rem;
            padding-bottom: 0.8rem;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }
        .logo-icon {
            width: 46px; height: 46px; border-radius: 10px;
            display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 1rem; color: white;
            background: linear-gradient(135deg, #4b6fb8 0%, #c14545 100%);
        }
        .logo-title { font-size: 1.1rem; font-weight: 800; line-height: 1.1; color: #0b4c9e; }
        .logo-subtitle { font-size: 0.7rem; font-weight: 500; color: #6c757d; }
        .nav-link { font-size: 0.95rem; font-weight: 600; color: #343a40 !important; }
        .nav-link:hover { color: #0b4c9e !important; }

        /* --- ХЕДЕР ТЕКСТОВОЙ СТРАНИЦЫ --- */
        /* Более строгий и узкий, чем на главных страницах */
        .page-hero {
            background: linear-gradient(135deg, #0b4c9e 0%, #1a365d 100%);
            color: #ffffff;
            padding: 3rem 0;
            border-bottom: 4px solid #d6322b; /* Акцентная полоса */
        }
        .breadcrumb-custom {
            font-size: 0.85rem;
            margin-bottom: 1rem;
        }
        .breadcrumb-custom a { color: rgba(255,255,255,0.8); text-decoration: none; }
        .breadcrumb-custom a:hover { color: #fff; }
        .page-hero-title {
            font-size: 2.2rem;
            font-weight: 800;
            margin-bottom: 0.5rem;
            letter-spacing: -0.5px;
        }
        .page-hero-date {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.7);
        }

        /* --- ТЕКСТОВЫЙ КОНТЕНТ (ТИПОГРАФИКА) --- */
        .content-section {
            padding: 4rem 0;
            background-color: #ffffff; /* Белый фон для удобства чтения */
            flex-grow: 1;
        }

        /* Ограничиваем ширину для комфортного чтения (Line length) */
        .text-container {
            max-width: 800px;
            margin: 0 auto;
            color: #334155;
            font-size: 1.05rem;
            line-height: 1.7;
        }

        .text-container h2 {
            font-weight: 800;
            color: #0f172a;
            font-size: 1.5rem;
            margin-top: 2.5rem;
            margin-bottom: 1rem;
        }

        .text-container h3 {
            font-weight: 700;
            color: #1e293b;
            font-size: 1.25rem;
            margin-top: 2rem;
            margin-bottom: 1rem;
        }

        .text-container p { margin-bottom: 1.5rem; }

        .text-container ul, .text-container ol {
            margin-bottom: 1.5rem;
            padding-left: 1.5rem;
        }

        .text-container li { margin-bottom: 0.5rem; }

        /* Кастомные буллиты для списков */
        .text-container ul { list-style-type: none; }
        .text-container ul li { position: relative; }
        .text-container ul li::before {
            content: "•";
            color: #d6322b;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            position: absolute;
            left: -1em;
        }

        /* Выделение важного текста */
        .highlight-box {
            background-color: #f8fafc;
            border-left: 4px solid #0b4c9e;
            padding: 1.5rem;
            border-radius: 0 8px 8px 0;
            margin: 2rem 0;
            font-size: 0.95rem;
        }

        .highlight-box p:last-child { margin-bottom: 0; }

        @media (max-width: 768px) {
            .page-hero-title { font-size: 1.8rem; }
            .content-section { padding: 3rem 1rem; }
            .text-container { font-size: 1rem; }
        }