/* Cleart Base：theme.json で書けない共通のスタイル。 */

/* 日本語の改行：文節で折り返す（対応していないブラウザは通常の折り返し）。 */
:where(h1, h2, h3, .is-style-phrase) {
	word-break: auto-phrase;
	text-wrap: balance;
}

:where(p, li) {
	text-wrap: pretty;
	overflow-wrap: anywhere;
}

/* キーボードで操作したときのフォーカスを、はっきり見せる。 */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 3px;
	border-radius: 4px;
}

/* 本文へのスキップリンク（WordPress の skip-link を見えるときだけ目立たせる）。 */
.skip-link.screen-reader-text:focus {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
	font-weight: 700;
}

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

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}