/**
 * Phase 2 共通スタイル（新テーマ干渉リセット）
 *
 * 本番の CSS は ph2-production/ から読み込む。
 * このファイルは新テーマ (igaku-academy) style.css の干渉だけをリセットする。
 * Ph2 対象ページは <main class="ph2-page"> で囲む。
 */

/* ─── 新テーマ干渉リセット（!important で確実に上書き） ─── */

/* style.css の .page セレクタが border/shadow を付けるのを無効化 */
.ph2-page .layer-content.page {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	box-shadow: none !important;
	transition: none !important;
}

.ph2-page .layer-content.page:hover {
	box-shadow: none !important;
}

/* 新テーマの border-box / html font-size / body スタイルを強制リセット */
.ph2-page,
.ph2-page *,
.ph2-page *::before,
.ph2-page *::after {
	box-sizing: border-box !important;
}

.ph2-page {
	font-size: 16px !important;
	color: #333 !important;
	font-family: "Noto Sans JP", sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: 0 !important;
}

/* style.css の p { margin-bottom: 1.5em } を無効化 */
.ph2-page p {
	margin-bottom: 0;
}

/* style.css の img { max-width: 100% } は本番でも適用されているので維持 */

/* サイドバーのスタイルは ph2-production/ の本番 CSS に任せる */