/* 모든 섹션이 함께 쓰는 스타일 - 촌평 문구 / 나무위키 링크 */

.roast-line {
	font-size: 1.15rem;
	line-height: 1.6;
	color: #6b6b6b;
	background: rgba(0, 0, 0, 0.04);
	border-left: 4px solid #ffb703;
	border-radius: 6px;
	padding: 10px 14px;
	margin: 14px auto 0;
	max-width: 90%;
	text-align: left;
}

.roast-line::before {
	content: 'AI 한마디  ';
	font-weight: bold;
	color: #e07a00;
}

a.namu-link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

a.namu-link:hover {
	opacity: 0.7;
}

/* 얼굴 사진은 앱에서 직접 띄우지 않고 링크로만 연결한다는 안내 */
.photo-notice {
	font-size: 0.95rem;
	color: #8a8a8a;
	margin-top: 8px;
}

/* 공유 버튼 (AddThis 대체) */
.share-box {
	display: flex; flex-wrap: wrap; gap: 8px;
	align-items: center; justify-content: center;
	margin-top: 12px;
}
.share-btn {
	font-family: inherit; font-size: 1rem;
	padding: 8px 16px; border-radius: 20px;
	border: 2px solid #bbb; background: #fff; color: #444;
	cursor: pointer;
}
.share-btn:hover { background: #f2f2f2; }
.share-msg { font-size: 0.95rem; color: #888; }

/* 다시 하기(리셋) 버튼 — 결과를 본 뒤 바로 다시 할 수 있게 모든 화면에 둔다.
   공유 버튼과 구분되도록 눈에 띄는 색을 쓴다. */
.reset-btn {
	font-family: inherit; font-size: 1rem;
	padding: 8px 18px; border-radius: 20px;
	border: 2px solid #1e88e5; background: #1e88e5; color: #fff;
	cursor: pointer; font-weight: bold;
}
.reset-btn:hover { background: #1565c0; border-color: #1565c0; }