:root {
            --primary-yellow: #fce306;
            --text-white: #ffffff;
            --bg-dark: #111111;
            --font-main: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            --text-black: #000000;
            --bg-white: #ffffff;
        }

       

        .container2 {
            max-width: 100%;
            margin: 0 auto;
            padding: 10px 10px;
            /* Simulating the chainlink fence background with a pattern or dark gradient */
            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://www.transparenttextures.com/patterns/diagmonds-light.png'); 
            background-size: cover;
            
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* Typography */
        h1 {
            font-size: 5rem;
            line-height: 0.9;
            text-transform: uppercase;
            margin: 0;
            color: var(--primary-yellow);
            font-weight: 900;
            letter-spacing: -2px;
        }

        h2 {
            font-size: 2rem;
            margin-top: 0;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-weight: 700;
        }

        .subtitle {
            font-size: 1.2rem;
            margin-bottom: 10px;
            font-weight: 600;
            color: var(--text-white);
        }

        .author {
            font-size: 0.9rem;
            color: var(--primary-yellow);
            margin-bottom: 30px;
            font-weight: bold;
            text-transform: uppercase;
        }

        p {
            font-size: 1.1rem;
            margin-bottom: 20px;
            text-align: justify;
        }

        /* Layout adjustments for the specific text block */
        .content-block {
            background: rgba(0, 0, 0, 0.6);
            padding: 20px;
            border-left: 5px solid var(--primary-yellow);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            h1 {
                font-size: 2.8rem;
                letter-spacing: -1px;
            }
            
            h2 {
                font-size: 1.5rem;
            }

            .subtitle {
                font-size: 1rem;
            }

            p {
                font-size: 1rem;
                text-align: left;
            }

            .container {
                padding: 20px 15px;
            }
            
            .content-block {
                padding: 20px;
            }
        }
 .workout-block {
            background-color: var(--primary-yellow);
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
        }

        .day-header {
            font-weight: 900;
            font-size: 1.2rem;
            text-transform: uppercase;
            margin-bottom: 15px;
            border-bottom: 2px solid var(--text-black);
            padding-bottom: 5px;
            display: block;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.95rem;
        }

        th {
            text-align: left;
            font-weight: 900;
            text-transform: uppercase;
            padding: 5px;
            border-bottom: 2px solid var(--text-black);
        }

        td {
            padding: 8px 5px;
            border-bottom: 1px solid rgba(0,0,0,0.2);
            vertical-align: top;
        }

        .note {
            font-size: 0.85rem;
            margin-top: 10px;
            font-style: italic;
        }

        .rest-day {
            background-color: var(--text-black);
            color: var(--bg-white);
            padding: 15px;
            text-align: center;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 20px;
        }
.intro-text {
            font-size: 1.1rem;
            margin-bottom: 30px;
            border-bottom: 5px solid var(--text-white);
            padding-bottom: 20px;
        }

        h2.section-title2 {
            font-size: 2rem;
            text-transform: uppercase;
            font-weight: 900;
            margin-top: 0;
            margin-bottom: 15px;
        }

        /* Адаптивность для мобильных устройств */
        @media (max-width: 600px) {
            h1 {
                font-size: 2.5rem;
            }
            
            table, thead, tbody, th, td, tr {
                display: block;
            }
            
            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
            
            tr {
                border: 1px solid #ccc;
                margin-bottom: 10px;
                background: rgba(255,255,255,0.5);
            }
            
            td {
                border: none;
                position: relative;
                padding-left: 50%;
                text-align: right;
            }
            
            td:before {
                position: absolute;
                top: 8px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
                content: attr(data-label);
            }
        }
 .container3 {
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            line-height: 1.5;
            color: var(--text-black);
            background-color: var(--bg-white);
            margin: 0;
            padding: 10px;
        }

 .column-layout {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
        }

        .highlight {
            background-color: var(--primary-yellow);
            padding: 2px 5px;
            font-weight: bold;
        }