/*
 * ノナラボ: レーベルハブ（/labels/{slug}/）
 * クリエイターページと同トーン。
 */

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

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

.nonalabo-labelHead__thumb{
	flex:0 0 auto;
	width:clamp(72px,18vw,112px);
	height:clamp(72px,18vw,112px);
	border-radius:10px;
	overflow:hidden;
	background:#fff;
	border:1px solid rgba(15,23,42,.1);
	display:flex;
	align-items:center;
	justify-content:center;
	aspect-ratio:1 / 1;
}

.nonalabo-labelHead__thumbImg{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	padding:6px;
	box-sizing:border-box;
}

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

.nonalabo-labelHead__badges{
	display:flex;
	flex-wrap:wrap;
	gap:.4rem .5rem;
	align-items:center;
}

.nonalabo-labelBadge{
	display:inline-block;
	padding:.15em .55em;
	border-radius:999px;
	font-size:.78em;
	line-height:1.4;
	background:rgba(15,23,42,.06);
	border:1px solid rgba(15,23,42,.12);
	color:rgba(17,24,39,.78);
}

.nonalabo-labelBadge--audience{
	background:rgba(30,58,138,.07);
	border-color:rgba(30,58,138,.22);
	color:#1e293b;
}

.nonalabo-labelBadge--status{
	background:rgba(22,101,52,.07);
	border-color:rgba(22,101,52,.2);
	color:#14532d;
}

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

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

.nonalabo-labelHead__desc{
	margin-top:.75rem;
	line-height:1.75;
}

.nonalabo-labelHead__note{
	margin:.5rem 0 0;
	font-size:.9em;
	color:rgba(17,24,39,.62);
}

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

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

.nonalabo-labelHubCta{
	margin:1.5rem 0 0;
	padding:1.1rem 1.15rem;
	border:1px solid rgba(15,23,42,.12);
	border-radius:8px;
	background:rgba(15,23,42,.03);
}

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

.nonalabo-labelHubCta__actions{
	margin:.85rem 0 0;
	display:flex;
	flex-wrap:wrap;
	gap:.6rem .75rem;
}

.nonalabo-labelHubCta__btn{
	display:inline-block;
	padding:.55em 1.1em;
	border-radius:6px;
	background:#1e293b;
	color:#fff !important;
	text-decoration:none !important;
	font-weight:600;
	font-size:.95em;
	line-height:1.4;
}

.nonalabo-labelHubCta__btn:hover,
.nonalabo-labelHubCta__btn:focus{
	background:#0f172a;
}

.nonalabo-labelHubCta__btn--secondary{
	background:transparent;
	color:#1e293b !important;
	border:1px solid rgba(30,41,59,.35);
}

.nonalabo-labelHubCta__btn--secondary:hover,
.nonalabo-labelHubCta__btn--secondary:focus{
	background:rgba(15,23,42,.05);
}

.nonalabo-labelSec__title{
	margin:1.75rem 0 .65rem;
	font-size:1.15em;
	line-height:1.4;
}

.nonalabo-labelSec__sub{
	margin:1rem 0 .45rem;
	font-size:1em;
	line-height:1.4;
}

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

.nonalabo-labelFacts__list{
	margin:0;
	padding:0;
}

.nonalabo-labelFacts__row{
	display:grid;
	grid-template-columns:minmax(6.5em,8.5em) 1fr;
	gap:.35rem .75rem;
	padding:.45rem 0;
	border-bottom:1px solid rgba(15,23,42,.08);
}

.nonalabo-labelFacts__dt{
	margin:0;
	font-size:.88em;
	color:rgba(17,24,39,.58);
}

.nonalabo-labelFacts__dd{
	margin:0;
	font-size:.95em;
	line-height:1.5;
}

.nonalabo-labelSummary__grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
	gap:.75rem;
	margin:0;
	padding:0;
	list-style:none;
}

.nonalabo-labelSummary__item{
	padding:.75rem .85rem;
	border:1px solid rgba(15,23,42,.1);
	border-radius:8px;
	background:rgba(15,23,42,.02);
}

.nonalabo-labelSummary__value{
	display:block;
	font-size:1.35em;
	font-weight:700;
	line-height:1.2;
	color:#0f172a;
}

.nonalabo-labelSummary__label{
	display:block;
	margin-top:.25rem;
	font-size:.82em;
	color:rgba(17,24,39,.62);
}

.nonalabo-labelSummary__note{
	margin:.65rem 0 0;
	font-size:.82em;
	color:rgba(17,24,39,.52);
	line-height:1.5;
}

.nonalabo-labelTimeline__list{
	margin:0;
	padding:0;
	list-style:none;
	border-left:2px solid rgba(15,23,42,.12);
}

.nonalabo-labelTimeline__year{
	display:grid;
	grid-template-columns:4.5em 1fr;
	gap:.5rem 1rem;
	margin:0 0 1rem;
	padding:0 0 0 1rem;
	position:relative;
}

.nonalabo-labelTimeline__year::before{
	content:"";
	position:absolute;
	left:-5px;
	top:.35em;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#0f172a;
}

.nonalabo-labelTimeline__yearLabel{
	font-weight:700;
	font-size:1.05em;
	line-height:1.4;
	color:#0f172a;
}

.nonalabo-labelTimeline__works{
	margin:0;
	padding:0;
	list-style:none;
}

.nonalabo-labelTimeline__work{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:.35rem .55rem;
	margin:0 0 .4rem;
	font-size:.95em;
	line-height:1.45;
}

.nonalabo-labelTimeline__link{
	color:inherit;
	text-decoration:underline;
	text-underline-offset:2px;
}

.nonalabo-labelTimeline__link:hover,
.nonalabo-labelTimeline__link:focus{
	color:#1d4ed8;
}

.nonalabo-labelTimeline__badge{
	display:inline-block;
	padding:.05rem .4rem;
	border-radius:4px;
	font-size:.72em;
	font-weight:600;
	letter-spacing:.02em;
	color:rgba(17,24,39,.72);
	background:rgba(15,23,42,.06);
}

.nonalabo-labelReviews__block + .nonalabo-labelReviews__block{
	margin-top:1.25rem;
}

.nonalabo-labelReviews__muted{
	color:rgba(17,24,39,.55);
	font-size:.9em;
}

.nonalabo-labelReviews__count{
	display:block;
	margin-top:.35rem;
	font-size:.82em;
	color:rgba(17,24,39,.62);
}

.nonalabo-labelReviews__count a{
	color:inherit;
	text-decoration:underline;
	text-underline-offset:2px;
}

.nonalabo-labelReviews__starHero{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.5rem .85rem;
	margin:0 0 .9rem;
}

.nonalabo-labelReviews__starHeroLabel{
	font-size:.9em;
	color:rgba(17,24,39,.62);
}

.nonalabo-labelReviews__starMini{
	display:block;
	margin-bottom:.35rem;
}

.nonalabo-labelReviews__masterpieces{
	margin-top:1.25rem;
}

/* 名作一覧: 横型カードが狭いので最大2列（todayPicks の3列指定を上書き） */
@media (min-width:1024px){
	.nonalabo-labelReviews__masterpieces .nonalabo-homeCoverGrid--todayPicks .nonalabo-homeCoverGrid__item{
		flex-basis:calc(50% - 7px);
		max-width:calc(50% - 7px);
	}
}

.nonalabo-labelReviews__more{
	margin:.75rem 0 0;
	font-size:.92em;
}

.nonalabo-labelCollapse{
	margin-top:.75rem;
	display:flex;
	flex-direction:column-reverse;
	align-items:flex-start;
	gap:.85rem;
}

.nonalabo-labelCollapse__summary{
	display:inline-flex;
	align-items:center;
	gap:.35rem;
	cursor:pointer;
	list-style:none;
	padding:.45rem .9rem;
	border:1px solid rgba(15,23,42,.14);
	border-radius:999px;
	background:rgba(15,23,42,.03);
	font-size:.92em;
	color:#0f172a;
	user-select:none;
}

.nonalabo-labelCollapse__summary::-webkit-details-marker{
	display:none;
}

.nonalabo-labelCollapse__summary::marker{
	content:"";
}

.nonalabo-labelCollapse__less{
	display:none;
}

.nonalabo-labelCollapse[open] > .nonalabo-labelCollapse__summary .nonalabo-labelCollapse__more{
	display:none;
}

.nonalabo-labelCollapse[open] > .nonalabo-labelCollapse__summary .nonalabo-labelCollapse__less{
	display:inline;
}

.nonalabo-labelCollapse__body{
	margin:0;
	width:100%;
}

.nonalabo-labelCompareList{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	gap:.55rem;
}

.nonalabo-labelCompareList--spaced{
	margin-top:1rem;
}

.nonalabo-labelCompareList__item{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:.35rem .75rem;
	padding:.55rem .7rem;
	border:1px solid rgba(15,23,42,.1);
	border-radius:8px;
	background:rgba(15,23,42,.02);
}

.nonalabo-labelCompareList__metric{
	flex:0 0 auto;
	min-width:7.5em;
	font-size:.9em;
	color:rgba(17,24,39,.7);
}

.nonalabo-labelCompareList__rank{
	font-size:.95em;
	color:#0f172a;
}

.nonalabo-labelCompareList__rank strong{
	font-size:1.15em;
}

.nonalabo-labelCompareList__avg{
	margin-left:auto;
	font-size:.82em;
	color:rgba(17,24,39,.55);
}

.nonalabo-labelCompareList__nbTitle{
	margin:.85rem 0 .35rem;
}

.nonalabo-labelNeighborRank{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	gap:.35rem;
}

.nonalabo-labelNeighborRank__item{
	display:grid;
	grid-template-columns:3.5em 1fr auto;
	gap:.5rem;
	align-items:baseline;
	padding:.35rem .15rem;
	font-size:.92em;
}

.nonalabo-labelNeighborRank__item.is-self{
	font-weight:700;
}

.nonalabo-labelNeighborRank__rank{
	color:rgba(17,24,39,.5);
}

.nonalabo-labelNeighborRank__value{
	color:rgba(17,24,39,.62);
	font-variant-numeric:tabular-nums;
}

.nonalabo-labelVolumeGrid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
	gap:12px;
}

.nonalabo-labelTrendingGrid.nonalabo-homeCoverGrid{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	margin:0;
	padding:0;
}

.nonalabo-labelTrendingGrid .nonalabo-homeCoverGrid__item{
	box-sizing:border-box;
}

.nonalabo-labelGenreRank{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	gap:.65rem;
}

.nonalabo-labelGenreRank__head{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:.35rem .65rem;
}

.nonalabo-labelGenreRank__pos{
	flex:0 0 auto;
	min-width:1.25em;
	font-size:.85em;
	font-weight:700;
	color:rgba(17,24,39,.45);
}

.nonalabo-labelGenreRank__name{
	flex:1 1 auto;
	min-width:0;
	font-size:.95em;
	font-weight:600;
	text-decoration:none;
	color:inherit;
}

a.nonalabo-labelGenreRank__name:hover,
a.nonalabo-labelGenreRank__name:focus{
	text-decoration:underline;
	text-underline-offset:2px;
}

.nonalabo-labelGenreRank__count{
	flex:0 0 auto;
	font-size:.82em;
	color:rgba(17,24,39,.55);
}

.nonalabo-labelGenreRank__barTrack{
	height:6px;
	border-radius:999px;
	background:rgba(15,23,42,.08);
	overflow:hidden;
}

.nonalabo-labelGenreRank__barFill{
	display:block;
	height:100%;
	border-radius:999px;
	background:rgba(30,58,138,.55);
}

.nonalabo-labelCreatorList{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	gap:.5rem;
}

.nonalabo-labelCreatorList__a{
	display:flex;
	align-items:center;
	gap:.75rem;
	padding:.5rem .6rem;
	border:1px solid rgba(15,23,42,.1);
	border-radius:8px;
	text-decoration:none;
	color:inherit;
}

.nonalabo-labelCreatorList__name{
	flex:1;
	min-width:0;
	font-size:.95em;
	line-height:1.4;
}
	flex:0 0 auto;
	font-size:.82em;
	color:rgba(17,24,39,.55);
}

.nonalabo-labelListBack{
	margin:1rem 0 0;
	font-size:.92em;
}

.nonalabo-labelListBack__a{
	text-decoration:underline;
	text-underline-offset:2px;
}

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

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

	.nonalabo-labelHead__hero{
		gap:12px;
	}

	.nonalabo-labelFacts__row{
		grid-template-columns:1fr;
		gap:.15rem;
	}

	.nonalabo-labelVolumeGrid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}