/* 하락이수(河洛理數) 운세 팝업 스타일 (2026-06-01) — CSP: 외부 CSS, inline-style 미사용 */

/* ── 공통 ── */
#popFortuneInput .ptit,
#popFortuneResult .ptit { text-align:center; }

/* ── 입력 화면 ──
   주의: 전역 default.css 가 모든 input/select 에 appearance:none 을 강제하므로
   네이티브 radio/checkbox 표시가 사라진다. 아래에서 .ft_radio/.ft_check 의
   input 에 직접 커스텀 인디케이터를 다시 그려 선택값이 시각적으로 보이게 한다. */
/* ── 레이아웃: 글쓰기/댓글 팝업(.botm_send)과 동일 패턴 ──
   부모 .layerPopup_botm 은 position:fixed; display:flex; flex-direction:column 으로
   시트 자체가 viewport 하단에 앵커된다(닫기바→제목→[스크롤 본문]→[고정 하단버튼]).
   따라서 본문(.fortune_input)만 내부 스크롤하고, 버튼(.ft_botm)은 스크롤 밖
   normal flow 로 시트 맨 아래에 항상 노출 → 인위적 padding-bottom 불필요.
   BottomNav 회피는 시트가 z-index:1001 로 nav 위에 viewport 하단까지 덮는 구조로 자연 해결. */
.fortune_input {
	padding:16px 18px 8px;
	/* 본문은 viewport 에서 닫기바/제목/하단버튼 높이를 뺀 만큼만 차지하고 내부 스크롤 */
	max-height:calc(100vh - 230px);
	max-height:calc(100dvh - 230px);
	overflow-y:auto; -webkit-overflow-scrolling:touch;
}
/* 하단 고정 액션 바 (스크롤 영역 밖, normal flow) — .pop_comment .botm_send 와 동일 역할 */
.ft_botm {
	flex:0 0 auto;
	padding:12px 18px calc(16px + env(safe-area-inset-bottom));
	background:#fff;
	border-top:1px solid #f1f1f1;
}
.ft_field { margin-bottom:18px; }
.ft_label { display:block; font-size:14px; font-weight:600; color:#333; margin-bottom:8px; }
.ft_label_sub { font-size:13px; color:#666; margin-right:8px; }
.ft_row { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.ft_row_col { flex-direction:column; align-items:stretch; gap:8px; }
.ft_sel {
	height:40px; padding:0 30px 0 10px; border:1px solid #ddd; border-radius:8px;
	background:#fff; font-size:14px; color:#222; min-width:64px;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	/* 전역에서 화살표가 제거되므로 SVG 화살표를 직접 그린다 */
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23888' stroke-width='1.6' d='M1 1.5L6 6.5L11 1.5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 10px center;
	background-size:12px 8px;
}
.ft_sel_wide { width:100%; }
.ft_unit { font-size:13px; color:#666; margin-right:4px; }
.ft_radio { display:inline-flex; align-items:center; gap:7px; font-size:14px; color:#333; cursor:pointer; }
.ft_radio_block {
	width:100%; justify-content:flex-start; padding:12px 14px;
	border:1px solid #e2e2e2; border-radius:10px; box-sizing:border-box;
}
/* 선택된 종류 카드 강조 */
.ft_radio_block:has(input:checked) { border-color:#3B6D11; background:#F4F9EE; }
.ft_check { display:inline-flex; align-items:center; gap:7px; font-size:14px; color:#333; cursor:pointer; }

/* 커스텀 radio 인디케이터 (전역 appearance:none 복구) */
.ft_radio input[type="radio"] {
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	width:20px; height:20px; flex:0 0 20px; margin:0;
	border:2px solid #bbb; border-radius:50%; background:#fff;
	box-sizing:border-box; cursor:pointer; position:relative;
}
.ft_radio input[type="radio"]:checked {
	border-color:#3B6D11;
}
.ft_radio input[type="radio"]:checked::after {
	content:""; position:absolute; left:50%; top:50%;
	width:10px; height:10px; border-radius:50%;
	background:#3B6D11; transform:translate(-50%,-50%);
}

/* 커스텀 checkbox 인디케이터 (윤달) */
.ft_check input[type="checkbox"] {
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	width:20px; height:20px; flex:0 0 20px; margin:0;
	border:2px solid #bbb; border-radius:5px; background:#fff;
	box-sizing:border-box; cursor:pointer; position:relative;
}
.ft_check input[type="checkbox"]:checked {
	border-color:#3B6D11; background:#3B6D11;
}
.ft_check input[type="checkbox"]:checked::after {
	content:""; position:absolute; left:6px; top:2px;
	width:5px; height:10px; border:solid #fff;
	border-width:0 2px 2px 0; transform:rotate(45deg); box-sizing:border-box;
}
.ft_price { margin-left:auto; font-weight:700; color:#3B6D11; }
.ft_price_free { background:#EAF6E0; color:#3B6D11; border-radius:8px; padding:2px 9px; font-size:12px; }
.ft_price_paid { background:#EAF6E0; color:#3B6D11; border-radius:8px; padding:2px 9px; font-size:12px; }
.ft_charge_hint { margin:0 0 8px; text-align:center; font-size:13px; font-weight:700; color:#3B6D11; }
.ft_charge_hint.ft_charge_free { color:#2E7D0E; }
.ft_charge_hint.ft_charge_lack { color:#C0392B; }
.ft_notice { margin:14px 0 18px; font-size:12px; color:#888; line-height:1.5; }
.ft_submit_btn {
	width:100%; height:50px; border:0; border-radius:12px;
	background:#3B6D11; color:#fff; font-size:16px; font-weight:700; cursor:pointer;
}
.ft_submit_btn:disabled { background:#9bb589; cursor:default; }

/* ── 결과 카드 ── */
.fortune_result {
	padding:18px 18px 30px; max-height:80vh;
	overflow-y:auto; -webkit-overflow-scrolling:touch;
	padding-bottom:calc(96px + env(safe-area-inset-bottom));
}
.ftr_header { display:flex; align-items:center; gap:14px; padding:6px 0 16px; border-bottom:1px solid #eee; }
.ftr_hexa { font-size:54px; line-height:1; color:#222; }
.ftr_head_meta { flex:1; }
.ftr_gua_name { font-size:20px; font-weight:800; color:#1a1a1a; }
.ftr_gua_no { font-size:13px; color:#999; margin-top:2px; }
.ftr_trigrams { font-size:13px; color:#555; margin-top:6px; }

.ftr_meta { padding:14px 0; border-bottom:1px solid #eee; }
.ftr_meta_line { font-size:13px; color:#444; margin-bottom:6px; }
.ftr_meta_k { display:inline-block; min-width:48px; color:#999; }

.ftr_tag { display:inline-block; padding:2px 10px; border-radius:12px; font-size:12px; font-weight:600; }
.ftr_tag_good { background:#EAF3DE; color:#3B6D11; }
.ftr_tag_mid  { background:#FAEEDA; color:#854F0B; }
.ftr_tag_bad  { background:#FCEBEB; color:#A32D2D; }

.ftr_section { padding:16px 0; border-bottom:1px solid #f1f1f1; }
.ftr_h3 { font-size:15px; font-weight:700; color:#222; margin:0 0 10px; }
.ftr_text { font-size:14px; line-height:1.7; color:#333; white-space:pre-wrap; }
.ftr_quote {
	margin:0; padding:12px 16px; border-left:3px solid #854F0B;
	background:#FAF6EF; font-size:14px; line-height:1.7; color:#5a4420; font-style:italic;
}

.ftr_strategy_grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ftr_strategy_cell { padding:12px; border:1px solid #ececec; border-radius:10px; background:#fafafa; }
.ftr_strategy_title { font-size:13px; font-weight:700; color:#3B6D11; margin-bottom:6px; }
.ftr_strategy_body { font-size:12.5px; line-height:1.6; color:#444; }

.ftr_risk { padding:12px 14px; border-radius:10px; background:#FCEBEB; color:#A32D2D; font-size:13.5px; line-height:1.7; white-space:pre-wrap; }

.ftr_yao { display:flex; flex-direction:column; gap:5px; }
.ftr_yao_bar {
	position:relative; height:18px; border-radius:5px; background:#e6e6e6;
	display:flex; align-items:center; padding:0 8px;
}
.ftr_yao_bar_on { background:#3B6D11; }
.ftr_yao_pos { font-size:11px; color:#888; }
.ftr_yao_bar_on .ftr_yao_pos { color:#fff; font-weight:700; }
.ftr_yao_caption { margin-top:8px; font-size:12px; color:#854F0B; }

.ftr_closing { font-size:14px; line-height:1.7; color:#333; white-space:pre-wrap; }
.ftr_disclaimer { margin-top:18px; font-size:11px; line-height:1.5; color:#aaa; text-align:center; }

@media (max-width:360px){
	.ftr_strategy_grid { grid-template-columns:1fr; }
}

/* ── 앱(webview) 시트 레이아웃 — 외부 CSS 에 직접 정의 ──
   인라인 <style> 는 fortunePopup() 의 jQuery .html() 주입에서 적용 안 되는 케이스가 있어
   여기(외부 CSS)에 !important 로 박는다. 시트는 콘텐츠 높이(최대 90vh) 하단 앵커,
   본문만 내부 스크롤(overscroll-behavior:contain 으로 pull-to-refresh 차단),
   버튼/본문 하단 8vw = Flutter BottomNav 회피. */
#popFortuneInput.active,
#popFortuneResult.active{
	top:auto!important; bottom:0!important; max-height:90vh!important;
}
#popFortuneInput .fortune_input,
#popFortuneResult .fortune_result{
	flex:0 1 auto!important; min-height:0!important; max-height:none!important;
	overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important;
}
#popFortuneInput .ft_botm{
	flex-shrink:0; padding:10px 18px calc(4px + env(safe-area-inset-bottom))!important;
}
#popFortuneResult .fortune_result{
	padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
}

/* ══════════════════════════════════════════════════════
   인생 대운 타임라인 (프리미엄) — daewoon timeline
   양효(yin=1)=상승/확장 #3B6D11 / 음효(yin=0)=내실/인내 #B79A6A
   현재 핀 #A32D2D / 변곡점 #854F0B
   ══════════════════════════════════════════════════════ */
.ftr_daewoon{
	margin-top:8px; padding-top:18px;
	border-top:2px solid #3B6D11;
}

/* ── 전환 헤더: 선천괘 → 후천괘 ── */
.dw_guabar{
	display:flex; align-items:stretch; gap:8px; margin-bottom:6px;
}
.dw_gua{
	flex:1; text-align:center; padding:14px 8px; border-radius:14px;
}
.dw_gua_pre  { background:linear-gradient(160deg,#F3F7EC,#E7F0DA); }
.dw_gua_post { background:linear-gradient(160deg,#FBF4E8,#F4E7CE); }
.dw_gua_hexa { font-size:40px; line-height:1; color:#2c2c2c; }
.dw_gua_label{ font-size:11px; color:#888; margin-top:6px; font-weight:600; }
.dw_gua_name { font-size:15px; font-weight:800; color:#1a1a1a; margin-top:2px; }
.dw_gua_arrow{
	flex:0 0 auto; align-self:center; display:flex; flex-direction:column;
	align-items:center; justify-content:center; padding:0 2px; color:#854F0B;
}
.dw_gua_arrow::before{ content:"→"; font-size:22px; font-weight:700; }
.dw_arrow_age{
	font-size:11px; font-weight:700; color:#fff; background:#854F0B;
	border-radius:10px; padding:1px 8px; margin-top:4px; white-space:nowrap;
}

/* ── 흥망성쇠 곡선/막대 그래프 ── */
.dw_chart{
	position:relative; margin-top:6px; padding-top:26px;
}
.dw_bars{
	display:flex; align-items:flex-end; height:120px;
	background:linear-gradient(180deg,#fafafa,#f2f2f2);
	border-radius:10px 10px 0 0; overflow:hidden;
	border-bottom:2px solid #ddd;
}
.dw_bar{
	position:relative; height:100%;
	display:flex; flex-direction:column; justify-content:flex-end;
	border-right:1px solid rgba(255,255,255,.6);
}
.dw_bar:last-child{ border-right:none; }
.dw_bar_fill{
	width:100%; border-radius:6px 6px 0 0; min-height:14px;
	display:flex; align-items:flex-start; justify-content:center;
	transition:height .3s ease;
}
.dw_bar_yang .dw_bar_fill{ background:linear-gradient(180deg,#5C9A2A,#3B6D11); box-shadow:0 -1px 4px rgba(59,109,17,.25); }
.dw_bar_yin  .dw_bar_fill{ background:linear-gradient(180deg,#CDB892,#B79A6A); }
.dw_bar_glyph{ font-size:11px; font-weight:800; color:#fff; margin-top:4px; opacity:.9; }
.dw_bar_age{
	position:absolute; bottom:-18px; left:0; font-size:9px; color:#999;
	transform:translateX(-2px);
}
/* 변곡점 마커 */
.dw_switchmark{
	position:absolute; top:26px; bottom:18px; width:0;
	border-left:2px dashed #854F0B; z-index:3;
}
.dw_switchmark_lbl{
	position:absolute; top:-20px; left:50%; transform:translateX(-50%);
	font-size:9px; font-weight:700; color:#fff; background:#854F0B;
	border-radius:8px; padding:1px 7px; white-space:nowrap;
}
/* 현재 나이 핀 */
.dw_nowmark{
	position:absolute; top:0; bottom:18px; width:0; z-index:4;
	border-left:2px solid #A32D2D;
}
.dw_nowmark_pin{
	position:absolute; bottom:-5px; left:-5px; width:10px; height:10px;
	border-radius:50%; background:#A32D2D; box-shadow:0 0 0 3px rgba(163,45,45,.18);
}
.dw_nowmark_lbl{
	position:absolute; top:-2px; left:50%; transform:translateX(-50%);
	font-size:9px; font-weight:800; color:#fff; background:#A32D2D;
	border-radius:8px; padding:1px 7px; white-space:nowrap;
}
.dw_legend{
	display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;
	font-size:11px; color:#666;
}
.dw_lg{ display:inline-flex; align-items:center; gap:5px; }
.dw_lg i{ width:12px; height:12px; border-radius:3px; display:inline-block; }
.dw_lg_yang i{ background:#3B6D11; }
.dw_lg_yin  i{ background:#B79A6A; }
.dw_lg_now  i{ background:#A32D2D; border-radius:50%; }

/* ── 효위 진행 띠 (선천6 → 후천6) ── */
.dw_yaotrack{
	display:flex; gap:3px; align-items:stretch;
}
.dw_seg{
	min-width:0; padding:8px 2px; border-radius:7px; text-align:center;
	display:flex; flex-direction:column; gap:2px; overflow:hidden;
}
.dw_seg_yang{ background:#EAF3DE; }
.dw_seg_yin { background:#F1EADD; }
.dw_seg_now { outline:2px solid #A32D2D; outline-offset:-2px; }
.dw_seg_switch{ box-shadow:inset 0 0 0 2px #854F0B; }
.dw_seg_phase{ font-size:10px; font-weight:800; color:#444; white-space:nowrap; }
.dw_seg_yang .dw_seg_phase{ color:#3B6D11; }
.dw_seg_yin  .dw_seg_phase{ color:#8a6d3b; }
.dw_seg_age{ font-size:8.5px; color:#999; white-space:nowrap; }

/* ── 시기별 카드 (세로 리스트, 현재 강조) ── */
.dw_cards{ display:flex; flex-direction:column; gap:10px; }
.dw_card{
	position:relative; padding:13px 14px; border-radius:12px;
	background:#fafafa; border:1px solid #ececec;
}
.dw_card_now{
	background:linear-gradient(160deg,#FFF6F6,#FCEBEB);
	border:1px solid #E8B6B6; box-shadow:0 2px 10px rgba(163,45,45,.10);
}
.dw_card_nowtag{
	position:absolute; top:10px; right:12px;
	font-size:10px; font-weight:800; color:#fff; background:#A32D2D;
	border-radius:9px; padding:2px 9px;
}
.dw_card_age{ font-size:11px; font-weight:700; color:#854F0B; margin-bottom:3px; }
.dw_card_now .dw_card_age{ color:#A32D2D; }
.dw_card_title{ font-size:14px; font-weight:800; color:#1a1a1a; margin-bottom:6px; padding-right:50px; }
.dw_card_body{ font-size:13px; line-height:1.65; color:#444; white-space:pre-wrap; }

.dw_closing{
	padding:14px 16px; border-radius:12px;
	background:linear-gradient(160deg,#F3F7EC,#EAF3DE);
	color:#2f4a14; font-weight:500;
}

@media (max-width:360px){
	.dw_gua_hexa{ font-size:32px; }
	.dw_gua_name{ font-size:13px; }
	.dw_seg_phase{ font-size:9px; }
	.dw_bars{ height:104px; }
}

/* ══════════ 운세 조회 로딩 오버레이 (도사 테마, 2026-06-02) ══════════ */
.fortune_loading{
	position:fixed; inset:0; z-index:99999;
	display:none; align-items:center; justify-content:center;
	background:radial-gradient(circle at 50% 38%, rgba(40,22,8,.92), rgba(20,12,6,.97));
	-webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
	padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom);
}
.fortune_loading .ftl_inner{
	text-align:center; max-width:300px; width:100%;
}
/* 회전 궤도 점 3개 */
.fortune_loading .ftl_orbit{
	position:relative; width:84px; height:84px; margin:0 auto 6px;
	animation:ftl_spin 2.4s linear infinite;
}
.fortune_loading .ftl_orbit i{
	position:absolute; width:11px; height:11px; border-radius:50%;
	background:#E8C36B; box-shadow:0 0 10px rgba(232,195,107,.8);
}
.fortune_loading .ftl_orbit i:nth-child(1){ top:0; left:50%; margin-left:-5.5px; }
.fortune_loading .ftl_orbit i:nth-child(2){ bottom:6px; left:6px; opacity:.65; }
.fortune_loading .ftl_orbit i:nth-child(3){ bottom:6px; right:6px; opacity:.4; }
@keyframes ftl_spin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
/* 중앙 괘 글리프 — 은은한 맥박 */
.fortune_loading .ftl_hexa{
	font-size:46px; line-height:1; color:#F3D98C; margin:-58px auto 18px;
	text-shadow:0 0 18px rgba(243,217,140,.55);
	animation:ftl_pulse 2.2s ease-in-out infinite;
}
@keyframes ftl_pulse{ 0%,100%{transform:scale(1); opacity:.9;} 50%{transform:scale(1.12); opacity:1;} }
.fortune_loading .ftl_msg{
	font-size:16px; font-weight:700; color:#FBF1D8; line-height:1.55;
	min-height:50px; margin:0 0 8px;
	transition:opacity .3s ease;
}
.fortune_loading .ftl_sub{
	font-size:12px; color:rgba(251,241,216,.6); margin:0;
}

/* ══════════════════════════════════════════════════════
   연운(年運) 월별 상세 (2026-06-02)
   길=밝은초록 #3B6D11 / 평=중립 #B79A6A / 흉=차분레드 #A32D2D
   현재 달 강조 = 레드핀 + 카드 강조
   ══════════════════════════════════════════════════════ */
.ftr_yearly{ /* 컨테이너 — 표시 토글만, 시각 분리는 내부 섹션이 담당 */ }

/* ── 월별 흥망 막대그래프 ── */
.fty_chart{ margin-top:4px; }
.fty_bars{
	display:flex; align-items:flex-end; gap:4px; height:128px;
	padding:6px 4px 0;
}
.fty_bar{
	flex:1 1 0; min-width:0;
	display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
	height:100%;
}
.fty_bar_track{
	width:100%; max-width:20px; height:100%;
	display:flex; align-items:flex-end;
	background:linear-gradient(180deg,#fafafa,#f1f1f1);
	border-radius:6px 6px 0 0;
}
.fty_bar_fill{
	width:100%; border-radius:6px 6px 0 0; min-height:10px;
	transition:height .3s ease;
}
.fty_bar_good .fty_bar_fill{ background:linear-gradient(180deg,#5C9A2A,#3B6D11); box-shadow:0 -1px 4px rgba(59,109,17,.22); }
.fty_bar_mid  .fty_bar_fill{ background:linear-gradient(180deg,#CDB892,#B79A6A); }
.fty_bar_bad  .fty_bar_fill{ background:linear-gradient(180deg,#C96A6A,#A32D2D); }
.fty_bar_m{
	margin-top:5px; font-size:10px; color:#999; line-height:1;
}
/* 현재 달 강조 */
.fty_bar_now .fty_bar_track{
	box-shadow:0 0 0 2px #A32D2D; border-radius:6px 6px 4px 4px;
}
.fty_bar_now .fty_bar_m{ color:#A32D2D; font-weight:800; }

.fty_legend{
	display:flex; flex-wrap:wrap; gap:14px; margin-top:14px;
	font-size:11px; color:#666;
}
.fty_lg{ display:inline-flex; align-items:center; gap:5px; }
.fty_lg i{ width:12px; height:12px; border-radius:3px; display:inline-block; }
.fty_lg_good i{ background:#3B6D11; }
.fty_lg_mid  i{ background:#B79A6A; }
.fty_lg_bad  i{ background:#A32D2D; }

/* ── 월별 카드 12개 ── */
.fty_cards{ display:flex; flex-direction:column; gap:10px; }
.fty_card{
	position:relative; padding:13px 14px; border-radius:12px;
	background:#fafafa; border:1px solid #ececec;
	border-left-width:4px;
}
.fty_card_good{ border-left-color:#3B6D11; }
.fty_card_mid { border-left-color:#B79A6A; }
.fty_card_bad { border-left-color:#A32D2D; }
.fty_card_now{
	background:linear-gradient(160deg,#FFF6F6,#FCEBEB);
	border-color:#E8B6B6; box-shadow:0 2px 10px rgba(163,45,45,.10);
}
.fty_card_nowtag{
	position:absolute; top:11px; right:12px;
	font-size:10px; font-weight:800; color:#fff; background:#A32D2D;
	border-radius:9px; padding:2px 9px;
}
.fty_card_head{ display:flex; align-items:center; gap:8px; margin-bottom:7px; }
.fty_card_m{ font-size:15px; font-weight:800; color:#1a1a1a; }
.fty_tone_badge{
	display:inline-block; padding:2px 9px; border-radius:11px;
	font-size:11px; font-weight:700;
}
.fty_tone_good{ background:#EAF3DE; color:#3B6D11; }
.fty_tone_mid { background:#F1EADD; color:#8a6d3b; }
.fty_tone_bad { background:#FCEBEB; color:#A32D2D; }
.fty_card_theme{
	font-size:14px; font-weight:700; color:#2c2c2c; margin-bottom:5px;
}
.fty_card_advice{
	font-size:13px; line-height:1.65; color:#444; white-space:pre-wrap;
}

@media (max-width:360px){
	.fty_bars{ height:108px; gap:3px; }
	.fty_bar_m{ font-size:9px; }
}

/* ══════════ 오늘의 운세 (일별) 카드 ══════════ */
.ftr_daily{ margin-top:4px; }
.ftd_card{
	background:linear-gradient(160deg,#FFFDF8,#FBF5EA);
	border:1px solid #EEE3CE;
	border-radius:18px;
	padding:20px 18px 22px;
	box-shadow:0 4px 14px rgba(120,90,30,.08);
}
.ftd_top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:14px; }
.ftd_date{ font-size:16px; font-weight:800; color:#1a1a1a; letter-spacing:.2px; }
.ftd_iljin{ text-align:right; line-height:1.3; }
.ftd_iljin_k{ display:block; font-size:11px; color:#9b8a66; font-weight:600; }
.ftd_iljin_v{ display:block; font-size:20px; font-weight:800; color:#854F0B; }
.ftd_tone_row{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.ftd_tone_badge{
	display:inline-block; padding:4px 14px; border-radius:14px;
	font-size:13px; font-weight:800;
}
.ftd_gua{ font-size:12px; color:#a99878; font-weight:600; }
.ftd_summary{
	font-size:19px; font-weight:800; line-height:1.45; color:#181818;
	margin:0 0 12px; word-break:keep-all;
}
.ftd_advice{
	font-size:14.5px; line-height:1.7; color:#4a4438;
	margin:0 0 16px; word-break:keep-all;
}
.ftd_keyword_wrap{ display:flex; align-items:center; gap:9px; }
.ftd_keyword_k{ font-size:12px; color:#9b8a66; font-weight:600; }
.ftd_keyword_chip{
	display:inline-block; padding:5px 16px; border-radius:16px;
	background:linear-gradient(180deg,#FFF3D6,#F6E2B0);
	border:1px solid #E9D29A; color:#7A540A;
	font-size:13.5px; font-weight:800;
}
@media (max-width:360px){
	.ftd_summary{ font-size:17px; }
	.ftd_iljin_v{ font-size:18px; }
}