.title-list {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.title-list h1,
.title-list h2 {
	font-family: 'Roboto Condensed', Tahoma, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
	flex: 1;
}

.story-detail {
	height: 90px;
	align-content: center;
	align-items: center;
}

.title-list a,
.story-detail .story-info a {
	color: #4e4e4e;
	text-decoration: none;
}

.title-list a { font-size: 14px; }
.story-detail a { font-weight: 500; font-size: 18px; }
.chapter-info { text-align: right; }
.story-detail .chapter-info a { color: #31708f; font-weight: 500; font-size: 15px; text-decoration: none; }
.story-detail a:hover, .story-detail a:focus, .title-list a:focus, .title-list a:hover { text-decoration: underline; }
.story-detail i { color: #4e4e4e; font-size: 16px; }
.chapter-text::before { content: 'Chương '; }
.truyen-title-container { display: flex; flex-direction: column; justify-content: center; }
.truyen-title { line-height: 1; margin-bottom: 4px; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.story-cover-container { display: flex; flex-wrap: wrap; align-content: center; }
.story-cover { width: 100%; height: 70px; object-fit: cover; }
.author, .author i { font-size: 13px; }
.hr-dotted { border-top: 1px dotted #000; border-bottom: 0; margin: .25rem; }
.filter { line-height: 40px; height: 40px; padding: 5px; flex-shrink: 1; }
.label-title { line-height: 22px; height: 20px; display: inline-flex; align-items: center; padding: 1px 3px; font-size: 13px; }
.label-full { border: 1px solid #86ad86; color: #86ad86; }
.label-hot { border: 1px solid #fd8383; color: #fd8383; }
.label-new { border: 1px solid #8eb3fd; color: #8eb3fd; }
.label-hot::before { content: 'Hot'; }
.label-new::before { content: 'New'; }
.label-full::before { content: 'Full'; }

@media all and (max-width: 480px) {
	.chapter-text::before { content: 'C'; }
	.chapter-info { padding-right: 20px; }
}

.dark-theme .filter { border-bottom: 0; background-color: #2d3741; box-shadow: 0 0 3px rgba(10, 10, 10, .4); }
.dark-theme .filter a, .dark-theme .title-list a, .dark-theme .story-detail .story-info a { color: #b1b1b1; }
.dark-theme .stories-list .story-detail:nth-of-type(odd) { background-color: rgba(255, 255, 255, .04); }
.dark-theme .hr-dotted { border-top-color: rgba(255, 255, 255, .2); }
.dark-theme .story-detail i { color: #b1b1b1; }
.dark-theme .story-detail .chapter-info a { color: #a9cf54; }