/*
 * ノナラボ: ニュース一覧（/news/）
 */

.nonalabo-newsArchive{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
}
.nonalabo-newsArchive__head{
	margin:0 0 16px;
	padding-bottom:12px;
	border-bottom:1px solid rgba(15,23,42,.1);
}
.nonalabo-newsArchive__title{
	margin:0 0 6px;
	font-size:clamp(1.15rem, 2.8vw, 1.35rem);
	font-weight:900;
	line-height:1.3;
	color:rgba(15,23,42,.96);
}
.nonalabo-newsArchive__lead{
	margin:0;
	font-size:13px;
	line-height:1.55;
	color:rgba(71,85,105,.95);
}
.nonalabo-newsArchive__empty{
	margin:20px 0;
	font-size:14px;
	color:rgba(71,85,105,.95);
}

.nonalabo-newsList{
	display:flex;
	flex-direction:column;
	gap:0;
	margin:0 0 20px;
}

.nonalabo-newsItem{
	display:grid;
	grid-template-columns:minmax(0, 130px) minmax(0, 1fr) minmax(0, 150px);
	grid-template-areas:
		"meta body actions";
	gap:10px 16px;
	align-items:start;
	padding:14px 12px;
	margin:0;
	border:1px solid rgba(226,232,240,.95);
	border-bottom:none;
	background:#fff;
	box-sizing:border-box;
}
.nonalabo-newsItem--hasThumb{
	grid-template-columns:64px minmax(0, 120px) minmax(0, 1fr) minmax(0, 150px);
	grid-template-areas:
		"thumb meta body actions";
}
.nonalabo-newsItem:first-of-type{
	border-radius:8px 8px 0 0;
}
.nonalabo-newsItem:last-of-type{
	border-bottom:1px solid rgba(226,232,240,.95);
	border-radius:0 0 8px 8px;
}
.nonalabo-newsItem:only-of-type{
	border-radius:8px;
	border-bottom:1px solid rgba(226,232,240,.95);
}

.nonalabo-newsItem__thumb{
	grid-area:thumb;
	width:64px;
	border-radius:6px;
	overflow:hidden;
	background:rgba(15,23,42,.06);
	aspect-ratio:4 / 3;
}
.nonalabo-newsItem__thumbImg{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.nonalabo-newsItem__col--meta{
	grid-area:meta;
}
.nonalabo-newsItem__col--body{
	grid-area:body;
	min-width:0;
}
.nonalabo-newsItem__col--actions{
	grid-area:actions;
	justify-self:end;
	text-align:right;
	min-width:0;
}

.nonalabo-newsMeta{
	display:flex;
	flex-direction:column;
	gap:3px;
	font-size:11px;
	font-weight:700;
	line-height:1.35;
	color:rgba(100,116,139,.95);
	letter-spacing:.02em;
}
.nonalabo-newsMeta__date{
	font-variant-numeric:tabular-nums;
}
.nonalabo-newsMeta__source{
	word-break:break-word;
}

.nonalabo-newsTitle{
	margin:0 0 6px;
	font-size:15px;
	font-weight:900;
	line-height:1.45;
}
/* SWELLの見出し装飾が乗るのを抑止（帯背景・左右線など） */
.nonalabo-newsItem .nonalabo-newsTitle{
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
	padding:0!important;
}
.nonalabo-newsItem .nonalabo-newsTitle::before,
.nonalabo-newsItem .nonalabo-newsTitle::after{
	content:none!important;
}
.nonalabo-newsTitle__link{
	color:rgba(15,23,42,.96);
	text-decoration:none;
}
.nonalabo-newsTitle__link:hover{
	text-decoration:underline;
	text-underline-offset:2px;
}
.nonalabo-newsTitle__link:focus-visible{
	outline:2px solid rgba(59,130,246,.45);
	outline-offset:2px;
}

.nonalabo-newsSummary{
	margin:0;
	font-size:12px;
	line-height:1.55;
	color:rgba(51,65,85,.9);
	max-height:4.65em;
	overflow:hidden;
}

.nonalabo-newsActions{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:6px;
}
.nonalabo-newsActions__link{
	font-size:12px;
	font-weight:800;
	text-decoration:underline;
	text-underline-offset:2px;
	color:rgba(30,58,138,.92);
	white-space:nowrap;
}
.nonalabo-newsActions__link--work{
	color:rgba(22,101,52,.95);
}
.nonalabo-newsActions__link:hover{
	color:rgba(30,64,175,1);
}
.nonalabo-newsActions__link--work:hover{
	color:rgba(21,128,61,1);
}

@media (max-width:640px){
	.nonalabo-newsItem,
	.nonalabo-newsItem--hasThumb{
		grid-template-columns:1fr;
		grid-template-areas:
			"thumb"
			"meta"
			"body"
			"actions";
		gap:8px 0;
		padding:12px 10px;
	}
	.nonalabo-newsItem--hasThumb .nonalabo-newsItem__thumb{
		width:56px;
	}
	.nonalabo-newsItem__col--actions{
		justify-self:start;
		text-align:left;
	}
	.nonalabo-newsMeta{
		flex-direction:row;
		flex-wrap:wrap;
		align-items:baseline;
		column-gap:8px;
		row-gap:2px;
	}
	.nonalabo-newsMeta__date + .nonalabo-newsMeta__source::before{
		content:'・';
		margin-right:2px;
		color:rgba(148,163,184,.9);
	}
	.nonalabo-newsTitle{
		font-size:14px;
	}
	.nonalabo-newsActions{
		flex-direction:row;
		flex-wrap:wrap;
		align-items:center;
		gap:10px 16px;
	}
}