* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
      :root {
            --bg-color: #f4f1ea; /* Цвет бумаги журнала */
            --text-color: #2a2a2a;
            --accent-gold: #c2b28e; /* Золотисто-бежевый цвет заголовков таблиц */
            --header-box-bg: #e8e4d9;
            --font-serif: 'Georgia', 'Times New Roman', serif;
            --font-sans: 'Arial', 'Helvetica', sans-serif;
 --primary-gold: #b8a88a;
            --text-dark: #333;
            --bg-paper: #fdfbf7;
            --border-color: #e0d8c8;
--font-sans: 'Arial', 'Helvetica', sans-serif;
        }

        .container2 {
            max-width: 800px;
            margin: 0 auto;
            background: #ffffff;
            padding: 60px;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }

        .title-top {
            font-size: 72px;
            font-weight: 100;
            text-transform: uppercase;
            letter-spacing: 8px;
            text-align: center;
            margin-bottom: 10px;
            color: #1a1a1a;
            line-height: 1;
        }

        .title-main {
            font-size: 100px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 4px;
            text-align: center;
            margin: 10px 0;
            color: #b8a88a;
            line-height: 0.9;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        }

        .title-bottom {
            font-size: 72px;
            font-weight: 100;
            text-transform: uppercase;
            letter-spacing: 8px;
            text-align: center;
            margin: 10px 0 30px 0;
            color: #1a1a1a;
            line-height: 1;
        }

        .author {
            text-align: center;
            font-size: 12px;
            color: #666;
            margin-bottom: 30px;
            letter-spacing: 1px;
        }

        .subtitle {
            font-size: 28px;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
            color: #b8a88a;
            margin-bottom: 30px;
            letter-spacing: 2px;
            line-height: 1.3;
        }

        .intro-text {
            font-size: 20px;
font-weight: 800;
 font-family: 'Roboto Condensed', sans-serif;
            line-height: 1.8;
            color: #333;
            text-align: left;
            margin-bottom: 25px;
            padding: 10px;
            background: #fafafa;
            border-left: 4px solid #b8a88a;
        }

        .main-text {
            font-size: 16px;
            line-height: 1.8;
            color: #333;
            text-align: justify;
            column-count: 1;
        }

        .drop-cap {
            float: left;
            font-size: 60px;
            line-height: 50px;
            padding-right: 10px;
            padding-top: 5px;
            color: #b8a88a;
            font-weight: bold;
        }

        

        @media (max-width: 768px) {
            .title-top, .title-bottom {
                font-size: 42px;
            }
            .title-main {
                font-size: 52px;
            }
            .container2 {
                padding: 30px;
            }
        }
 .magazine-page {
            background-color: var(--bg-color);
            max-width: 100%;
            margin: 0 auto;
            padding: 20px;
            box-shadow: 0 0 30px rgba(0,0,0,0.5);
            
        }
 h1.main-header {
            grid-column: 1 / -1;
            font-family: var(--font-sans);
            font-size: 24px;
            text-transform: uppercase;
            letter-spacing: 2px;
            border-left: 15px solid var(--accent-gold);
            padding-left: 15px;
            margin-bottom: 30px;
            color: #000;
        }
 .workout-box {
            background-color: #fff;
            border: 1px solid #ccc;
            padding: 20px;
            margin-top: 20px;
        }

        .workout-box h3 {
            font-family: var(--font-sans);
            text-transform: uppercase;
            font-size: 16px;
            background-color: var(--accent-gold);
            padding: 10px;
            margin: -20px -20px 15px -20px;
            text-align: center;
            letter-spacing: 1px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            font-family: var(--font-sans);
            font-size: 12px;
        }

        th, td {
            padding: 8px 5px;
            border-bottom: 1px solid #eee;
            text-align: left;
        }

        th {
            font-weight: bold;
            text-transform: uppercase;
            color: #555;
        }

        td:last-child {
            text-align: right;
            font-weight: bold;
            color: #000;
        }

        .image-placeholder {
            background-color: #ddd;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-family: var(--font-sans);
            font-size: 12px;
            margin: 20px 0;
            border: 1px solid #ccc;
        }
 .workout-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
            font-family: 'Arial', sans-serif;
            font-size: 13px;
            background: #fff;
            border: 1px solid var(--border-color);
        }

        .workout-table th {
            background-color: var(--primary-gold);
            color: #fff;
            padding: 10px;
            text-align: left;
            text-transform: uppercase;
            font-weight: bold;
            border-bottom: 2px solid #998e75;
        }

        .workout-table td {
            padding: 8px 10px;
            border-bottom: 1px solid var(--border-color);
        }

        .workout-table tr:last-child td {
            border-bottom: none;
        }

        .table-container {
            background-color: #fff;
            padding: 15px;
            border: 1px solid var(--border-color);
            margin-top: 20px;
        }

        .table-title {
            font-family: 'Arial', sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            color: var(--primary-gold);
            font-size: 18px;
            margin-bottom: 10px;
            border-bottom: 1px solid var(--border-color);
            padding-bottom: 5px;
        }

 .overlay-text {
            
           
            text-align: center;
            
            width: 100%;
        }

        .overlay-big {
            font-family: var(--font-sans);
            font-size: 120px;
            font-weight: 900;
            color: #fff;
            line-height: 0.8;
            text-transform: uppercase;
            text-shadow: 2px 2px 10px rgba(0,0,0,0.3);
            display: block;
        }

        .overlay-sub {
            font-family: 'Times New Roman', serif;
            font-size: 32px;
            font-style: italic;
            color: #fff;
            background-color: rgba(0,0,0,0.6);
            padding: 5px 20px;
            display: inline-block;
            margin-top: -10px;
        }

        .bio-box {
           
            
           font-family: 'Roboto Condensed', sans-serif;
            background-color: rgba(255,255,255,0.9);
            padding: 20px;
            text-align: center;
            font-family: var(--font-sans);
            font-size: 18px;
            line-height: 1.5;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
           
        }
 .bio-box2 {
           
            
           font-family: 'Roboto Condensed', sans-serif;
            background-color: rgba(255,255,255,0.9);
            padding: 20px;
            text-align: center;
           
            font-size: 18px;
            line-height: 1.5;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
           
        }

  .page {
            padding: 10px;
            
            position: relative;
        }
.page-right {
            background-color: #e8e4d9; /* Чуть темнее для правой страницы */
            padding: 0;
            
            align-items: center;
            
        }

 @media (max-width: 768px) {
            .magazine-spread {
                grid-template-columns: 1fr;
            }
            .overlay-big {
                font-size: 60px;
            }
            .page {
                padding: 10px;
            }
        }