/* [2026-10-22] 손금 사이트(/palm) 전용 꾸밈. 바탕·카드·금 단추·이야기(.intro/.st-*)는 style.css 것을 그대로 쓴다. */
.pm-main{max-width:640px;margin:0 auto;padding:18px 16px 30px}
.pm-brand{color:#f5ecd6;gap:8px}
.pm-brand span{font-family:var(--serif)}
.pm-card{padding:22px 18px}
.pm-card h2{font-size:1.25rem;color:var(--red);word-break:keep-all}
.pm-card h3{font-size:1.08rem;color:var(--ink);word-break:keep-all}
.pm-card p{word-break:keep-all;overflow-wrap:break-word}
.pm-tiny{font-size:.8rem;color:var(--muted);text-align:center;margin:10px 0 0}
.pm-back{display:block;margin:10px auto 0}

/* 첫 화면 */
.pm-hero{text-align:center;color:#f5ecd6;padding:26px 4px 22px}
.pm-kicker{display:inline-block;margin:0 0 14px;padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.04em;
  color:#f1d98a;border:1px solid rgba(226,197,120,.55);background:rgba(12,10,8,.4)}
.pm-hero h1{font-size:clamp(1.7rem,8vw,2.4rem);line-height:1.35;margin:0 0 14px;color:#fbf1d8;word-break:keep-all}
.pm-hero h1 em{font-style:normal;color:#ffd76a;text-shadow:0 0 18px rgba(255,215,106,.45)}
.pm-hero-sub{margin:0 0 22px;color:#d9cfb2;line-height:1.8;word-break:keep-all}
.pm-go{width:100%;max-width:420px}
.pm-replay{margin-top:12px;background:none;border:0;color:#bfb497;text-decoration:underline;text-underline-offset:3px;font-size:.85rem;cursor:pointer}
.pm-lead{color:var(--muted);font-size:.92rem;margin:0 0 12px}
.pm-note{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(201,162,74,.12);font-size:.84rem;color:#5a5140}

/* 부자 손금 다섯 */
.pm-marks{list-style:none;margin:0;padding:0;counter-reset:mk}
.pm-marks li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px dashed rgba(201,162,74,.45)}
.pm-marks li:first-child{border-top:0}
.pm-marks b{display:block;font-family:var(--serif);font-size:1.02rem;color:var(--ink)}
.pm-marks b em{font-style:normal;font-family:var(--sans);font-size:.74rem;font-weight:700;padding:1px 7px;border-radius:999px;margin-left:6px;vertical-align:2px}
.pm-marks p{margin:4px 0 0;font-size:.9rem;color:#4a4436;line-height:1.65}
.pm-mk-pic{flex:none;width:58px;height:66px;border-radius:10px;background:#1a2036;display:flex;align-items:center;justify-content:center}
.pm-mk-pic svg{width:50px;height:58px}
.pm-mk-pic .hand{fill:#f3e3c2;stroke:#c9a24a;stroke-width:1.5}
.pm-mk-pic path:not(.hand){fill:none;stroke:#8a6e45;stroke-width:2;stroke-linecap:round}
.pm-mk-pic path.hi{stroke:#e2a91e;stroke-width:3.2;filter:drop-shadow(0 0 2px rgba(255,200,60,.9))}
.pm-marks-res li.on b em{background:#e9f4e6;color:#2f6b45}
.pm-marks-res li.mid b em{background:#fbf0d6;color:#8a6412}
.pm-marks-res li.off b em{background:#eee9df;color:#7b7464}
.pm-marks-res li.off .pm-mk-pic{opacity:.55}

.pm-why>div{padding:10px 0;border-top:1px dashed rgba(201,162,74,.45)}
.pm-why>div:first-child{border-top:0}
.pm-why b{font-family:var(--serif);color:var(--ink)}
.pm-why p{margin:4px 0 0;font-size:.9rem;color:#4a4436}

.pm-price-line{text-align:center;font-size:.9rem;color:#4a4436;margin:0 0 12px}
.pm-price-line b{color:var(--red)}

/* 기록 */
.pm-rec-list{list-style:none;margin:0;padding:0}
.pm-rec-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;margin-bottom:7px;
  border-radius:10px;border:1px solid var(--line);background:#fffaf0;font:inherit;font-size:.93rem;cursor:pointer;color:var(--ink)}
.pm-rec-list em{font-style:normal;font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#eee9df;color:#5a5140}
.pm-rec-list em.st-done{background:#e9f4e6;color:#2f6b45}
.pm-rec-list em.st-checked,.pm-rec-list em.st-payment_pending{background:#fbe7e2;color:var(--red)}

/* 찍기 */
.pm-ask{font-weight:700;margin:6px 0 8px}
.pm-seg{display:flex;gap:8px;margin-bottom:8px}
.pm-seg button{flex:1;padding:12px 0;border-radius:10px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}
.pm-seg button.on{background:#1a2036;color:#f1d98a;border-color:#1a2036}
.pm-hint{font-size:.84rem;color:var(--muted);margin:2px 0 12px}
.pm-guide{list-style:none;margin:0 0 16px;padding:0}
.pm-guide li{padding:9px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px;font-size:.92rem;background:#fffaf0}
.pm-file{display:flex;width:100%;cursor:pointer}
.pm-album{display:block;margin:12px auto 0;text-align:center;cursor:pointer;color:#5a5140;font-weight:700;font-size:.92rem;
  padding:11px;border-radius:12px;border:1px dashed rgba(90,81,64,.45)}

/* 기다림 */
.pm-wait{text-align:center;padding:40px 18px}
.pm-spin{width:96px;height:96px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;
  border:4px solid var(--line);border-top-color:var(--gold);animation:spin 1.2s linear infinite}
.pm-spin{animation:none;position:relative}
.pm-spin::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:4px solid transparent;border-top-color:var(--red);animation:spin 1.1s linear infinite}
#pm-wait-msg{color:var(--muted);min-height:1.6em}

/* 맛보기 */
.pm-teaser{text-align:center}
.pm-ribbon{display:inline-block;margin:0 0 12px;font-family:var(--serif);font-weight:700;color:#5a4214}
.pm-ribbon em{font-style:normal;font-family:var(--sans);font-size:.74rem;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--red);color:#fff;vertical-align:2px}
.pm-photo img{display:block;width:140px;height:170px;object-fit:cover;margin:0 auto 12px;border-radius:14px;border:2px solid var(--gold-2);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.pm-type{font-family:var(--serif);font-weight:700;font-size:1.12rem;color:var(--ink);margin:0 0 10px}
.pm-count{display:flex;align-items:baseline;justify-content:center;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.pm-count span{width:100%;font-size:.9rem;color:#4a4436}
.pm-count b{font-family:var(--serif);font-size:3rem;line-height:1.1;color:var(--red)}
.pm-count i{font-style:normal;color:var(--muted);font-weight:700}
.pm-found{list-style:none;margin:0 0 12px;padding:0;text-align:left}
.pm-found li{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;margin-bottom:6px;border-radius:10px;border:1px solid var(--line);color:#9a927e;background:#fffaf0}
.pm-found li.on{color:var(--ink);font-weight:700;border-color:var(--gold);background:#fff3d2}
.pm-found em{font-style:normal;font-size:.82rem;font-weight:500}
.pm-teaser-line{font-family:var(--serif);font-size:1rem;line-height:1.8;color:#3c3426;margin:6px 0 0}
.pm-pay-ask{text-align:center;font-family:var(--serif);font-weight:700;color:var(--ink);margin:0 0 10px}
#pm-pay b{color:inherit}

/* 결과 */
.pm-head{text-align:center}
.pm-gauge{--p:0;width:150px;height:150px;margin:6px auto 12px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(closest-side,#fffaf0 79%,transparent 80% 100%),conic-gradient(#d4a537 calc(var(--p)*1%),#e8dfca 0)}
.pm-gauge b{font-family:var(--serif);font-size:2.6rem;line-height:1;color:var(--red)}
.pm-gauge span{font-size:.78rem;color:var(--muted);margin-top:4px}
.pm-verdict{margin:0 0 6px}
.pm-sec p{margin:6px 0 0;line-height:1.8;color:#3c3426}
.pm-big{font-family:var(--serif);font-size:1.3rem;font-weight:900;color:var(--red)!important;margin:2px 0 4px!important}
.pm-line{padding:10px 0;border-top:1px dashed rgba(201,162,74,.45)}
.pm-line:first-of-type{border-top:0}
.pm-line-h{display:flex;align-items:center;gap:8px}
.pm-line-h b{flex:none;font-family:var(--serif);min-width:4.5em}
.pm-line-h i{flex:1;height:8px;border-radius:999px;background:linear-gradient(90deg,#d4a537 var(--w),#e8dfca var(--w))}
.pm-line-h span{flex:none;font-weight:700;color:var(--red);min-width:2em;text-align:right}
.pm-line-h em{font-style:normal;font-size:.8rem;color:var(--muted)}
.pm-line .obs{color:#6a6150!important;font-size:.88rem}
.pm-line.unclear{opacity:.7}
.pm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.pm-chips span{padding:5px 11px;border-radius:999px;background:#1a2036;color:#f1d98a;font-size:.88rem;font-weight:700}
.pm-flow{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid rgba(201,162,74,.6)}
.pm-flow li{position:relative;padding:4px 0 10px 8px}
.pm-flow li::before{content:"";position:absolute;left:-21px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--gold)}
.pm-flow b{font-family:var(--serif);color:var(--ink)}
.pm-flow p{margin:2px 0 0!important}
.pm-keep-row{display:flex;gap:8px;margin-top:8px}
.pm-keep-row input{flex:1;min-width:0;padding:10px;border-radius:10px;border:1px solid var(--line);font-size:.85rem}
.pm-cross{text-align:center}

/* 이야기 */
.pm-skip{position:absolute;z-index:4;top:calc(12px + env(safe-area-inset-top));right:12px;min-height:44px;padding:0 16px;border-radius:999px;
  cursor:pointer;color:#f1d98a;font-size:.88rem;background:rgba(12,10,8,.55);border:1px solid rgba(226,197,120,.45)}
#pm-story{cursor:pointer}
.pm-terms{margin:4px 0 12px}
.pm-biz{color:#a9a394;font-size:.74rem}
.pm-terms{color:#6a6150}

/* [2026-10-22] 로그인 — 첫 화면 권유 줄(머리글·로그인 화면은 style.css 관상 꾸밈 그대로) */
.pm-login-nudge{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px;padding:12px 14px;border-radius:14px;
  background:rgba(26,32,54,.85);border:1px solid rgba(226,197,120,.45);color:#eadfc0;font-size:.88rem;word-break:keep-all}
.pm-login-open{flex:none;border:0;border-radius:10px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer;color:#3a2a08;background:#f1d47e}
.btn-login.dev{background:#3a4150;color:#fff;justify-content:center}
@media (max-width:380px){.pm-brand span{display:none}}

#pm-tale{cursor:pointer}
/* [2026-10-22] 족자 위 배지('결제 후 볼 수 있는 내용') — 관상은 어두운 상자 위라 옅은 금빛 글씨인데, 손금 카드는 밝은 한지라 안 보였다 */
.pm-card .ts-spec{color:#5a4214;text-shadow:none;background:rgba(201,162,74,.16);border-color:rgba(160,120,40,.55)}
.pm-card .ts-lock{border-color:rgba(160,120,40,.4)}
.card.capture .pp-ask{color:#f1d98a;margin:4px 0 10px}
#pv-pay .pay-back{display:block;margin:6px auto 0}
#pp-paynote{text-align:center;color:#a99a78}
#pp-paynote span{display:block}
.card.capture .pp-ask{font-size:1rem;word-break:keep-all}

/* [2026-10-22] 족자 글씨 — 사장님 '알아보기 쉽게, 두 줄 정리'. 관상은 붓글씨(명조)지만 손금은 또렷한 고딕으로, 줄마다 굵은 제목 + 작은 설명.
   관상 쪽(.lock-cards 공통 꾸밈)은 건드리지 않게 손금 쪽(body.pm-body)에서만 덮는다. */
.pm-body .lock-cards .lock-card{padding:10px 4px}
.pm-body .lock-cards .lock-card .pk-head b{font-family:var(--sans);font-size:1.02rem;font-weight:800;line-height:1.35;color:#1d160c;
  letter-spacing:-.01em;word-break:keep-all;padding-left:44px;text-indent:-44px}
.pm-body .lock-cards .lock-card .pk-head b small{display:block;text-indent:0;margin-top:2px;font-size:.8rem;font-weight:500;
  color:#6b5a43;letter-spacing:0;line-height:1.4}
.pm-body .lock-cards .lock-card .pk-head b::before{width:36px;height:30px;margin-right:8px;vertical-align:-9px}
@media (max-width:360px){
  .pm-body .lock-cards .lock-card .pk-head b{font-size:.94rem;padding-left:40px;text-indent:-40px}
  .pm-body .lock-cards .lock-card .pk-head b small{font-size:.74rem}
}
/* [2026-10-22] 손금 다섯 나라 말 — 머리글 말 고르기, 해외(페이팔) 결제 칸 */
.pm-lang{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:4px 8px;border:1px solid rgba(232,200,120,.45);border-radius:999px;color:#f1d98a;font-size:.85rem}
.pm-lang select{background:transparent;border:0;color:#f1d98a;font:inherit;outline:none}
.pm-lang select option{color:#222}
.pp-usd{margin:12px 0 4px}
.pp-usd-title{text-align:center;color:#c9bb9a;margin:0 0 6px}
.pp-usd-note{text-align:center;color:#b9b09a;margin:6px 0 0}
#pp-paypal{margin:8px 0 4px;padding:12px 12px 4px;background:#fbf8f1;border-radius:12px;min-height:56px}
/* [2026-10-23] 사장님 '글자들 정렬 똑바로' — 낱말 가운데서 끊기거나 '·' 가 줄 머리에 혼자 남지 않게, 줄 길이도 고르게 */
.pm-body .foot p,.pm-price-line,.pm-lead,.pm-note,.pm-hero-sub,.pm-tiny,.pm-hint{word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}
.pm-price-line{text-align:center;line-height:1.7}
/* [2026-10-23] 손금 결과 목차(누르면 그 칸으로) */
.pm-toc-list{display:flex;flex-wrap:wrap;gap:8px}
.pm-toc-list button{padding:7px 12px;border-radius:999px;border:1px solid rgba(160,120,40,.45);background:#fffaf0;color:#5a3d12;font-size:.88rem;font-weight:600}
.pm-sec{scroll-margin-top:70px}
.pm-sub{margin:10px 0 2px;font-weight:800;color:#8a5a14}
/* [2026-10-23] 손금 결과 목차(누르면 그 칸으로) */
.pm-toc-list{display:flex;flex-wrap:wrap;gap:8px}
.pm-toc-list button{padding:7px 12px;border-radius:999px;border:1px solid rgba(160,120,40,.45);background:#fffaf0;color:#5a3d12;font-size:.88rem;font-weight:600}
.pm-sec{scroll-margin-top:70px}
.pm-sub{margin:10px 0 2px;font-weight:800;color:#8a5a14}