/* ========================================
   既存業務DX化・モダナイゼーション支援ページ専用スタイル
   BEM命名（sdx-*）
   ======================================== */

/* ========================================
   コンテナ共通（他セクション用）
   ======================================== */
.sdx-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) {
    .sdx-container {
        padding: 0 var(--spacing-md);
    }
}