Template:Codex/Recommend/styles.css

/* ============================================================
   틀:Codex/Recommend/styles.css (TemplateStyles)
   - 콘텐츠 모델은 반드시 'sanitized-css' 여야 합니다.
   - 배경·텍스트·테두리는 MediaWiki 표준 토큰을 참조해
     다크 모드에 자동 대응합니다.

   [상호작용]
   - 적용 대상: 틀:Codex/Recommend 가 출력하는 .codex-rec 구조
   - 클래스 출처: .codex-rec__hero / __name 은 모듈:CodexRecommend 가 생성
   ============================================================ */
.codex-rec {
	margin: 1em 0;
	padding: 12px 14px;
	border: 1px solid var(--border-color-base, #e1e5ea);
	border-radius: 10px;
	background: var(--color-surface-1, #ffffff);
}
.codex-rec__title {
	font-weight: 700;
	font-size: 0.95em;
	margin-bottom: 10px;
	color: var(--color-base, #1f2430);
}
.codex-rec__list {
	display: flex;
	flex-wrap: wrap;          /* 여러 명일 때 자동 줄바꿈 */
	gap: 14px;
}
.codex-rec__hero {
	display: inline-flex;
	flex-direction: column;   /* 포트레이트 위, 이름 아래 */
	align-items: center;
	gap: 4px;
	width: 64px;
	text-align: center;
}
.codex-rec__name {
	font-size: 0.85em;
	line-height: 1.3;
	word-break: keep-all;     /* 한글 이름이 어색하게 안 끊기도록 */
}