:root {
            --primary-red: #d32f2f;
            --primary-yellow: #fbc02d;
            --text-black: #111;
            --bg-white: #fff;
            --gray-light: #f4f4f4;

        }
.container2 {
            
            width: 100%;
            position: relative;
           background-color: #ccc;
            background-size: cover;
            background-position: center;
            padding: 20px;
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
margin: 10px auto;
        }

        /* Желтый блок с текстом */
        .intro-box {
            background-color: #f2c300; /* Оригинальный желтый цвет */
            color: #000;
            padding: 20px;
           
            font-family: 'Helvetica', sans-serif;
            font-size: 0.9rem;
            line-height: 1.4;
            font-weight: bold;
            margin-bottom: 40px;
            position: relative;
        }

        .intro-box::before {
            content: 'A';
            display: block;
            background: #000;
            color: #fff;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            margin-bottom: 10px;
            font-weight: 900;
        }

        /* Заголовок */
        h4 {
            font-size: clamp(4rem, 12vw, 9rem); /* Адаптивный размер шрифта */
            line-height: 0.8;
            margin: 0;
            text-transform: uppercase;
            letter-spacing: -2px;
        }

        .mass {
            color: #fff;
            display: block;
        }

        .one-oh-one {
            color: #d32f2f; /* Красный цвет как в оригинале */
            display: block;
        }

        /* Подзаголовок */
        .subtitle {
            font-family: 'Helvetica', sans-serif;
            font-size: clamp(1rem, 2.5vw, 1.5rem);
            font-weight: 700;
            margin-top: 20px;
            margin-bottom: 10px;
            line-height: 1.2;
            text-transform: uppercase;
            border-bottom: 5px solid #fff;
            padding-bottom: 15px;
            display: inline-block;
        }

        /* Автор */
        .byline {
            font-family: 'Helvetica', sans-serif;
            font-size: 0.9rem;
            font-weight: bold;
            color: #ccc;
            margin-bottom: 40px;
        }

        /* Футер журнала */
        .mag-footer {
            position: absolute;
            bottom: 20px;
            left: 40px;
            font-family: 'Helvetica', sans-serif;
            font-size: 0.8rem;
            color: #fff;
        }

        .mag-footer span {
            color: #d32f2f;
            font-weight: bold;
        }

        /* Адаптивность для мобильных устройств */
        @media (max-width: 600px) {
           
            
            .intro-box {
                width: 100%;
                margin-left: 0;
                margin-bottom: 30px;
            }
            
            .mag-footer {
                position: relative;
                bottom: auto;
                left: auto;
                margin-top: 20px;
                border-top: 1px solid #555;
                padding-top: 10px;
            }
        }
 h1 {
            font-size: 2.5rem;
            text-transform: uppercase;
            font-weight: 900;
            margin-bottom: 20px;
            line-height: 1;
            border-bottom: 5px solid #111;
            padding-bottom: 10px;
text-shadow: 2px 2px 4px rgba(0,0,0,2.0);

        }

       
        p {
            margin-bottom: 20px;
            text-align: justify;
        }

        .intro-bold {
            font-weight: bold;
            font-size: 1.1rem;
        }

        /* Желтый блок (Sidebar) */
        .sidebar-box {
            background-color: #ffcc00; /* Оригинальный желтый цвет */
            padding: 25px;
            margin: 30px 0;
            border: 2px solid #000;
        }

        .sidebar-title {
            font-weight: 900;
            font-size: 1.4rem;
            text-transform: uppercase;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .sidebar-quote {
            font-style: italic;
            font-size: 0.95rem;
        }

        /* Таблица */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-size: 1rem;
        }

        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        th {
            background-color: #111;
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
        }

        tr:nth-child(even) {
            background-color: #f9f9f9;
        }

        .category-row td {
            font-weight: 900;
            color: #111;
            background-color: #eee;
            text-transform: uppercase;
        }

        /* Нижний блок */
        .bottom-section {
            margin-top: 40px;
            border-top: 5px solid #111;
            padding-top: 20px;
        }

        /* Адаптивность для мобильных */
        @media (max-width: 600px) {
            
            h1 {
                font-size: 1.8rem;
            }
            h2 {
                font-size: 1.4rem;
            }
            table {
                font-size: 0.9rem;
            }
            th, td {
                padding: 8px;
            }
        }

.tip-box {
            padding: 25px;
            margin-bottom: 30px;
            border: 2px solid var(--text-black);
        }

        .tip-box.yellow {
            background-color: var(--primary-yellow);
        }

        .tip-box.red {
            background-color: var(--primary-red);
            color: var(--bg-white);
        }
        
        .tip-box.red h3 {
            color: var(--bg-white);
        }

        .tip-box p {
            margin-bottom: 15px;
        }
        
        .tip-box p:last-child {
            margin-bottom: 0;
        }