/*
 * 知能基盤（template-dataspace.php）— /products/tektome/intelligence-platform/
 *
 * platform.css の後に読み込まれる。タブ・カルーセルの機構は共通なので、
 * ここにあるのはこの画面固有のものだけ。
 */

/*
 * ステップのパネルはインラインで display を持つので、[hidden] だけでは
 * 隠れない環境がありうる。base.css の [hidden]{display:none !important} が
 * 効く前提だが、このファイル単体で読んでも分かるように明示しておく。
 */
.ds-pane[hidden] {
	display: none !important;
}

/*
 * ブラウザ風の枠。プロトタイプは .bw をクラスとして使うが CSS 側の定義が無く、
 * 見た目は全てインライン。クラスは狭い画面用のフックとしてだけ使う。
 */
.ds-walk {
	align-items: start;
}

/* ============================================================
   狭い画面 — プロトタイプにブレークポイントは無い
   ============================================================ */

@media (max-width: 900px) {
	.ds-walk {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 24px !important;
	}
	/* レールは縦3件なので畳んでも許容範囲。横スクロールにはしない。 */
	.ds-walk .bw {
		overflow-x: auto;
	}
}