/* 편지 다 읽음 팝업(#letter-read-pop) — 틀은 판매 페이지 팝업과 같다(vibe.css .joinpop · .jp · .jp-x · .jp-go).
   목록 네 줄은 누를 수 없는 표시다: 커서·밑줄·화살표 없이, 글자만 조용히(2026-09-21 대표님 「알아서 찾게끔」). */
.lrp .jp h2{ margin-top:0; }
.lrp-d{ margin:12px 0 0; font-size:14.5px; line-height:1.65; color:var(--ink-soft); }
.lrp-list{ margin:12px 0 0; padding:12px 14px; list-style:none; display:grid; gap:10px;
  border-radius:12px; background:var(--line); }
.lrp-list li{ position:relative; padding-left:14px; font-size:14px; line-height:1.5; font-weight:600;
  color:var(--ink); cursor:default; text-decoration:none; }
.lrp-list li::before{ content:""; position:absolute; left:2px; top:.62em; width:5px; height:5px; border-radius:50%;
  background:var(--ink-soft); }
/* 굵은 이름 아래 회색 한 줄 설명 — 이름만 있던 목록이 "무엇을 얻는지" 보이게(2026-09-21) */
.lrp-list li b{ display:block; font-weight:700; }
.lrp-list li span{ display:block; margin-top:1px; font-size:13px; line-height:1.5; font-weight:400; color:var(--ink-soft); }
/* 세로가 짧은 화면에서도 본문을 숨기지 않는다(.jp-d 와 달리) — 간격만 줄인다 */
@media (max-height:780px){
  .lrp-d{ margin-top:9px; font-size:14px; line-height:1.55; }
  .lrp-list{ margin-top:9px; padding:10px 12px; gap:7px; }
  .lrp-list li span{ font-size:12.5px; line-height:1.45; }
}