/* 사주직언 — 결과 화면(/saju/jikeon/)과 소개 페이지(/products/jikeon-core/).
   시안 _scripts/sian/life-qa/life.html 그대로: 놀라는 한 줄 → 주인장 말풍선 → 질문 카드(첫 칸 열림) → 답 + 근거 → 단추 둘.
   색은 대문 사주직언 띠와 같은 결 — 밝은 바탕, 먹빛 대신 갈색 잉크, 강조는 산호 하나. */
.jikeon-page { --jk-card: #FFFCF5; --jk-ink: #3B2F28; --jk-ink2: #7A6656; --jk-line: rgba(120, 90, 60, .13); --jk-coral: #C9503B; --jk-sand: #F7EFE2; }
.jk-main { color: var(--jk-ink); font-size: 15px; line-height: 1.7; }
.jk-wrap { max-width: 460px; margin: 0 auto; padding: 0 16px; }
.jk-wait { display: grid; justify-items: center; text-align: center; padding: 48px 0 32px; color: var(--jk-ink2); }
.jk-wait img { width: 64px; height: 64px; border-radius: 50%; margin-bottom: 10px; }
.jk-wait h1 { margin: 0; font: 400 20px/1.3 "Gowun Dodum", serif; color: var(--jk-ink); }
.jk-wait p { margin: 4px 0 0; font-size: 13px; }

.jk-hero { position: relative; background: var(--jk-card); border: 1px solid var(--jk-line); border-radius: 22px; padding: 18px 18px 16px; margin-top: 14px; overflow: hidden; }
.jk-hero .jk-cut { position: absolute; right: -30px; top: -10px; width: 170px; opacity: .5; pointer-events: none; }
.jk-who { position: relative; font-size: 12.5px; color: var(--jk-ink2); letter-spacing: .04em; }
.jk-line { position: relative; margin: 6px 0 2px; font: 400 24px/1.3 "Gowun Dodum", serif; text-wrap: balance; }
.jk-line b { color: var(--jk-coral); font-weight: 400; }
.jk-say { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; position: relative; }
.jk-say img { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, .12); flex: none; }
.jk-bub { background: #fff; border: 1.5px solid var(--jk-line); border-radius: 4px 18px 18px 18px; padding: 12px 14px; font-size: 16px; line-height: 1.6; }
.jk-bub b { color: var(--jk-coral); font-weight: 600; }
.jk-why { margin-top: 8px; font-size: 12.5px; color: var(--jk-ink2); padding-left: 54px; position: relative; }

.jk-h2 { margin: 26px 0 10px; font: 400 18px "Gowun Dodum", serif; }
.jk-q { background: var(--jk-card); border: 1px solid var(--jk-line); border-radius: 18px; margin-bottom: 10px; overflow: hidden; }
.jk-q.is-open { border-color: var(--jk-coral); }
.jk-q-t { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; padding: 14px 16px; background: none; border: 0; color: inherit; font: 700 15.5px/1.5 "Noto Sans KR", sans-serif; text-align: left; cursor: pointer; }
.jk-q-t i { font-style: normal; color: var(--jk-ink2); font-weight: 400; font-size: 18px; flex: none; transition: transform .2s; }
.jk-q.is-open .jk-q-t i { transform: rotate(180deg); }
.jk-q-body { padding: 0 16px 14px; }
.jk-q:not(.is-open) .jk-q-body { display: none; }
.jk-ans { margin: 0; font-size: 15px; }
.jk-ans b { color: var(--jk-ink); }
.jk-ground { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: var(--jk-sand); font-size: 12.5px; color: var(--jk-ink2); }
.jk-more { display: flex; gap: 8px; margin-top: 12px; }
.jk-btn { flex: 1; text-align: center; padding: 11px 8px; border-radius: 999px; font-weight: 700; font-size: 13.5px; border: 1.5px solid var(--jk-coral); color: var(--jk-coral); background: #fff; text-decoration: none; }
.jk-btn.is-red { background: var(--jk-coral); color: #fff; }
.jk-fold { display: flex; justify-content: space-between; gap: 10px; margin-top: 22px; border: 1px dashed var(--jk-line); border-radius: 14px; padding: 12px 14px; font-size: 13px; color: var(--jk-ink2); text-decoration: none; }
.jk-note { margin: 14px 0 28px; font-size: 12px; color: var(--jk-ink2); text-align: center; }
@media (prefers-reduced-motion: reduce) { .jk-q-t i { transition: none; } }

/* 소개 페이지 — 여섯 질문 목록과 예시 한 칸 */
.jikeon-intro .jkp-kind { display: inline-block; margin-left: 6px; font: 400 .55em "Gowun Dodum", serif; color: #7A6656; vertical-align: middle; }
.jikeon-intro .jkp-motto { margin: -4px 0 8px; font: 400 15px "Gowun Dodum", serif; color: #C9503B; letter-spacing: .02em; }
.jkp-h2 { margin: 0 0 12px; font: 400 19px "Gowun Dodum", serif; }
.jkp-qs { list-style: none; counter-reset: q; margin: 0; padding: 0; display: grid; gap: 8px; }
.jkp-qs li { counter-increment: q; display: grid; grid-template-columns: 28px 1fr; gap: 2px 8px; background: #FFFCF5; border: 1px solid rgba(120, 90, 60, .13); border-radius: 14px; padding: 12px 14px; }
.jkp-qs li::before { content: counter(q); grid-row: 1 / span 2; font: 400 18px "Gowun Dodum", serif; color: #C9503B; }
.jkp-qs b { font-size: 15px; }
.jkp-qs span { font-size: 13px; color: #7A6656; }
.jkp-sample { margin: 18px 0 0; background: #fff; border: 1.5px solid #C9503B; border-radius: 18px; padding: 14px 16px; }
.jkp-sample figcaption { font-size: 12px; color: #7A6656; letter-spacing: .04em; }
.jkp-sample-line { margin: 6px 0 10px; font: 400 21px/1.3 "Gowun Dodum", serif; }
.jkp-sample-line b { color: #C9503B; font-weight: 400; }
.jkp-sample-q { margin: 0; font-weight: 700; font-size: 14.5px; }
.jkp-sample-a { margin: 6px 0 0; font-size: 14.5px; }
.jkp-sample-g { margin: 8px 0 0; padding: 8px 10px; border-radius: 10px; background: #F7EFE2; font-size: 12px; color: #7A6656; }
.jkp-note { margin: 14px 0 0; font-size: 13px; color: #7A6656; }