/* Reading tools: follow-up trails, local bookmarks and return-to-reading. */
[hidden]{display:none!important}
.reader-actionbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 0 20px;margin-top:15px;border-bottom:1px solid #e7ece7}
.reader-actionbar button{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe5dd;background:#f8faf7;border-radius:7px;padding:8px 13px;color:#4b6665;font-size:12px;min-height:35px}
.reader-actionbar button:hover{background:#eff3eb;border-color:#b3c8bb}
.reader-actionbar button[aria-pressed="true"]{background:#f5ebd7;border-color:#dec397;color:#866b3d}
#chapterActionStatus{font-size:11px;color:#6f887d;min-width:100px}
.related-reading{margin:49px 0 24px;padding:27px 0 10px;border-top:1px solid #e4e9e4}
.related-reading-head h4{font:600 24px/1.6 var(--serif);color:#2c4a4a;margin:8px 0 20px}
.related-chapter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.related-chapter-card{display:flex;flex-direction:column;text-align:left;gap:10px;background:#f3f6f1;border:1px solid #e0e6df;border-radius:10px;padding:17px 14px;min-width:0;color:#315451}
.related-chapter-card:hover{background:#e7ede6;border-color:#b5c8bc}
.related-chapter-card>span{font-size:10px;color:#9b845d}
.related-chapter-card strong{font:600 15px/1.6 var(--serif)}
.related-chapter-card small{font-size:11px;color:#6d8580;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bookmark-directory{border-top:1px solid #d7e0da;padding:12px 18px;background:#eff3ed}
.bookmark-directory>span{display:block;font-size:10px;color:#8b7961;letter-spacing:.03em;margin-bottom:8px}
#bookmarkList{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;max-width:100%}
.bookmark-item{flex-shrink:0;border:1px solid #c9d9d0;border-radius:18px;padding:5px 9px;background:#fff;color:#496d65;font-size:10px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bookmark-item:hover{background:#e2ece5}
.resume-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d7ded4;border-left:4px solid #a99069;background:#fffdf8;border-radius:10px;padding:18px 23px;margin:0 0 22px}
.resume-prompt>div{display:grid;gap:5px;min-width:0}
.resume-eyebrow{font-size:10px;color:#9a805b;letter-spacing:1px}
.resume-prompt strong{font:600 18px var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resume-prompt button{border:0;border-bottom:1px solid #b9a17a;color:#5b736b;background:transparent;padding:8px 0;font-size:12px;white-space:nowrap}
.person-related{border-top:1px solid #e6e2d8;margin-top:22px;padding:20px 0 8px}
.person-related h3{font:600 17px var(--serif);margin:0 0 14px;color:#25474a}
.person-related-link{display:block;text-align:left;width:100%;background:#f2f5ef;color:#44645e;border:1px solid #e4e8df;margin:7px 0;padding:11px 15px;border-radius:7px;font-size:12px}
.person-related-link:hover{background:#e7ede6}
@media(max-width:850px){.related-chapter-list{grid-template-columns:1fr}.related-chapter-card{padding:13px 15px}.related-chapter-card small{-webkit-line-clamp:2}}
@media(max-width:740px){.reader-actionbar{gap:7px}.reader-actionbar button{font-size:11px;padding:7px 9px}.resume-prompt{padding:14px;gap:7px}.resume-prompt strong{font-size:15px}.resume-prompt button{font-size:10px}.related-reading{margin-top:34px}.related-reading-head h4{font-size:21px}.person-related-link{font-size:11px}}
.search-facets{display:flex;flex-wrap:wrap;gap:7px;padding:12px 0 6px}
.search-facet{border:1px solid #dce3dc;background:#fff;color:#647a73;padding:7px 13px;border-radius:22px;font-size:12px}
.search-facet:hover{background:#eef4ec}
.search-facet.active{background:#245251;border-color:#245251;color:#fff}
.source-card:target{outline:3px solid #af9467}
@media(max-width:740px){.search-facets{gap:5px}.search-facet{font-size:11px;padding:6px 10px}}
/* Keep inactive audio controls from blocking community input or content cards. */
body.portal-ready .player:not(.is-playing):not(.is-paused):not(.is-seeking){display:none}
body.portal-ready .player.is-paused{display:block}
@media(max-width:740px){
  html{scroll-padding-top:92px}
  .discussion-reply-form input,.discussion-reply-form textarea,
  .discussion-reply-form button,.discussion-reply-toggle{scroll-margin-top:110px}
}
/* Reader conversation: grounded discussion, not complaint/report workflow. */
.discussion-replies{margin-top:20px;padding:15px 0 2px;border-top:1px solid #e8eae4}
.discussion-editorial-progress{display:inline-block;margin-top:15px;padding:5px 10px;border-radius:100px;font-size:11px;background:#f2efe2;color:#886c3b}
.discussion-editorial-note{margin-top:15px;padding:13px 17px;background:#eff4ec;border:1px solid #dae7d9;border-left:3px solid #799b83;border-radius:4px}
.discussion-editorial-note strong{font-size:12px;color:#325d50}
.discussion-editorial-note p{font-size:12px!important;color:#506d63!important;line-height:1.95!important;white-space:pre-wrap;overflow-wrap:anywhere}
.discussion-chapter-link{display:inline-flex;max-width:100%;text-align:left;border:0;border-radius:6px;background:#f0f4ec;color:#416458;padding:6px 10px;font-size:11px;line-height:1.6;margin-top:12px}
.discussion-chapter-link:hover{background:#e4ecdf}
.discussion-reply-count{font-size:11px;color:#8b7a5b;margin-bottom:10px}
.discussion-reply{margin:8px 0 11px 17px;padding:12px 15px;border-left:2px solid #c7d5c7;background:#f7f9f5;border-radius:0 8px 8px 0}
.discussion-reply-meta{display:flex;justify-content:space-between;gap:10px;color:#70847a;font-size:11px}
.discussion-reply-meta strong{color:#385b54}
.discussion-reply p{font-size:12px;line-height:1.9;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.discussion-reply-toggle{border:1px solid #c8d8cc;background:#eef4ed;border-radius:8px;padding:9px 14px;color:#315e55;font-size:12px;font-weight:600}
.discussion-reply-toggle:hover{background:#e5efe4}
.discussion-reply-form{display:grid;gap:10px;margin-top:13px;border-radius:9px;background:#f3f6f0;padding:15px}
.discussion-reply-form[hidden]{display:none}
.discussion-reply-form label{display:grid;gap:5px;font-size:12px;color:#506a63}
.discussion-reply-form input,.discussion-reply-form textarea{width:100%;min-width:0;padding:9px 11px;border:1px solid #d1ddd1;border-radius:7px;background:#fff;color:#294b46;font-size:12px;line-height:1.6}
.discussion-reply-form textarea{resize:vertical;min-height:85px}
.discussion-reply-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.discussion-reply-submit{border:0;border-radius:7px;background:#24514f;color:#fff;padding:8px 17px;font-size:12px}
.discussion-reply-submit:disabled{opacity:.65}
.discussion-reply-message{font-size:11px;color:#846e42;line-height:1.6}
@media(max-width:740px){.discussion-reply{margin-left:5px;padding:11px}.discussion-reply-form{padding:12px}}
/* Search is a real SVG icon, not a font glyph that can disappear. */
.header .search-trigger{display:inline-flex;align-items:center;gap:7px}
.header .search-trigger svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mobile-directory-toggle{display:none}
@media(max-width:740px){
  .header .search-trigger{display:grid;place-items:center;padding:0}
  .header .search-trigger svg{width:19px;height:19px}
  .header .search-trigger span{display:none}
  .chapter-sidebar{position:relative;display:block;max-height:none;min-height:0;margin-bottom:13px;overflow:hidden}
  .chapter-sidebar:not(.directory-expanded)>:not(.mobile-directory-toggle){display:none!important}
  .chapter-sidebar.directory-expanded{display:flex;flex-direction:column;max-height:320px}
  .chapter-sidebar.directory-expanded .chapter-list{min-height:65px;max-height:140px}
  .mobile-directory-toggle{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:14px 17px;border:0;background:#ecf1ea;color:#47635a;min-height:59px}
  .mobile-directory-toggle>span:first-child{flex-shrink:0;font-size:11px;color:#8e7651}
  .mobile-directory-toggle strong{font-size:12px;font-family:var(--serif);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-directory-toggle>span:last-child{font-size:22px;line-height:1;transition:transform .2s}
  .mobile-directory-toggle[aria-expanded="true"]>span:last-child{transform:rotate(180deg)}
}
@media(prefers-reduced-motion:reduce){.related-chapter-card,.person-related-link{scroll-behavior:auto}.mobile-directory-toggle>span:last-child{transition:none}}
/* Keep the selected person's reading context visible while the mobile directory is folded. */
@media(max-width:740px){
  .exhibition .chapter-sidebar:not(.directory-expanded) > .person-reading-scope:not([hidden]){display:grid!important}
}

/* v0.6: direct sentence seeking and precise chapter-by-chapter navigation. */
.reader-listen-hint{color:#66857a;font-size:11px;padding:9px 13px;background:#eff5ee;border-left:2px solid #92b5a2;line-height:1.8;margin:5px 0 22px}
#reader .sentence[data-segment]{cursor:pointer;border-radius:3px;transition:background-color .14s ease,box-shadow .14s ease;scroll-margin:130px}
#reader .sentence[data-segment]:hover{background:#ebf3eb;box-shadow:0 0 0 2px #ebf3eb}
#reader .sentence[data-segment]:focus-visible{outline:2px solid #7c9e82;outline-offset:2px}
#reader .sentence.seek-target{background:#f2e9cb;box-shadow:0 0 0 2px #f2e9cb}
.player-location{display:flex;gap:10px;align-items:center;margin:9px 0 1px;color:#56776f;font-size:11px;min-width:0}
.player-location>label{font-weight:600;white-space:nowrap}
.player-location select{min-width:0;max-width:320px;flex:0 1 300px;border:1px solid #c8d8cf;border-radius:7px;padding:5px 9px;background:#fff;color:#2d5552;font-size:11px}
.player-location span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.player-location button{border:0;background:transparent;color:#748980;font-size:11px;padding:6px 4px;white-space:nowrap}
.player-location button:hover{color:#204c46}
@media(max-width:740px){.player-location{flex-wrap:wrap;row-gap:3px;margin-top:6px}.player-location>label{display:none}.player-location select{max-width:none;flex:1 1 185px}.player-location span{order:3;flex-basis:100%;font-size:9px}.player-location button{margin-left:auto}.player-top{gap:8px}.player-meta{flex-wrap:wrap;justify-content:flex-end}.reader-listen-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){#reader .sentence[data-segment]{transition:none}}
/* Keep seek tools visible while playback is paused or positioned but not yet resumed. */
body.portal-ready .player.is-paused,body.portal-ready .player.is-seeking{display:block}
.player.is-paused .player-meta,.player.is-seeking .player-meta{display:flex!important}
.player.is-paused .progress-wrap,.player.is-seeking .progress-wrap{display:block!important}
.player.is-paused .player-extras,.player.is-seeking .player-extras{display:flex!important}
.player.is-paused .player-bottom,.player.is-seeking .player-bottom{display:flex!important}
@media(max-width:740px){
  .player.is-paused .player-bottom,.player.is-seeking .player-bottom{flex-wrap:wrap}
  .player.is-paused .progress-wrap,.player.is-seeking .progress-wrap{flex:1}
  .player.is-paused .player-extras,.player.is-seeking .player-extras{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:6px}
}