/* Улучшенная типографика - только заголовки и читабельность */

/* Базовая типографика */
body {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

@media screen and (max-width: 768px) {
    body {
        font-size: 15px !important;
    }
}

/* Заголовки более выразительные и правильных размеров */
h1 {
    font-size: 2.5rem !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.2 !important;
}

h2 {
    font-size: 2rem !important;
    margin-bottom: 1.2rem !important;
    line-height: 1.3 !important;
}

h3 {
    font-size: 1.5rem !important;
    margin-bottom: 1rem !important;
}

h4 {
    font-size: 1.25rem !important;
    margin-bottom: 0.9rem !important;
}

h5 {
    font-size: 1.1rem !important;
    margin-bottom: 0.8rem !important;
}

h6 {
    font-size: 1rem !important;
    margin-bottom: 0.8rem !important;
}

/* Адаптивные размеры заголовков для мобильных */
@media screen and (max-width: 768px) {
    h1 {
        font-size: 1.75rem !important;
    }
    
    h2 {
        font-size: 1.5rem !important;
    }
    
    h3 {
        font-size: 1.25rem !important;
    }
    
    h4 {
        font-size: 1.1rem !important;
    }
}

/* Параграфы с нормальными отступами */
p {
    margin-bottom: 1rem !important;
}

/* Улучшенные списки */
ul, ol {
    margin-bottom: 1.5rem !important;
}

ul li, ol li {
    margin-bottom: 0.5rem !important;
}

/* Плавная прокрутка */
html {
    scroll-behavior: smooth;
}

/* Улучшенная читабельность для мобильных - адаптивные отступы */
@media screen and (max-width: 980px) {
    #main > .inner {
        padding: 2rem 1.5rem !important;
    }
}

@media screen and (max-width: 480px) {
    #main > .inner {
        padding: 1.5rem 1rem !important;
    }
}

/* Таблицы адаптивные на мобильных */
@media screen and (max-width: 768px) {
    table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* Формы на мобильных - предотвращаем зум на iOS */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea {
        font-size: 16px !important;
    }
}