/*
 * 糖尿病の学校 共通部品：デザイントークン（糖尿病の学校 設計書 2：青系。血圧の学校から役割名に付け替え）とクリニックカード（inc/clinics.php）
 * ガイド系固定ページ（inc/guide.php）と記事（inc/article-end.php）の両方で読み込む。
 * トークンは body.dmr-guide-page（ガイド）と .dmr-end（記事末尾モジュール）の中だけで有効。
 */
.dmr-guide-page,
.dmr-end {
	--dmr-base: #2d6b88;
	--dmr-base-dark: #1e4d66;
	--dmr-accent: #3a8fb7;
	--dmr-label: #2a6380;
	--dmr-warm: #f29a7e;
	--dmr-soft: #e3f0f5;
	--dmr-mist: #eef5f8;
	--dmr-ground: #f5f9fb;
	--dmr-paper: #f7fafc;
	--dmr-ink: #1f2a33;
	--dmr-muted: #45545e;
	--dmr-muted2: #5a6872;
	--dmr-line: #d3e3ea;
	--dmr-alert: #c41e1e;
	--dmr-alert-edge: #7a0f0f;
	--dmr-shadow: 0 4px 14px rgba(30, 77, 102, .06);
	--dmr-step: 0 6px 0 #c9dee8;
	--dmr-display: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
	--dmr-latin: "Jost", "Noto Sans JP", sans-serif;
}

/* ---------- クリニックカード ---------- */
.post_content ul.dmr-clinics,
ul.dmr-clinics {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}
.post_content ul.dmr-clinics > li.dmr-clinic,
li.dmr-clinic {
	margin: 0;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 20px;
	background: #fff;
	box-shadow: var(--dmr-step);
}
.post_content ul.dmr-clinics > li.dmr-clinic::before {
	content: none;
}
.dmr-clinic__tag {
	align-self: flex-start;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--dmr-soft);
	color: var(--dmr-base);
	font-size: .75rem;
	font-weight: 700;
}
.dmr-clinic__name {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.55;
}
.dmr-clinic__area {
	font-size: .75rem;
	font-weight: 700;
	color: var(--dmr-label);
}
.dmr-clinic__desc {
	font-size: .8125rem;
	line-height: 1.75;
	color: var(--dmr-muted);
}
a.dmr-clinic__btn {
	margin-top: auto;
	padding: 13px;
	min-height: 44px;
	box-sizing: border-box;
	border-radius: 999px;
	background: var(--dmr-base);
	color: #fff !important;
	font-size: .875rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}
a.dmr-clinic__btn:hover {
	background: var(--dmr-base-dark);
}
.dmr-clinics__note {
	margin: 1.2em 0 0 !important;
	font-size: .75rem;
	line-height: 1.8;
	color: var(--dmr-muted);
}
.dmr-clinics--compact {
	grid-template-columns: 1fr !important;
	gap: 12px !important;
}
.dmr-clinics--compact .dmr-clinic {
	padding: 16px 18px !important;
	box-shadow: 0 4px 0 #c9dee8 !important;
}

/* ---------- 他のクリニックを探す（ガイド・トップ・受診チェック。記事末尾は *-article-end.css） ---------- */
.dmr-find {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
	margin: 1.4em 0 0;
	padding-top: 1.2em;
	border-top: 1px solid var(--dmr-line, #d3e3ea);
	font-size: .875rem;
	line-height: 1.7;
}
.dmr-find__lead {
	color: var(--dmr-muted, #45545e);
}
a.dmr-find__link {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	min-height: 44px;
	padding: 0 20px;
	border: 1.5px solid var(--dmr-base, #2d6b88);
	border-radius: 999px;
	background: #fff;
	color: var(--dmr-base, #2d6b88);
	font-weight: 700;
	text-decoration: none;
}
a.dmr-find__link::after {
	content: "\2192";
}
a.dmr-find__link:hover,
a.dmr-find__link:focus-visible {
	background: var(--dmr-base, #2d6b88);
	color: #fff;
}