/* 감상문 at the end of 목차 모두보기 (book-review.js), shared by the manuscript and player pages. */
/* One row like a chapter: tap 감상문 to listen; the small 감상문 작성하기 sits under its line on the left. */
.reader-review { padding-bottom:14px; border-bottom:1px solid #e7e9ef; }
.reader-review-row { width:100%; display:block; padding:14px 2px 8px 58px; border:0; background:transparent; color:#182b46; font:inherit; text-align:left; cursor:pointer; }
.reader-review-row strong { display:block; font-size:17px; font-weight:400; }
.reader-review-row small { display:block; margin-top:4px; color:#a3afc1; font-size:14px; word-break:keep-all; }
.reader-review-row:focus-visible { outline:none; background:#fff0f5; }
.reader-review-row[aria-pressed="true"] strong { color:#d90050; }
.reader-review-secondary { min-height:40px; padding:8px 16px; border:1px solid #cfd5e0; border-radius:8px; background:#fff; color:#182b46; font:inherit; font-size:15px; font-weight:700; cursor:pointer; }
.reader-review > .reader-review-small { margin-left:58px; min-height:32px; padding:4px 10px; font-size:13px; }
.reader-review-note { margin:8px 0 0 58px; color:#68758a; font-size:12px; line-height:1.5; word-break:keep-all; }
.reader-review-note[hidden] { display:none; }
/* 감상문 등록 layer. */
.reader-review-dialog { box-sizing:border-box; width:min(calc(100vw - 32px),360px); padding:20px 16px 16px; border:0; border-radius:12px; box-shadow:0 10px 40px #15294333; color:#182b46; }
.reader-review-dialog::backdrop { background:#15294366; }
.reader-review-dialog h2 { margin:0 0 6px; font-size:19px; }
.reader-review-dialog p { margin:0 0 12px; color:#424650; font-size:14px; line-height:1.5; word-break:keep-all; }
.reader-review-dialog textarea { box-sizing:border-box; display:block; width:100%; min-height:130px; padding:10px 12px; border:1px solid #cfd5e0; border-radius:8px; font:inherit; font-size:15px; line-height:1.6; resize:vertical; }
.reader-review-dialog textarea:focus { outline:none; border-color:#ff176c; }
.reader-review-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:10px; }
.reader-review-send { min-height:40px; padding:8px 18px; border:0; border-radius:8px; background:var(--ecreat-accent,#ff176c); color:#fff; font:inherit; font-size:15px; font-weight:800; white-space:nowrap; cursor:pointer; }
.reader-review-send:hover,.reader-review-send:focus-visible { background:#e5005f; outline:none; }
/* 감상문 row: like a chapter row it is a link to the 감상문 page. */
a.reader-review-row { text-decoration:none; }
/* 감상문 page (book_app_review.html). */
.reader-review-page .reader-review-lead { margin:6px 0 16px; color:#68758a; font-size:15px; word-break:keep-all; }
.reader-review-saved { margin:0 0 16px; padding:14px 16px; border:1px solid #e3e6ee; border-radius:12px; background:#fff; color:#182b46; font-size:16px; line-height:1.7; white-space:pre-wrap; word-break:keep-all; }
.reader-review-saved[hidden],.reader-review-play[hidden] { display:none; }
.reader-review-page-actions { display:flex; align-items:center; gap:12px; }
.reader-review-page .reader-review-small { min-height:32px; padding:4px 10px; font-size:13px; }
.reader-review-play { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border:0; border-radius:50%; background:var(--ecreat-accent,#ff176c); color:#fff; font-size:18px; cursor:pointer; }
.reader-review-play:focus-visible { outline:none; box-shadow:none; background:#e5005f; }
.reader-review-page .reader-review-note { margin:10px 0 0; }
/* While the 감상문 plays its row shows the same play mark as the current chapter. */
.reader-review-row { position:relative; }
.reader-review-row::before { content:"▶"; position:absolute; left:2px; top:calc(50% - 17px); width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--red,#ff075f); font-size:21px; visibility:hidden; }
.reader-review-row[aria-pressed="true"]::before { visibility:visible; }
/* After the 감상문 has played, its play mark stays in grey. */
.reader-review-row[data-played]::before { visibility:visible; color:#a3afc1; }
.reader-review-row[aria-pressed="true"]::before { color:var(--red,#ff075f); }
/* The 감상문 opened as the current chapter of the page keeps the pink play mark, like the current chapter. */
.reader-review-row.is-current::before { visibility:visible; color:var(--red,#ff075f); }
.reader-review-row.is-current strong { color:var(--red,#ff075f); }