/*!
 * MoteRaku Reset CSS (Wave 62)
 *
 * AI が書いた HTML/CSS が、ブラウザの「気が利かないデフォルト」(<ul> のブレット、
 * <a> の下線、<button> の灰色枠、<img> のはみ出し等)に邪魔されないよう最小限の
 * 初期化を行う。Eric Meyer 級の全消しはせず、AI が CSS を書く際に「だいたい
 * 期待通り」になる範囲に留める。
 *
 * specificity は低め(セレクタはすべて要素のみ)にしてあるので、AI が書いた
 * クラス指定 CSS で簡単に上書きできる。
 */

/* ===== ボックスモデル統一 ===== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* ===== ルート要素 ===== */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-moz-tab-size: 4;
	tab-size: 4;
}

body {
	margin: 0;
	min-height: 100vh;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* ===== 文字・テキスト系の余分なマージン除去 ===== */
h1, h2, h3, h4, h5, h6,
p, figure, blockquote,
dl, dd {
	margin: 0;
}

/* デフォルトの h1〜h6 サイズは theme.json / 共通見出しテンプレートで管理する想定 */
h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
	font-size: inherit;
}

/* ===== リスト ===== */
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ===== メディア ===== */
img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
	height: auto;
}

/* インラインで使うアイコン用に、明示的に inline を指定された場合は尊重 */
img[style*="display:inline"],
svg[style*="display:inline"] {
	display: inline-block;
}

/* ===== リンク ===== */
a {
	color: inherit;
	text-decoration: none;
	background-color: transparent;
}

/* ===== フォーム要素 ===== */
button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
	margin: 0;
}

button {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	line-height: inherit;
}

/* Safari の角丸ボタン挙動を抑制 */
button,
[type="button"],
[type="submit"],
[type="reset"] {
	-webkit-appearance: button;
	appearance: button;
}

/* ===== テーブル ===== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ===== misc ===== */
hr {
	border: 0;
	border-top: 1px solid currentColor;
	opacity: 0.2;
	margin: 1.5em 0;
}

/* テキスト選択でクラスを当てたい用 */
::selection {
	background: rgba(99, 91, 255, 0.25);
}