/**
 * 保デジWEB NEXT メインスタイルシート
 *
 * 実際のスタイル（Google Stitch のデザイン）は次フェーズでここに実装していきます。
 * このファイルは functions.php（inc/enqueue.php）から読み込まれます。
 */

/* ------------------------------------------------------------------
 * 1. リセット / ベース（最小限）
 * ------------------------------------------------------------------ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
		"Hiragino Sans", Meiryo, sans-serif;
	line-height: 1.7;
	color: #333;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

/* ------------------------------------------------------------------
 * 2. アクセシビリティ
 * ------------------------------------------------------------------ */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}

.skip-link {
	position: absolute;
	left: -9999px;
	z-index: 100000;
	padding: 8px 16px;
	background: #fff;
}

.skip-link:focus {
	left: 8px;
	top: 8px;
}

/* ------------------------------------------------------------------
 * 3. レイアウト土台（デザイン実装で上書き予定）
 * ------------------------------------------------------------------ */
.site-header__inner,
.site-footer__inner,
.site-main {
	width: min(1200px, 92%);
	margin-inline: auto;
}