@charset "UTF-8";
/* ==========================================================================
   dsi_ai.css
   journal テーマ用 追加スタイル（AI 記述分）
   - header.php で dsi.css の直後に読み込み（あとがちで上書き可能）
   - 今後のコーディングで追加する CSS はこのファイルに記載する
   ========================================================================== */


/* ==========================================================================
   TOP（page-top）: カテゴリー別ガイド共通
   基礎ガイド / 即日特集 / 会社比較 / 資金調達 で共有
   - h2/h3 は外側ラッパーに .category-factoring-container を併用し、
     参考ページ(/factoring/)のスタイルをそのまま継承する（dsi.css 2554/2585）
   ========================================================================== */
.top_guide {
    margin-bottom: 6.4rem;
}
.top_guide.category-factoring-container h2 {
    margin-top: 20px;
}

/* 子記事カード：3個・1行（dsi.css の 4カラムを上書き） */
.top_guide .category-list-container {
    margin: 0 -0.5rem 1.6rem !important;
}
.top_guide .category-list-container > div {
    width: calc(100% / 3 - 1rem);
}
.top_guide .category-list-container img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* 「もっとみる」は dsi.css の .more / .more a（中央寄せ・赤グラデ）をそのまま使用（参考ページ同様） */

@media screen and (max-width: 767px) {
    .top_guide .category-list-container > div {
        width: calc(100% / 2 - 1rem);
    }
    .top_calc_banner {
        display: block;
        text-align: center;
        margin-bottom: 24px;
    }
}