@charset "utf-8";
.board .board_read { border: 1px solid var(--cp-line); border-radius: var(--cp-radius); background: var(--cp-panel) !important; overflow: hidden; }
.board .read_header { background: var(--cp-panel) !important; padding: 16px 18px 0; border-bottom: 1px solid var(--cp-line); }
.board .read_header h1 { width: auto !important; margin: 0 0 10px !important; font-size: 20px; line-height: 1.45; font-weight: 700; color: var(--cp-ink) !important; white-space: normal !important; }
.board .read_header h1 a { color: var(--cp-ink) !important; text-decoration: none; }
.board .read_header h1 .category { border: 0; padding: 0; margin-right: 6px; font-size: 12px; font-weight: 700; color: var(--cp-brand); }
.board .read_header .meta { margin: 0 -18px; padding: 8px 18px; background: var(--cp-soft-bg) !important; border-top: 1px solid var(--cp-line); border-bottom: 1px solid var(--cp-line); white-space: normal; }
.board .read_header .meta .author { float: none; color: var(--cp-ink); font-weight: 600; }
.board .read_header .meta .sum { float: right; color: var(--cp-sub); font-size: 12px; }
.board .read_body { padding: 18px; font-size: 15px; line-height: 1.75; color: var(--cp-ink); word-break: break-word; }
.board .read_body img { max-width: 100%; height: auto; }
.board .read_footer { padding: 0 18px 16px; }
.board .read_footer .sns { display: none !important; }
.board .read_footer .tns:empty,
.board .read_footer .tns:not(:has(.tags, .action)) { display: none; }
.board .read_footer .tns { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--cp-line); }
.board .read_footer .tns .tags a { display: inline-block; margin: 0 4px 4px 0; padding: 2px 8px; border-radius: 3px; background: var(--cp-soft-bg); color: var(--cp-sub); font-size: 12px; text-decoration: none; }
.board .read_footer .tns .tags a:hover { background: var(--cp-brand-soft); color: var(--cp-brand); }
.board .read_footer .tns span { display: none; }

/* 글하단 — 공유 + 목록 한 줄 */
.board .cp-read-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid var(--cp-line);
}
.board .cp-share {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.board .cp-share-label {
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 700;
	color: var(--cp-sub);
}
.board .cp-share-actions {
	display: flex;
	align-items: center;
	gap: 5px;
}
.board .cp-share-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 28px;
	padding: 0 9px;
	border: 1px solid var(--cp-line2);
	border-radius: 4px;
	background: var(--cp-panel);
	color: var(--cp-ink);
	font-size: 12px;
	font-weight: 600;
	font-family: inherit;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: border-color .12s, color .12s, background .12s;
}
.board .cp-share-item.cp-share-icon {
	width: 28px;
	padding: 0;
}
.board .cp-share-item svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	fill: currentColor;
}
.board .cp-share-item:hover { border-color: var(--cp-brand); color: var(--cp-brand); }
.board .cp-share-copy.is-copied { border-color: var(--cp-brand); color: var(--cp-brand); background: var(--cp-brand-soft); }
.board .cp-share-tg:hover { border-color: #229ED9; color: #229ED9; }
.board .cp-share-x:hover { border-color: #111; color: #111; }
html.dark .board .cp-share-x:hover,
html.rx_dark .board .cp-share-x:hover { border-color: #e7ecf3; color: #e7ecf3; }
.board .cp-read-list {
	flex-shrink: 0;
	min-height: 32px;
	padding: 0 14px;
	font-size: 13px;
	font-weight: 600;
}

/* 글읽기 중에는 아래 목록·페이지네이션 숨김 */
.board.is-reading .board_list,
.board.is-reading .list_footer { display: none !important; }