/* ==========================================================================
   POC薬剤部 「薬剤師向け転職サービス比較」ページ専用（最小限の追加分のみ）
   見出し・表・リスト等は .poc-article-body（poc-article-page.css）をそのまま再利用する。
   ========================================================================== */

/* .scroll-box は通常 .post 配下（通常投稿）での利用を前提に、
   スマホ時に table td を nowrap にして横スクロールさせる親テーマCSSが組まれているため、
   .post を持たないこのページでも同じ挙動になるよう明示的に指定する
   （指定しないと、列が文字単位で縦に折り返ってしまう）。 */
.poc-cc .scroll-box table { max-width: initial; }
@media only screen and (max-width: 767px) {
	.poc-cc .scroll-box table td,
	.poc-cc .scroll-box table td p,
	.poc-cc .scroll-box table th {
		white-space: nowrap;
	}
}

/* 条件カード（「こんな人はここを見る」） */
.poc-cc-conditions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0 0 1.4em;
	list-style: none;
	padding: 0;
}
.poc-cc-condition {
	display: block;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--poc-line);
	border-radius: 12px;
	color: var(--poc-ink);
	text-decoration: none;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.5;
	transition: border-color .15s, box-shadow .15s;
}
.poc-cc-condition:hover { border-color: var(--poc-blue); box-shadow: var(--poc-shadow); }

/* 中立性の注意書き */
.poc-cc-note {
	margin: 0 0 1.6em;
	padding: 14px 16px;
	background: var(--poc-bg);
	border: 1px solid var(--poc-line);
	border-radius: 12px;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--poc-muted);
}

/* 各社ブロック */
.poc-cc-company {
	margin: 0 0 2em;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--poc-line);
	border-radius: 14px;
	box-shadow: var(--poc-shadow);
}
.poc-cc-company h2:first-child { margin-top: 0 !important; }
.poc-cc-company__summary { color: var(--poc-muted); font-size: 14px; margin: 0 0 1em; }
.poc-cc-company__meta { font-size: 12.5px; color: var(--poc-muted); margin: 1.2em 0 0.8em; }

/* CTA */
.poc-cc-cta { margin: 0.6em 0 0; }
.poc-cc-cta__label {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 1px 6px;
	margin-right: 8px;
	vertical-align: middle;
}

/* 迷ったときの選び方（3STEP） */
.poc-cc-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 1.4em; list-style: none; padding: 0; }
.poc-cc-step { padding: 16px; background: #fff; border: 1px solid var(--poc-line); border-radius: 12px; }
.poc-cc-step__no { display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; background: var(--poc-blue-btn); color: #fff; font-weight: 800; font-size: 13px; margin-bottom: 8px; }
.poc-cc-step h3 { margin: 0 0 6px !important; font-size: 15px !important; border: 0 !important; padding: 0 !important; }
.poc-cc-step p { margin: 0; font-size: 13px; color: var(--poc-muted); }

/* PR・確認日・出典ブロック */
.poc-cc-disclosure {
	margin: 1.6em 0 0;
	padding: 16px 18px;
	background: var(--poc-bg);
	border: 1px solid var(--poc-line);
	border-radius: 12px;
	font-size: 12.5px;
	line-height: 1.8;
	color: var(--poc-muted);
}
.poc-cc-disclosure h2 { margin-top: 0 !important; }

@media only screen and (max-width: 767px) {
	.poc-cc-conditions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.poc-cc-steps { grid-template-columns: 1fr; }
	.poc-cc-company { padding: 16px; }
}