.rs-content-widget {
	--rs-bg: #fff;
	--rs-bg-soft: #f7f8fa;
	--rs-text: #292929;
	--rs-muted: #7a7f87;
	--rs-line: #e1e4e8;
	--rs-strong: #222;
	box-sizing: border-box;
	width: 100%;
	color: var(--rs-text);
	font-size: 13px;
	line-height: 1.5;
}

.rs-content-widget.rs-dark {
	--rs-bg: #202124;
	--rs-bg-soft: #292b2f;
	--rs-text: #eceff1;
	--rs-muted: #a8adb4;
	--rs-line: #42464d;
	--rs-strong: #fff;
}

.rs-content-widget *, .rs-content-widget *::before, .rs-content-widget *::after { box-sizing: border-box; }
.rs-tabs { display: flex; align-items: flex-end; overflow-x: auto; border-bottom: 2px solid var(--rs-strong); scrollbar-width: none; }
.rs-tabs::-webkit-scrollbar { display: none; }

.rs-tab,
.rs-side-tab {
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--rs-muted);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.rs-tab {
	flex: 0 0 auto;
	min-width: 120px;
	margin: 0 3px 0 0;
	padding: 9px 17px 8px;
	border: 1px solid transparent;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
}

.rs-tab:hover, .rs-tab:focus-visible,
.rs-side-tab:hover, .rs-side-tab:focus-visible { color: var(--rs-strong); background: var(--rs-bg-soft); outline: none; }
.rs-tab.is-active { position: relative; margin-bottom: -2px; padding-bottom: 10px; border-color: var(--rs-line); background: var(--rs-bg); color: var(--rs-strong); }
.rs-panel { min-width: 0; padding: 9px 3px 2px; }
.rs-panel[hidden] { display: none !important; }

.rs-side-layout { display: grid; grid-template-columns: minmax(120px, 22%) minmax(0, 1fr); gap: 18px; }
.rs-side-tabs { display: flex; flex-direction: column; border-right: 1px solid var(--rs-line); }
.rs-side-tab { width: 100%; padding: 10px 13px; border-right: 3px solid transparent; text-align: left; }
.rs-side-tab.is-active { border-right-color: var(--rs-strong); background: var(--rs-bg-soft); color: var(--rs-strong); }
.rs-side-panels .rs-panel { padding-top: 0; }

.rs-content-widget a { color: inherit; text-decoration: none; }
.rs-content-widget a:hover { text-decoration: underline; }
.rs-content-widget ul { list-style: none; }
.rs-content-widget .widgetA,
.rs-content-widget .widgetZineA,
.rs-content-widget .widgetGalleryA,
.rs-content-widget .widgetNavigator { margin: 0; padding: 0; }

.rs-content-widget .widgetA > li {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 3px 3px;
}

.rs-content-widget .widgetA .title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-content-widget .date { margin-left: auto; color: var(--rs-muted); font-size: 12px; white-space: nowrap; }
.rs-content-widget .hour { color: var(--rs-muted); font-size: 12px; white-space: nowrap; }
.rs-content-widget .board, .rs-content-widget .category { color: var(--rs-muted); font-size: 11px; }
.rs-content-widget .replyNum, .rs-content-widget .trackbackNum { color: #e45b61; font-size: 11px; font-style: normal; }
.rs-content-widget .summary { width: 100%; margin: 3px 0 8px; color: var(--rs-muted); }

.rs-content-widget .widgetTableA { width: 100%; border: 0; border-collapse: collapse; table-layout: auto; }
.rs-content-widget .widgetTableA td { padding: 3px; border: 0; color: inherit; }
.rs-content-widget .widgetTableA td.title { width: 100%; }
.rs-content-widget .widgetTableA td.time { color: var(--rs-muted); text-align: right; white-space: nowrap; }

.rs-content-widget .widgetThumb { margin-top: 3px; }
.rs-content-widget .thumb img { display: block; max-width: 100%; object-fit: cover; border-radius: 5px; }
.rs-content-widget .widgetZineA > li { min-height: 80px; padding: 8px 0; border-bottom: 1px solid var(--rs-line); }
.rs-content-widget .widgetZineA > li::after { display: block; clear: both; content: ''; }
.rs-content-widget .widgetZineA p { margin-top: 0; margin-bottom: 5px; }
.rs-content-widget .widgetGalleryA { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 15px; width: 100% !important; }
.rs-content-widget .widgetGalleryA > li { width: auto !important; }
.rs-content-widget .widgetGalleryA .thumb { display: block; overflow: hidden; max-width: 100%; border-radius: 5px; background: var(--rs-bg-soft); }

.rs-content-widget .widgetNavigator { display: flex; justify-content: flex-end; gap: 4px; margin-top: 8px; }
.rs-content-widget .widgetNavigator li { display: inline-flex; }
.rs-content-widget .widgetNavigator button { width: 28px; height: 25px; border: 1px solid var(--rs-line); border-radius: 4px; background: var(--rs-bg); color: var(--rs-text); cursor: pointer; }
.rs-content-widget .widgetNavigator button:hover { background: var(--rs-bg-soft); }
.rs-content-widget .widgetNavigator .prev span,
.rs-content-widget .widgetNavigator .next span { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0, 0, 0, 0); }
.rs-content-widget .widgetNavigator .prev::before { content: '‹'; }
.rs-content-widget .widgetNavigator .next::before { content: '›'; }

@media (max-width: 640px) {
	.rs-tab { min-width: auto; padding-right: 14px; padding-left: 14px; }
	.rs-side-layout { display: block; }
	.rs-side-tabs { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 2px solid var(--rs-strong); scrollbar-width: none; }
	.rs-side-tab { flex: 0 0 auto; width: auto; border-right: 0; border-bottom: 2px solid transparent; }
	.rs-side-tab.is-active { border-bottom-color: var(--rs-strong); }
	.rs-side-panels .rs-panel { padding-top: 9px; }
	.rs-content-widget .hour { display: none; }
	.rs-content-widget .widgetGalleryA { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}