/*
 * 基本スタイル: 文字組み・見出し・リンク
 * Blocksy の CSS変数(--theme-*)を上書きして、全ページの基本を整える。
 */

/* 見出し: 行間を詰め、スマホでは自動的に小さくする */
h1, h2, h3, h4, h5, h6 {
	--theme-line-height: 1.45;
	--theme-letter-spacing: 0.04em;
}

h1 { --theme-font-size: var(--pi-fs-display); }
h2 { --theme-font-size: var(--pi-fs-h2); --theme-font-weight: 700; }
h3 { --theme-font-size: var(--pi-fs-h3); }
h4 { --theme-font-size: clamp(18px, 2vw, 22px); }
h5 { --theme-font-size: clamp(17px, 1.8vw, 20px); }

/* 本文: スマホでは少し小さく */
@media (max-width: 689px) {
	:root { --theme-font-size: 15px; }
}

/* 日本語の改行を自然にする */
h1, h2, h3, h4, h5, h6, p, li {
	overflow-wrap: anywhere;
	line-break: strict;
}

/* リンク */
.entry-content a:not(.wp-element-button):not(.wp-block-button__link) {
	text-underline-offset: 0.2em;
	transition: color var(--pi-transition);
}

/* 画像: はみ出し防止 */
.entry-content img {
	max-width: 100%;
	height: auto;
}

/* ページ内リンク(#business など)で移動したとき、追従ヘッダーに見出しが隠れないようにする */
[id] { scroll-margin-top: 104px; }