Template:Hero/styles.css: 두 판 사이의 차이

/* 영웅 문서 공용 스타일 */
.hero-block {
	border-left: 3px solid var(--color-progressive, #3a7bd5);
	background: var(--color-surface-1, #fbfcfd);
	border-radius: 0 6px 6px 0;
	margin: 6px 0 18px;
	padding: 10px 18px;
	overflow: hidden;
}

.hero-block-label {
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
	color: var(--color-subtle, #888);
	margin-bottom: 6px;
}

.hero-feature {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	align-items: center;
}

.hero-feature-radar {
	flex: 0 0 auto;
}

.hero-feature-text {
	flex: 1 1 240px;
	line-height: 1.7;
}

.hero-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px 24px;
	line-height: 1.45;
}

.hero-stat-main {
	white-space: nowrap;
}

.hero-stat-name {
	color: var(--color-subtle, #888);
}

.hero-stat-sub {
	font-size: 0.82em;
	color: var(--color-subtle, #888);
}

.hero-skill-card {
	border: 1px solid var(--border-color-base, #d5d5d5);
	border-left: 4px solid var(--color-progressive, #3a7bd5);
	border-radius: 6px;
	margin: 6px 0;
	padding: 6px 14px;
	overflow: hidden;
	background: var(--color-surface-1, #fbfcfd);
}

.hero-skill-title {
	font-weight: bold;
	font-size: 1.05em;
	margin-bottom: 2px;
}

.hero-stats-form {
	font-weight: bold;
	margin: 2px 0 8px;
}