/* ========================================
   AI開発・データ活用支援ページ専用スタイル
   BEM命名（sai-*）
   ======================================== */

/* ========================================
   コンテナ共通
   ======================================== */
.sai-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--spacing-xl);
}

/* セクションタイトルは common.css の .section-header__title を使用 */

/* ========================================
   課題解決セクションは common.css の problem-cards-grid / problem-card / problem-cards-summary を使用
   ======================================== */

/* ========================================
   特長セクションは common.css の feature-cards を使用
   ======================================== */

/* ========================================
   サービスラインナップは common.css の service-lineup を使用
   ======================================== */

/* ========================================
   事例紹介は common.css の case-cards を使用
   ======================================== */

/* ========================================
   プロセスは common.css の process-timeline を使用
   ======================================== */

/* ========================================
   レスポンシブデザイン
   ======================================== */

@media (max-width: 768px) {
    .sai-container {
        padding: 0 var(--spacing-md);
    }
}