.magazine-spread {
        position: relative;
        width: 100%;
        max-width: 1400px;
        height: 500px; /* Фиксированная высота для примера */
       

        overflow: hidden;
        box-shadow: 0 0 50px rgba(0,0,0,0.8);
    }

    /* Декоративные линии (имитация графики с фото) */
    .graphic-lines {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: 
            rgba(255, 255, 0, 0.1);
        pointer-events: none;
        z-index: 1;
    }

    /* Блок заголовка */
    .headline-container {
        position: absolute;
       padding: 10px;
        z-index: 10;
       
    }

    h1 {
        font-size: 8rem;
        line-height: 0.85;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: -2px;
        text-shadow: 4px 4px 0px #ccc;
    }

    /* Подзаголовок (синий текст) */
    .sub-headline {
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 1.1rem;
        line-height: 1.4;
        color: #00BFFF; /* Ярко-голубой цвет как на фото */
        margin-top: 20px;
        text-transform: uppercase;
        text-shadow: 1px 1px 2px black;
        background: rgba(0,0,0,0.4); /* Полупрозрачный фон для читаемости */
        padding: 10px;
        
    }

    /* Авторы (внизу) */
    .credits {
        position: absolute;
        bottom: 20px;
        left: 20px;
        font-family: 'Arial', sans-serif;
        font-size: 0.7rem;
        color: #000;
        z-index: 10;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* Адаптивность для мобильных */
    @media (max-width: 768px) {
        h1 { font-size: 3rem; }
        .sub-headline { font-size: 0.9rem; }
        .magazine-spread { height: 400px; }
    }

 .magazine-page {
        background: white;
        width: 100%;
        max-width: 1400px;
        padding: 20px;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        
    }

    /* Левая колонка (Фото и intro) */
    .left-col {
        display: flex;
        flex-direction: column;
    }

  .sidebar-benefits {
        background-color: #f9f9f9;
        padding: 20px;
        border-top: 4px solid #000;
    }

    .sidebar-title {
        font-family: 'Arial Black', sans-serif;
        font-size: 1.2rem;
        text-transform: uppercase;
        margin-bottom: 15px;
        border-bottom: 2px solid #000;
        padding-bottom: 5px;
    }

    .benefit-item {
        margin-bottom: 20px;
    }

    .benefit-item h3 {
        font-size: 0.9rem;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .benefit-item p {
        font-size: 0.85rem;
        line-height: 1.4;
        margin: 0;
        color: #555;
    }
.article-body {
        font-size: 0.95rem;
        line-height: 1.6;
        margin-bottom: 30px;
        text-align: justify;
    }
 h4 {
        font-family: 'Arial Black', sans-serif;
        font-size: 3.5rem;
        line-height: 1;
        margin: 0 0 20px 0;
        color: #555;
        text-transform: uppercase;
    }

    h4 span {
        color: #D4AF37; /* Золотистый цвет для цифры 7 */
        font-size: 5rem;
        float: left;
        margin-right: 10px;
        line-height: 0.8;
    }

 .exercise-col {
        position: relative;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }

    /* Левая колонка (Упражнение 1) */
    .col-left {
        border-right: 1px solid #ddd;
    }

    /* Правая колонка (Упражнение 2) */
    .col-right {
        background-color: #f9f9f9;
    }

    /* Огромные цифры */
    .big-number {
        font-family: 'Arial Black', sans-serif;
        font-size: 8rem;
        line-height: 0.8;
        color: #D4E157; /* Желто-зеленый цвет как на фото */
        margin-bottom: -20px;
        z-index: 1;
    }

    /* Заголовки упражнений */
    h5 {
        font-family: 'Arial Black', sans-serif;
        font-size: 2.5rem;
        text-transform: uppercase;
        margin: 0 0 10px 0;
        line-height: 1;
        position: relative;
        z-index: 2;
    }

    /* Целевые мышцы */
    .targets {
        font-weight: bold;
        font-size: 0.9rem;
        color: #0056b3; /* Синий цвет */
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    /* Основной текст описания */
    .description {
        font-size: 0.95rem;
        line-height: 1.5;
        margin-bottom: 30px;
        text-align: justify;
    }

    /* Блок совета Рами */
    .ramy-tip {
        margin-top: auto; /* Прижимает блок к низу, если есть место */
        background-color: #fff;
        border-left: 5px solid #D4E157;
        padding: 15px;
    }

    .ramy-tip h3 {
        font-family: 'Arial Black', sans-serif;
        color: #D4E157;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        font-size: 1.1rem;
    }

    .ramy-tip p {
        font-size: 0.85rem;
        line-height: 1.4;
        margin: 0;
        font-style: italic;
    }

    /* Специфичный стиль для совета в правой колонке (плавающий) */
    .floating-tip {
        position: absolute;
        top: 40px;
        right: 40px;
        width: 200px;
        background: rgba(255,255,255,0.9);
        padding: 15px;
        border-left: 5px solid #D4E157;
        z-index: 10;
    }
    
    .floating-tip h3 {
        font-family: 'Arial Black', sans-serif;
        color: #D4E157;
        margin: 0 0 5px 0;
        font-size: 1rem;
    }
    
    .floating-tip p {
        font-size: 0.8rem;
        line-height: 1.3;
        margin: 0;
    }
 .magazine-spread2 {
        background: white;
        width: 100%;
        max-width: 1400px;
        
        box-shadow: 0 0 30px rgba(0,0,0,0.5);
    }

 .sidebar-container {
        background: white;
        width: 100%;
        max-width: 1400px; /* Ширина колонки */
        padding: 20px;
        box-shadow: 0 0 15px rgba(0,0,0,0.1);
        border-left: 5px solid #D4AF37; /* Декоративная линия слева */
    }

    /* Заголовки разделов */
    .section-label {
        font-size: 0.8rem;
        color: #0056b3; /* Синий цвет как на фото */
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }
.profile-list {
        list-style: none;
        padding: 0;
        margin: 0 0 40px 0;
        font-size: 0.9rem;
        line-height: 1.5;
        border-top: 1px solid #ddd;
        padding-top: 15px;
    }

    .profile-list li {
        margin-bottom: 8px;
    }

    .profile-list strong {
        color: #000;
    }

    /* Заголовок тренировки */
    .workout-title {
        font-family: 'Arial Black', sans-serif;
        font-size: 1.8rem;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        line-height: 1;
    }

    /* Таблица упражнений */
    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
        font-size: 0.85rem;
    }

    th {
        text-align: left;
        border-bottom: 2px solid #000;
        padding: 8px 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 0.75rem;
    }

    td {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

    /* Примечание под таблицей */
    .note {
        font-size: 0.8rem;
        line-height: 1.4;
        color: #555;
        font-style: italic;
    }

    /* Адаптивность */
    @media (max-width: 600px) {
        .sidebar-container {
            max-width: 100%;
        }
 h4 { font-size: 2rem; }
h5 { font-size: 2rem; }


    }

 .text-overlay2 {
       
        padding: 20px;
        color: #D4E157;
        text-shadow: 2px 2px 4px rgba(0,0,0,1.8);
    }

.article-block {
        background: white;
        padding: 20px;
        flex-grow: 1;
    }

    .article-title {
        font-family: 'Arial Black', sans-serif;
        font-size: 4rem;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        line-height: 1;
    }

    .article-text {
        column-count: 1; /* Текст в 3 колонки как на фото */
        column-gap: 30px;
        font-size: 0.95rem;
        line-height: 1.5;
        text-align: justify;
    }

    .article-text p {
        margin-top: 0;
    }