.orime-journal-index {
	container-type: inline-size;
}

/* カテゴリーフィルター：デフォルト（JS未実行時の安全なフォールバック）はプルダウンのみ表示 */
.orime-journal-filter__chips {
	display: none;
}
.orime-journal-filter__select {
	display: flex;
	align-items: center;
	gap: 0.5em;
	margin-bottom: 1.5em;
}
.orime-journal-filter__select select {
	max-width: 100%;
	padding: 0.4em 0.8em;
}

/* JSが「十分な幅がある」と判定した場合のみチップ型に切り替える */
.orime-journal-filter.is-wide .orime-journal-filter__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin-bottom: 1.5em;
}
.orime-journal-filter.is-wide .orime-journal-filter__select {
	display: none;
}

.orime-chip {
	display: inline-block;
	padding: 0.4em 1.1em;
	border-radius: 999px;
	border: 1px solid currentColor;
	text-decoration: none;
	font-size: 0.9em;
	opacity: 0.75;
}
.orime-chip.is-active {
	opacity: 1;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.05);
}

.orime-journal-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5em 1.2em;
}
@container (min-width: 600px) {
	.orime-journal-grid { grid-template-columns: repeat(2, 1fr); }
}
@container (min-width: 900px) {
	.orime-journal-grid { grid-template-columns: repeat(3, 1fr); }
}
/* container query未対応ブラウザ向けフォールバック */
@supports not (container-type: inline-size) {
	@media (min-width: 600px) {
		.orime-journal-grid { grid-template-columns: repeat(2, 1fr); }
	}
	@media (min-width: 900px) {
		.orime-journal-grid { grid-template-columns: repeat(3, 1fr); }
	}
}

.orime-card {
	display: block;
	text-decoration: none;
	color: inherit;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	overflow: hidden;
}
.orime-card__thumb {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.04);
}
.orime-card__img,
.orime-card__thumb-placeholder {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.orime-card__body {
	padding: 1em;
}
.orime-card__cat {
	display: inline-block;
	font-size: 0.75em;
	opacity: 0.8;
	margin-bottom: 0.4em;
}
.orime-card__title {
	margin: 0 0 0.4em;
	font-size: 1.05em;
	line-height: 1.5;
}
.orime-card__excerpt {
	font-size: 0.85em;
	opacity: 0.85;
	margin: 0 0 0.6em;
}
.orime-card__date {
	font-size: 0.75em;
	opacity: 0.7;
}

.orime-journal-empty {
	padding: 3em 1em;
	text-align: center;
	opacity: 0.8;
}

.orime-journal-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	list-style: none;
	padding: 0;
	margin: 2em 0 0;
}
.orime-journal-pagination a {
	display: inline-block;
	padding: 0.4em 0.9em;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	text-decoration: none;
}
.orime-journal-pagination a.is-current {
	font-weight: bold;
	background: rgba(0, 0, 0, 0.06);
}

.orime-journal-faq,
.orime-journal-related,
.orime-journal-cta {
	margin-top: 2.5em;
	padding-top: 1.5em;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.orime-journal-faq__item {
	margin-bottom: 1em;
}
.orime-journal-faq__q {
	font-weight: bold;
}

/* ORIME導線カード：本文H2（ピンク帯見出し）とは明確に区別し、
   薄いアイボリー背景＋左罫線アクセントのみのシンプルなカードにする。 */
.orime-journal-cta {
	container-type: inline-size;
}
.orime-journal-cta__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.2em;
}
@container (min-width: 560px) {
	.orime-journal-cta__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@supports not (container-type: inline-size) {
	@media (min-width: 560px) {
		.orime-journal-cta__grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}
}
.orime-journal-cta__block {
	margin-bottom: 0;
	padding: 1.4em 1.4em 1.4em 1.6em;
	border-radius: 6px;
	background: var(--color_bg, #FAF8F5);
	border-left: 3px solid var(--color_main, #C98A96);
}
/* post_content内のh2装飾（ピンク帯）を打ち消し、シンプルな見出しに戻す。
   SWELL側のセレクタは:where()で詳細度0のため、通常の子孫セレクタで上書きできる。 */
.orime-journal-cta__block h2 {
	background: none;
	color: #333;
	padding: 0;
	margin: 0 0 0.5em;
	font-size: 1.05em;
	line-height: 1.5;
	font-weight: bold;
}
.orime-journal-cta__block h2::before {
	content: none;
}
.orime-journal-cta__block p {
	margin: 0 0 0.8em;
	font-size: 0.92em;
}
.orime-journal-cta__link {
	display: inline-block;
	margin-top: 0.2em;
	color: var(--color_main, #C98A96);
	font-weight: bold;
	text-decoration: underline;
}

/* ==========================================================================
   orime_column個別記事限定の調整（実HTMLで確認したセレクタのみを対象とする）
   - SWELL標準の「関連記事」セクション（-related）は、セクション自体をON/OFFする
     公式フックが存在しないため非表示にする（Journal Manager側の関連記事機能を
     唯一の出力元とするため）。
   - SWELL標準の著者ボックス（-author）は残したまま、余白・画像サイズのみ調整して
     コンパクトに見せる（新規ボックスは生成しない）。
   ========================================================================== */
#body_wrap.single-orime_column .l-articleBottom__section.-related {
	display: none;
}

#body_wrap.single-orime_column .l-articleBottom__section.-author {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1.5em;
}
#body_wrap.single-orime_column .l-articleBottom__section.-author img {
	width: 48px;
	height: 48px;
	max-width: 48px;
	max-height: 48px;
}
#body_wrap.single-orime_column .l-articleBottom__section.-author p {
	font-size: 0.85em;
	margin: 0.3em 0;
	line-height: 1.6;
}