/* Reader sharing composes the platform surface, controls and canonical reader. */
.sharing-page { max-width: var(--wf-page-max, 1200px); margin: auto; padding: var(--wf-space-lg); }
.sharing-page h1 { font: var(--wf-reading-heading)/1.2 var(--wf-font-literary); }
.sharing-page h2 { font: 1.5rem/1.3 var(--wf-font-literary); margin-block: var(--wf-space-md); }
.sharing-page p { margin-block: var(--wf-space-md); }
.sharing-form { display: grid; gap: var(--wf-space-lg); margin-block: var(--wf-space-lg); }
.sharing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--wf-space-lg); }
.sharing-form label, .reader-actions label { display: grid; gap: var(--wf-space-sm); }
.sharing-form select, .sharing-form textarea, .sharing-current input { width: 100%; }
.sharing-form small, .reader-revision { color: var(--wf-color-muted); }
.sharing-form .sharing-check { display: flex; align-items: start; gap: var(--wf-space-sm); margin-block: var(--wf-space-sm); }
.sharing-check input { flex-shrink: 0; margin-top: .2rem; }
.sharing-form fieldset { border: 1px solid var(--wf-color-border); border-radius: var(--wf-radius-panel); padding: var(--wf-space-md); }
.sharing-current, .feedback-entry, .sharing-description { padding: var(--wf-space-lg); margin-block: var(--wf-space-lg); }
.sharing-current form { display: grid; gap: var(--wf-space-sm); margin-top: var(--wf-space-md); }
.reader-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--wf-space-md); margin-block: var(--wf-space-md); }
.sharing-preview { height: min(72dvh, 850px); min-height: 350px; margin-block: var(--wf-space-lg); border: 1px solid var(--wf-color-border); border-radius: var(--wf-radius-panel); padding: var(--wf-space-md); }
.sharing-preview .reader-layout { height: 100%; }
.feedback-entry blockquote { border-inline-start: 3px solid var(--wf-color-accent); padding-inline-start: var(--wf-space-md); max-height: 12rem; overflow: auto; }
.feedback-text, .sharing-description { white-space: pre-wrap; overflow-wrap: anywhere; }
.public-book { display: grid; grid-template-columns: minmax(150px,1fr) minmax(0,2fr); gap: var(--wf-space-xl); }
.shared-cover { max-height: 32rem; width: 100%; object-fit: contain; border-radius: var(--wf-radius-panel); }
.reader-comment-button { font: .8rem/1.4 var(--wf-font-interface); margin: 0 0 1rem; }
.book-browse .wf-collection-image img { object-fit: contain; }
@media(max-width:700px) { .sharing-grid, .public-book { grid-template-columns: minmax(0,1fr); } .sharing-page { padding: var(--wf-space-md); } .shared-cover { max-height: 20rem; } }
.book-browse .wf-collection-copy p, .book-browse .wf-collection-copy h2 { margin: 0; }
.shared-preview-cover { max-height: 14rem; max-width: 100%; width: auto; object-fit: contain; }