/* ===================
 * cpt-layout.css
 * CPTすべての共通CSS
  ====================*/

/*サイドバーの位置*/
.tea-layout-with-sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	gap: 2rem;
	align-items: start;

	max-width: 1200px;
	margin: 0 auto;
	padding-left: 1rem;
	padding-right: 1rem;

	box-sizing: border-box;
}

.tea-layout-with-sidebar > main {
	min-width: 0;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	float: none;
	position: static;
}

.tea-layout-with-sidebar > #secondary,
.tea-layout-with-sidebar > aside,
.tea-layout-with-sidebar > .widget-area {
	width: 260px;
	min-width: 260px;
	max-width: 260px;
	margin: 0;
	box-sizing: border-box;
	float: none;
	clear: none;
	position: static;
}

@media (max-width: 960px) {
	.tea-layout-with-sidebar {
		grid-template-columns: 1fr;
		max-width: 100%;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.tea-layout-with-sidebar > #secondary,
	.tea-layout-with-sidebar > aside,
	.tea-layout-with-sidebar > .widget-area {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
}

/*サイドバーがついてくる*/
.tea-layout-with-sidebar > #secondary,
.tea-layout-with-sidebar > aside,
.tea-layout-with-sidebar > .widget-area {
	position: sticky;
	top: 2rem;
	align-self: start;
}

/* パンくずを少し内側へ */
.tw-breadcrumbs {
	margin: 0 0 1.25rem 0;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

/* single の分類ブロックと本文の間を広げる */
.tea-research-single .entry-taxonomy,
.tea-article-single .entry-taxonomy {
	margin-bottom: 1.5rem;
}

/* 分類リスト自体の下余白も少し補強 */
.tea-research-single .taxonomy-list,
.tea-article-single .taxonomy-list {
	margin-bottom: 0.5rem;
}