/* single-news-column.css — 投稿詳細（news / column）
 * /news/ ・会社概要と同型の .worso-info パネル内スタイル
 */

.worso-page--single-post.worso-info .worso-single-panel {
	background: var(--worso-info-bg, var(--worso-white));
}

/* コラム一覧（.worso-container の中身）と同じ幅。page-info より後勝ちにする */
.worso-info .worso-single-panel--column .worso-home-section__inner {
	max-width: calc(var(--worso-container) - 64px);
}

/* ヘッダ（タイトル＋メタ） */
.worso-page--single-post .worso-single__header {
	margin: 0 0 1.75rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--worso-info-line, var(--worso-line));
}

.worso-page--single-post .worso-single__cat-line {
	margin: 0 0 0.55rem;
}

.worso-page--single-post .worso-single__cat {
	display: inline;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--worso-info-ink-navy);
	font-size: var(--worso-fs-caption);
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 0.02em;
}

.worso-page--single-post .worso-single__cat:hover {
	opacity: 0.72;
	border: 0;
	color: var(--worso-info-ink-navy);
}

.worso-page--single-post .worso-single__cat-dot {
	display: none;
}

.worso-page--single-post .worso-single__title {
	margin: 0 0 0.85rem;
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0;
	color: var(--worso-info-ink-navy);
}

.worso-page--single-post .worso-single__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 1.5rem;
	margin: 0;
	padding: 0;
}

.worso-page--single-post .worso-single__meta-item {
	display: inline-flex;
	align-items: baseline;
	gap: 0.45rem;
	margin: 0;
}

.worso-page--single-post .worso-single__meta-item dt {
	margin: 0;
	font-size: var(--worso-fs-caption);
	font-weight: 600;
	color: var(--worso-info-ink);
}

.worso-page--single-post .worso-single__meta-item dd {
	margin: 0;
	font-size: var(--worso-fs-caption);
	font-variant-numeric: tabular-nums;
	color: var(--worso-info-ink-navy);
}

/* アイキャッチ */
.worso-page--single-post .worso-single__featured {
	margin: 0 0 1.75rem;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	background: transparent;
}

.worso-page--single-post .worso-single__featured img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

/* 本文。下層共通の 760px 制限は外し、パネル幅で折り返す */
.worso-page--single-post .worso-page__content.worso-single__content > * {
	max-width: none;
}

.worso-page--single-post .worso-single__content {
	max-width: none;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid var(--worso-info-line, var(--worso-line));
	color: var(--worso-info-ink-navy);
	font-size: var(--worso-home-fs-body, var(--worso-fs-body));
	line-height: var(--worso-home-lh-body, var(--worso-lh-body));
}

.worso-page--single-post .worso-single__content > *:first-child {
	margin-top: 0;
}

.worso-page--single-post .worso-single__content h2,
.worso-page--single-post .worso-single__content h3 {
	margin: 2rem 0 0.75rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--worso-brand);
	border-left: 0;
	padding-left: 0;
}

.worso-page--single-post .worso-single__content h2 {
	font-size: var(--worso-fs-title);
}

.worso-page--single-post .worso-single__content h3 {
	font-size: var(--worso-fs-subhead);
	color: var(--worso-green-strong);
}

.worso-page--single-post .worso-single__content p {
	margin: 0 0 1.1rem;
}

.worso-page--single-post .worso-single__content a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

/* タグ */
.worso-page--single-post .worso-single__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.5rem 1rem;
	padding: 1.15rem 0;
	border-bottom: 1px solid var(--worso-info-line, var(--worso-line));
}

.worso-page--single-post .worso-single__tags-label {
	font-size: var(--worso-fs-caption);
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--worso-info-ink);
	text-transform: none;
}

.worso-page--single-post .worso-single__tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.worso-page--single-post .worso-single__tag {
	display: inline;
	min-height: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--worso-info-ink-navy);
	font-size: var(--worso-fs-caption);
	font-weight: 600;
	text-decoration: none;
}

.worso-page--single-post .worso-single__tag:hover {
	background: transparent;
	border: 0;
	opacity: 0.72;
	color: var(--worso-info-ink-navy);
}

/* 著者 */
.worso-page--single-post .worso-single__author {
	display: flex;
	align-items: baseline;
	gap: 0.75rem 1.25rem;
	margin: 1.15rem 0 0;
	padding: 1.05rem 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--worso-info-line, var(--worso-line));
	border-radius: 0;
}

.worso-page--single-post .worso-single__author-label {
	font-size: var(--worso-fs-caption);
	font-weight: 700;
	color: var(--worso-info-ink);
}

.worso-page--single-post .worso-single__author-name {
	font-size: var(--worso-home-fs-body, var(--worso-fs-body));
	font-weight: 700;
	color: var(--worso-info-ink-navy);
}

/* 関連記事（行リスト） */
.worso-page--single-post .worso-single__related {
	margin: 1.75rem 0 0;
	padding-top: 0;
	border-top: 0;
}

.worso-page--single-post .worso-single__related-title {
	margin: 0 0 0.75rem;
	padding: 0 0 0.75rem;
	border-left: 0;
	border-bottom: 1px solid var(--worso-info-line, var(--worso-line));
	font-size: var(--worso-home-fs-body, var(--worso-fs-body));
	font-weight: 700;
	line-height: 1.4;
	color: var(--worso-info-ink-navy);
}

.worso-page--single-post .worso-single__related-list {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.worso-page--single-post .worso-single__related-item {
	display: grid;
	grid-template-columns: 6.5rem minmax(0, 1fr);
	gap: 0.5rem 1.25rem;
	padding: 0.95rem 0;
	border-bottom: 1px solid var(--worso-info-line, var(--worso-line));
}

.worso-page--single-post .worso-single__related-date {
	font-size: var(--worso-fs-caption);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--worso-info-ink);
}

.worso-page--single-post .worso-single__related-cat {
	display: block;
	margin-bottom: 0.2rem;
	font-size: var(--worso-fs-caption);
	font-weight: 700;
	color: var(--worso-info-ink-navy);
}

.worso-page--single-post .worso-single__related-link {
	display: inline;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--worso-info-ink-navy);
	font-size: var(--worso-home-fs-body, var(--worso-fs-body));
	font-weight: 600;
	line-height: 1.45;
	text-decoration: none;
	height: auto;
	transform: none;
}

.worso-page--single-post .worso-single__related-link:hover {
	border: 0;
	box-shadow: none;
	transform: none;
	opacity: 0.72;
}

.worso-page--single-post .worso-single__related-thumb {
	display: none;
}

/* 戻る */
.worso-page--single-post .worso-single__nav {
	margin-top: 1.75rem;
	padding-top: 0;
	border-top: 0;
}

.worso-page--single-post .worso-single__back {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--worso-info-ink-navy);
	font-size: var(--worso-home-fs-body, var(--worso-fs-body));
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

.worso-page--single-post .worso-single__back:hover {
	border-bottom-color: currentColor;
}

/* サイドバー（/news/ と同型） */
.worso-page--single-post .worso-column__sidebar {
	position: sticky;
	top: 6rem;
	gap: 1.75rem;
}

.worso-page--single-post .worso-column__cta {
	background: transparent;
	border: 1px solid var(--worso-info-line, var(--worso-line));
	border-radius: 0;
	padding: 1.25rem 1.15rem;
	color: var(--worso-info-ink-navy);
}

.worso-page--single-post .worso-column__cta-icon {
	background: var(--worso-green-200, #e8f0d8);
	color: var(--worso-text-strong);
}

.worso-page--single-post .worso-column__cta-icon svg {
	color: var(--worso-text-strong);
}

.worso-page--single-post .worso-column__cta-title {
	color: var(--worso-info-ink-navy);
	font-size: var(--worso-home-fs-body, var(--worso-fs-body));
}

.worso-page--single-post .worso-column__cta-desc,
.worso-page--single-post .worso-column__cta-note {
	color: var(--worso-info-ink);
}

.worso-page--single-post .worso-column__cta-btn {
	background: var(--worso-ink-dk);
	color: var(--worso-white);
	border-radius: 0;
}

.worso-page--single-post .worso-column__cta-btn:hover {
	opacity: 0.88;
}

.worso-page--single-post .worso-column__popular {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
}

.worso-page--single-post .worso-column__popular-title {
	margin: 0 0 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--worso-info-line, var(--worso-line));
	font-size: var(--worso-home-fs-body, var(--worso-fs-body));
	font-weight: 700;
	color: var(--worso-info-ink-navy);
}

.worso-page--single-post .worso-column__popular-title::before {
	display: none;
}

.worso-page--single-post .worso-column__popular-item {
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--worso-info-line, var(--worso-line));
}

.worso-page--single-post .worso-column__popular-rank {
	background: transparent;
	color: var(--worso-info-ink-navy);
	font-weight: 700;
	width: auto;
	height: auto;
	border-radius: 0;
}

.worso-page--single-post .worso-column__popular-item--top .worso-column__popular-rank {
	background: transparent;
	color: var(--worso-info-ink-navy);
}

.worso-page--single-post .worso-column__popular-cat {
	background: transparent;
	padding: 0;
	color: var(--worso-info-ink);
}

.worso-page--single-post .worso-column__popular-link {
	color: var(--worso-info-ink-navy);
}

@media (max-width: 1024px) {
	.worso-page--single-post .worso-column__sidebar {
		position: static;
	}
}

@media (max-width: 640px) {
	.worso-page--single-post .worso-single__related-item {
		grid-template-columns: 1fr;
		gap: 0.25rem;
	}
}