/* ============================================================
 * FAQページ（修正依頼 No.0008）
 *   質問の開閉で表示幅が変わらないようにする。
 *
 *   幅が変わっていた本当の原因は common.css の
 *     .min-h-screen { margin: auto; }
 *   で、本文（main）がフレックスの伸張をやめて「中身の幅に合わせて縮む」
 *   状態になっていたこと。開閉で中身の幅が変わると外枠まで動いていた。
 *   → common.css 側で width:100% を併記して解消済み。
 *
 *   このファイルでは、FAQ特有の崩れ（長いURLでの横伸び）だけを抑える。
 *   本文はDB管理の静的ページ（static_pages）のため、
 *   マークアップに手を入れずCSSで対処する。
 * ============================================================ */

/* 開閉ブロックが中身に引っ張られて広がらないようにする（保険） */
main .max-w-4xl,
main .max-w-4xl section {
	width: 100%;
	box-sizing: border-box;
}

/* 回答テキストの折返し（長いURL・英単語で横に広がらないように） */
main .max-w-4xl p,
main .max-w-4xl li,
main .max-w-4xl a {
	overflow-wrap: break-word;
	word-break: break-word;
}