/*
 * お問い合わせ振り分け（template-inquiry.php）— /inquiry/
 *
 * Claude Design v3 の Contact 画面（prototype 7099-7162）より。
 * 部品（.sec-w / .tk-card / .tk-btn-p / .tk-btn-g）は base.css にある。
 */

/*
 * 🚨 v3 のカードグリッドは **2カラム固定で、@media が1つも無い**
 * （prototype 7099-7162 の範囲に0件・実測）。狭い画面で必ず潰れるので畳む。
 * 列指定はインラインなので !important でないと勝てない。
 */
@media (max-width: 860px) {
	.tk-pg[data-screen-label="Contact"] .sec-w > div[style*="repeat(2,1fr)"] {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* カスタマーサポート帯も同じ理由で畳む（左右2分割のインライン指定）。 */
@media (max-width: 700px) {
	.tk-pg[data-screen-label="Contact"] div[style*="grid-template-columns:minmax(0,1fr) auto"] {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 20px !important;
	}
}