/*
 * PiTologi — お知らせ記事本文（the_content / Gutenberg 出力）専用タイポグラフィ。
 *
 * pitologi.css（コンパイル済み Tailwind）には投稿本文に当たるクラスが無いため、
 * .pitologi-prose で囲んだ範囲だけにエディトリアルな本文体裁を与える小さな別ファイル。
 * 色・書体はすべて pitologi.css が定義済みのブランド変数（--color-*, --font-*）を参照する。
 * pitologi.css は絶対に手編集しない方針のため、本文スタイルはこのファイルに隔離する。
 *
 * single.php / archive.php など本文を出すテンプレートでのみ条件付きで読み込む。
 */

.pitologi-prose {
	color: var(--color-ink);
	font-family: var(--font-sans);
	font-size: 1.0625rem;
	line-height: 1.95;
	letter-spacing: 0.01em;
	word-break: break-word;
	overflow-wrap: anywhere;
}

/* 連続ブロックの縦リズム（最初の要素は上マージンを消す） */
.pitologi-prose > * {
	margin-top: 1.75em;
	margin-bottom: 0;
}

.pitologi-prose > *:first-child {
	margin-top: 0;
}

/* 見出し：和欧ともセリフで殴るブランド基調 */
.pitologi-prose h2,
.pitologi-prose h3,
.pitologi-prose h4 {
	font-family: var(--font-serif);
	color: var(--color-ink);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.pitologi-prose h2 {
	margin-top: 2.6em;
	font-size: 1.6rem;
	padding-bottom: 0.5em;
	border-bottom: 1px solid var(--color-line);
}

.pitologi-prose h3 {
	margin-top: 2.2em;
	font-size: 1.3rem;
}

.pitologi-prose h4 {
	margin-top: 1.9em;
	font-size: 1.125rem;
}

.pitologi-prose p {
	margin-top: 1.5em;
}

/* リンク：アクセントティール + 控えめな下線 */
.pitologi-prose a {
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
	transition: color 0.2s ease;
}

.pitologi-prose a:hover {
	color: var(--color-accent-bright);
}

.pitologi-prose strong,
.pitologi-prose b {
	font-weight: 600;
	color: var(--color-ink);
}

.pitologi-prose em {
	font-style: italic;
}

/* リスト */
.pitologi-prose ul,
.pitologi-prose ol {
	padding-left: 1.5em;
}

.pitologi-prose li {
	margin-top: 0.5em;
}

.pitologi-prose ul > li {
	list-style: none;
	position: relative;
}

.pitologi-prose ul > li::before {
	content: "";
	position: absolute;
	left: -1.1em;
	top: 0.85em;
	width: 0.5em;
	height: 1px;
	background: var(--color-accent);
}

.pitologi-prose ol {
	list-style: decimal;
}

.pitologi-prose ol > li {
	padding-left: 0.25em;
}

.pitologi-prose li > ul,
.pitologi-prose li > ol {
	margin-top: 0.5em;
}

/* 引用：左にアクセント罫、ミュート文字 */
.pitologi-prose blockquote {
	border-left: 2px solid var(--color-accent);
	padding: 0.25em 0 0.25em 1.25em;
	color: var(--color-ink-mute);
	font-style: normal;
}

.pitologi-prose blockquote p {
	margin-top: 0.75em;
}

.pitologi-prose blockquote > *:first-child {
	margin-top: 0;
}

/* 画像・図版 */
.pitologi-prose img {
	display: block;
	max-width: 100%;
	height: auto;
}

.pitologi-prose figure {
	margin-left: 0;
	margin-right: 0;
}

.pitologi-prose figcaption {
	margin-top: 0.75em;
	font-size: 0.8125rem;
	letter-spacing: 0.04em;
	color: var(--color-ink-mute);
	text-align: center;
}

/* コード */
.pitologi-prose code {
	font-family: var(--font-mono);
	font-size: 0.9em;
	background: var(--color-surface);
	border: 1px solid var(--color-line);
	padding: 0.1em 0.4em;
}

.pitologi-prose pre {
	background: var(--color-ink);
	color: var(--color-bg);
	padding: 1.25em 1.5em;
	overflow-x: auto;
	font-family: var(--font-mono);
	font-size: 0.875rem;
	line-height: 1.7;
}

.pitologi-prose pre code {
	background: transparent;
	border: 0;
	padding: 0;
	color: inherit;
	font-size: inherit;
}

/* 表：ブランド罫で区切る */
.pitologi-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.pitologi-prose th,
.pitologi-prose td {
	border: 1px solid var(--color-line);
	padding: 0.65em 0.9em;
	text-align: left;
	vertical-align: top;
}

.pitologi-prose th {
	background: var(--color-surface);
	font-weight: 600;
	color: var(--color-ink);
}

/* 区切り線 */
.pitologi-prose hr {
	border: 0;
	border-top: 1px solid var(--color-line);
	margin-top: 2.5em;
}

/* WordPress 標準の配置・キャプション */
.pitologi-prose .aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.pitologi-prose .aligncenter img,
.pitologi-prose figure.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.pitologi-prose .wp-caption-text {
	margin-top: 0.5em;
	font-size: 0.8125rem;
	color: var(--color-ink-mute);
	text-align: center;
}