@charset "UTF-8";

/* ===================================
 * topics投稿タイプ専用スタイル
 * single.php の .l-column-2--topics を対象に幅を制御
 * =================================== */

.l-column-2--topics {
    max-width: 800px;
    margin-inline: auto;
}

/* ===================================
 * 本文エリア: フォントサイズ・行の高さ（guide互換）
 * =================================== */

.l-column-2--topics .p-post-content {
    font-size: clamp(18px, calc(0.35vw + 15.3px), 22px);
    line-height: 1.8;
}

.l-column-2--topics .p-post-content h2 {
    font-size: clamp(26.6px, calc(0.99vw + 19px), 38px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.4em;
    white-space: normal;
}

.l-column-2--topics .p-post-content h3 {
    font-size: clamp(22px, calc(0.70vw + 16.6px), 30px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.3em;
    white-space: normal;
}

.l-column-2--topics .p-post-content h4 {
    font-size: clamp(20px, calc(0.52vw + 16px), 26px);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.2em;
    white-space: normal;
}

/* h1タイトルのBR改行対応 */
.p-post-single__title {
    white-space: normal;
    word-break: auto-phrase;
}

/* ===================================
 * リンク: 文字色・アンダーライン色 #0061B0
 * =================================== */
.l-column-2--topics .p-post-content a {
    color: #0061B0;
    text-decoration: underline;
    text-decoration-color: #0061B0;
    text-underline-offset: 3px;
}

/* ===================================
 * SP: フォントサイズ・行の高さ
 * =================================== */
@media (max-width: 768px) {
    .l-column-2--topics .p-post-content {
        font-size: clamp(16px, calc(0.93vw + 12.84px), 20px);
        line-height: 1.8;
    }

    .l-column-2--topics .p-post-content h2 {
        font-size: clamp(18px, calc(2.15vw + 10.47px), 27px);
        line-height: 1.4;
    }

    .l-column-2--topics .p-post-content h3 {
        font-size: clamp(19px, calc(1.20vw + 14.81px), 24px);
        line-height: 1.4;
    }

    .l-column-2--topics .p-post-content h4 {
        font-size: clamp(17px, calc(0.96vw + 13.65px), 21px);
        line-height: 1.4;
    }
}