/*
 * ノナラボ: クリエイターページ（/creators/{slug}/）
 * 属性ページと同トーン・DBサイト向けに抑えめに。
 */

.nonalabo-creatorHead{
	padding-bottom: .25rem;
}

.nonalabo-creatorHead__hero{
	display:flex;
	flex-wrap:wrap;
	gap:clamp(14px,3vw,24px);
	align-items:flex-start;
	margin-bottom:.75rem;
}

.nonalabo-creatorHead__thumb{
	flex:0 0 auto;
	width:clamp(72px,18vw,104px);
	border-radius:6px;
	overflow:hidden;
	background:rgba(15,23,42,.06);
	aspect-ratio:1;
}

.nonalabo-creatorHead__thumbImg{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.nonalabo-creatorHead__lead{
	flex:1;
	min-width:min(280px,100%);
}

.nonalabo-creatorHead__kana{
	margin:.35rem 0 0;
	font-size:.92em;
	color:rgba(17,24,39,.62);
	line-height:1.5;
}

.nonalabo-creatorHead__roles{
	margin:.5rem 0 0;
	font-size:.95em;
	color:rgba(17,24,39,.76);
	line-height:1.6;
}

.nonalabo-creatorHead__desc{
	margin-top:.75rem;
}

.nonalabo-attrType--creator{
	background:rgba(30,58,138,.07);
	border:1px solid rgba(30,58,138,.22);
	color:#1e293b;
}

.nonalabo-creatorLinks{
	display:flex;
	flex-wrap:wrap;
	gap:.5rem 1rem;
	margin:.75rem 0 0;
	padding:0;
	list-style:none;
}

.nonalabo-creatorLinks__a{
	font-size:.92em;
	text-decoration:underline;
	text-underline-offset:2px;
}

.nonalabo-creatorFilters.nonalabo-attrFilters{
	margin-top:1rem;
}

.nonalabo-creatorRelatedSec{
	margin-top:2rem;
}

.nonalabo-creatorRelated__count{
	display:inline-block;
	margin-left:.25rem;
	font-size:.82em;
	color:rgba(17,24,39,.54);
	text-decoration:none;
}

@media (max-width:600px){
	.nonalabo-creatorFilters .nonalabo-attrFilters__grid{
		grid-template-columns:1fr;
	}

	.nonalabo-creatorHead__hero{
		gap:12px;
	}
}