/*
 * reset.css — 最小限のリセット。
 * ブラウザ既定値のうち、レイアウトの前提を壊すものだけを打ち消す。
 * 見た目の指定はここに書かない（base.css / typography.css の担当）。
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

:where(body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ol, ul) {
	margin: 0;
}

:where(ul[class], ol[class]) {
	padding-left: 0;
	list-style: none;
}

:where(img, picture, video, canvas, svg, iframe) {
	display: block;
	max-width: 100%;
}

:where(img) {
	height: auto;
}

:where(input, button, textarea, select) {
	font: inherit;
	color: inherit;
}

:where(button) {
	background: none;
	border: 0;
	cursor: pointer;
}

:where(table) {
	border-collapse: collapse;
}

:where(a) {
	color: inherit;
}

/*
 * 動きを減らす設定（prefers-reduced-motion）はコンポーネント側で個別に尊重する。
 * ここで `* { animation: none !important }` のような全称の打ち消しは書かない。
 * 理由: !important はテーマの禁止事項（CLAUDE.md）で、他のスタイルの上書き手段を
 * 潰してしまうため。PICICO 側のアニメーションは
 * components.css / navigation.css / assets/js/nav.js のそれぞれで停止させる。
 */