/* Secondary route layout and reading content. Shared controls remain authoritative. */
.pi-prose, .reading-font { overflow-wrap: anywhere; }
.pi-prose :is(h2,h3,h4), .reading-font :is(h2,h3,h4), .pi-legal-section { scroll-margin-top: 7rem; }
.pi-prose :is(img,video,iframe), .reading-font :is(img,video,iframe) { max-width: 100%; }
.pi-prose img, .reading-font img { height: auto; }
.pi-prose figure, .reading-font figure { max-width: 100%; margin-inline: 0; }
.pi-prose figcaption, .reading-font figcaption { margin-block: .75rem 1.5rem; font-size: .9375rem; color: var(--pi-ink-650); }
.pi-prose pre, .reading-font pre, .pi-reading-table { max-width: 100%; overflow-x: auto; }
.pi-prose table, .reading-font table { font-variant-numeric: tabular-nums; }
.pi-reading-table { margin-block: 1.5rem; }
.pi-reading-table:focus-visible { outline: 3px solid var(--pi-blue-600); outline-offset: 3px; }
.pi-reading-table table { margin: 0; }
.pi-page--community :is(.ck-editor,.ck-editor__main,.pi-composer__draft) { min-width: 0; max-width: 100%; }
.pi-page--community .ck-toolbar__items { flex-wrap: wrap !important; }
.pi-page--community .ck-editor__editable { min-height: 14rem; overflow-wrap: anywhere; }
.pi-save-status { margin-block: 1rem; padding: 1rem; border-inline-start: 4px solid var(--pi-blue-600); background: var(--pi-canvas); color: var(--pi-ink-900); }
.pi-save-recovery { margin-block: 1rem; }
.pi-save-recovery > :is(a,button) { margin-block: .25rem; }
.pi-profile-photo__preview { display: block; width: 8rem; height: 8rem; object-fit: cover; margin-block: 1rem; border-radius: .5rem; }
.pi-profile-photo__preview[hidden], .pi-save-status[hidden], .pi-save-recovery[hidden] { display: none; }
.pi-reply-edit { max-width: 60rem; }
@media (max-width: 767px) {
  .pi-page--community .ck-editor__editable { font-size: 16px; }
  .pi-save-recovery > :is(a,button) { display: flex; width: 100%; }
}
@media print {
  .pi-content-back, .pi-content-share, .pi-community-note, .pi-save-recovery, .pi-composer__actions { display: none; }
  .pi-prose, .reading-font { color: #000; font-size: 11pt; }
  .pi-reading-table, .pi-prose pre, .reading-font pre { overflow: visible; }
  .pi-prose :is(h2,h3), .reading-font :is(h2,h3) { break-after: avoid; }
  .pi-prose figure, .reading-font figure { break-inside: avoid; }
  .pi-prose a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; overflow-wrap: anywhere; }
}
@media (forced-colors: active) {
  .pi-reading-table, .pi-save-status { border-color: CanvasText; }
}