/* Supporting text must not crowd the page's reading, writing or controls. */
.paper-content .data-use-compact{flex:none;margin:3px 0 0;padding:2px 0 0;border:0;text-align:right;font-size:5px;line-height:1.5}
.paper-content .data-use-compact button{color:#385966;font-weight:600;text-decoration-color:#8b9b94}
.feedback-rating-status:empty{display:none}

@media(max-width:600px), (max-height:500px){
  .library-welcome .welcome-star{display:none}
  .library-welcome{margin:4px 0 6px}
  .library-leaf:has(.book-auth-form) .library-welcome{display:none}
  .library-leaf .book-auth-tabs{margin:2px 0 4px}
  .library-leaf .book-auth-form{gap:3px}
  .member-page:not(:has(.book-auth-form)) .member-ornament{display:none}
  .member-page:not(:has(.book-auth-form)) .member-bookplate{flex:none;margin:3px 4px 4px;padding:3px 0 4px}
  .member-page:not(:has(.book-auth-form)) .member-bookplate h2{font-size:8px;line-height:1.45}
  .member-page:not(:has(.book-auth-form)) .member-bookplate h2 br{display:none}
  .member-page .member-tickets{padding:4px 0}
  .member-page .member-actions{margin-top:4px;gap:3px}
  .member-page .member-signout{padding-top:3px}
  .library-leaf:has(.member-page){overflow-y:auto;overscroll-behavior:contain}
  .member-page{flex-shrink:0}
  /* The same actions remain reachable in the fixed footer when a leaf is focused. */
  .app-shell[data-paper-focus="left"] .feedback-rating-skip,
  .app-shell[data-paper-focus="right"] .feedback-page-actions{display:none}
  .feedback-leaf .paper-folio,.feedback-detail .paper-folio{display:none}
  .feedback-detail .chapter-title{font-size:7px;line-height:1.5;margin:0 0 2px}
  .feedback-leaf .feedback-intro{flex:none;margin:3px 0 5px}
  .paper-content .feedback-intro h2{font-size:8px;line-height:1.5}
  .feedback-intro h2 br{display:none}
  .feedback-leaf .rating-options{flex:1;justify-content:center}
  .feedback-detail{gap:3px}
  .feedback-leaf,.feedback-detail{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .feedback-detail .journal-writing{flex:1 0 65px}
}

@media(max-width:600px) and (max-height:700px), (max-height:500px){
  .library-leaf .library-quiet-note{padding-top:3px;line-height:1.5}
  .writing-guide{padding-top:0}
  .paper-content .writing-guide h2{font-size:7px;line-height:1.4;margin-bottom:3px}
  .writing-guide .guide-title-note{margin-bottom:4px}
  .writing-guidelines li{margin-bottom:4px;padding-left:10px}
  .writing-guidelines strong{font-size:5.5px;margin-bottom:1px}
  .writing-guide p{line-height:1.6}
  .writing-guide .guide-period{padding-top:3px;margin-top:2px}
  .story-leaf,.journal-leaf{gap:3px}
  .spread-leaf .paper-folio{font-size:4.5px;line-height:1.5;padding-top:3px}
  .story-leaf .paper-folio,.journal-leaf:not(.feedback-detail) .paper-folio{display:none}
  .story-flourish{display:none}
  .story-answer{padding:1px 0 4px;margin-bottom:5px}
  .paper-content .story-answer h2{font-size:8.5px;line-height:1.55}
  .story-scroll p{line-height:1.8;margin-bottom:7px}
  .intake-confirmation{padding-top:0}
  .topic-companion{gap:3px}
  .intake-edit-form{grid-template-columns:1fr;gap:0}
  .intake-edit-form textarea{height:38px;min-height:38px}
  .intake-edit-form input{height:15px}
  .ticket-shop{padding:16px}
  .ticket-eyebrow{display:none}
  .ticket-shop h2{font-size:18px;margin:2px 32px 8px 0}
  .ticket-tabs{margin-bottom:8px}
  .ticket-artwork{max-height:54px;margin-bottom:6px}
  .ticket-balance{padding:6px 0}
  .ticket-balance strong{font-size:20px}
  .ticket-explanation{font-size:11px;line-height:1.6;margin:7px 0 4px}
  .ticket-status{font-size:11px;line-height:1.6;margin:5px 0}
  .ticket-coupon{margin-top:10px;padding-top:8px}
  .ticket-coupon>div{margin-top:5px}
  .ticket-products:has(>.ticket-product:only-child){grid-template-columns:1fr}
  .ticket-product:only-child{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;text-align:left;padding:10px}
  .ticket-product:only-child strong{font-size:18px}
  .app-shell[data-stage="spread"] .detail-sheet{padding:18px 20px;overflow-y:auto}
  .app-shell[data-stage="spread"] .detail-body{gap:10px;margin-top:10px}
  .app-shell[data-stage="spread"] .detail-body img{width:auto;height:min(42dvh,260px)}
  .app-shell[data-stage="spread"] .detail-body h2{font-size:20px;margin-bottom:0}
  .app-shell[data-stage="spread"] .secondary-outline{margin-top:12px;padding:10px}
}