/* 多読サイト用カスタムスタイル */

/* ヘッダーサイズをより読みやすいサイズに調整 */
h1 {
    font-size: 2rem; /* 32px - 元の40pxから調整 */
    line-height: 1.2;
    margin-bottom: 1rem;
}

h2 {
    font-size: 1.75rem; /* 28px - 元の32pxから調整 */
    line-height: 1.3;
    margin-bottom: 0.875rem;
}

h3 {
    font-size: 1.5rem; /* 24px - 元の28pxから調整 */
    line-height: 1.3;
    margin-bottom: 0.75rem;
}

h4 {
    font-size: 1.25rem; /* 20px - 元の24pxから調整 */
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

h5 {
    font-size: 1.125rem; /* 18px - 元の20pxから調整 */
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

h6 {
    font-size: 1rem; /* 16px - 元と同じ */
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

/* pタグの行間をdivタグと同程度に調整 */
p {
    margin-top: 0;
    margin-bottom: 0; /* 完全にdivと同じ */
    line-height: 1.6; /* bodyと同じ行間 */
}

/* 段落間に少し間隔が欲しい場合 */
.spaced-paragraphs p {
    margin-bottom: 0.25rem;
}

.spaced-paragraphs p:last-child {
    margin-bottom: 0;
}

/* 完全にdivと同じにしたい場合のクラス */
.no-margin p {
    margin: 0;
}

/* モバイルデバイスでさらに小さく */
@media (max-width: 768px) {
    h1 {
        font-size: 1.75rem; /* 28px */
    }
    
    h2 {
        font-size: 1.5rem; /* 24px */
    }
    
    h3 {
        font-size: 1.25rem; /* 20px */
    }
}

/* 読みやすさを向上させる追加設定 */
body {
    line-height: 1.6;
}