/* 글 목록·댓글의 날짜/상대시간 표기 (na_date 출력) */
.na-ago {
	/* "1시간전" 같은 문구가 줄바꿈되지 않게 한다. */
	white-space: nowrap;
	/* 숫자 폭을 고정해 30초마다 갱신될 때 칸이 흔들리지 않게 한다. */
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}

/* 목록의 정보 칸(날짜·조회·추천)은 제목(14px)보다 한 단계 작은 12px로 둔다.
   테마의 작은 글씨 단계(f-xs = 12px)이며 목록 머리글·댓글 날짜와 같은 크기다.
   한글 상대시간("16시간전")이 제목과 같은 14px이면 정보가 내용처럼 보여 어색하다. */
.board-list-align--metric,
time.na-ago {
	font-size: 12px;
}
.board-list-align--metric {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}

/* 방금 올라온 글(1시간 이내)만 은은하게 강조한다.
   다크모드 CSS의 .orangered(주황)보다 우선하도록 클래스를 겹쳐 쓴다. */
.na-ago.orangered {
	color: #a66eff;
}