/* Published note copy stays distinct from our reading of the work. */
.r172-note { margin:14px 0 0; padding:12px 14px; border:1px solid #ded4eb; border-radius:12px; background:#faf8fd; min-width:0; width:100%; box-sizing:border-box; flex:0 0 100%; }
.r172-note .r172-note-label { margin:0 0 5px; font-size:11px; line-height:1.4; font-weight:700; color:#77528e; letter-spacing:.04em; }
.r172-note h4 { margin:0 0 6px; font-size:15px; line-height:1.5; color:#302240; }
.r172-note .r172-note-subtitle { margin:0 0 7px; font-size:12px; line-height:1.55; color:#73637f; }
.r172-note details { margin:0; padding:0; border:0; }
.r172-note summary { display:block; cursor:pointer; list-style:none; padding:0; font-size:13px; line-height:1.65; font-weight:400; }
.r172-note summary::-webkit-details-marker { display:none; }
.r172-note .r172-note-preview { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#51415f; }
.r172-note .r172-note-action { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:8px; color:#68418c; font-size:12px; font-weight:650; }
.r172-note .r172-note-action i { font-style:normal; font-size:18px; line-height:1; }
.r172-note .r172-close { display:none; }
.r172-note details[open] .r172-note-preview,.r172-note details[open] .r172-open { display:none; }
.r172-note details[open] .r172-close { display:inline; }
.r172-note details[open] .r172-note-action i { transform:rotate(45deg); }
.r172-note .r172-note-body { padding-top:8px; }
.r172-note .r172-note-body p { margin:0 0 10px; font-size:14px; line-height:1.8; color:#44354f; overflow-wrap:anywhere; }
.r172-note .r172-note-body .r172-note-tags { font-size:12px; color:#77528e; margin-bottom:0; }
.r172-more-notes { margin:10px 0 0; border-top:1px solid #e6dfed; min-width:0; width:100%; flex:0 0 100%; }
.r172-more-notes > summary { padding:9px 0; cursor:pointer; font-size:12px; color:#68418c; }
.r172-park .r172-gallery-controls { min-width:0; max-width:100%; padding:10px; background:#faf8fd; box-sizing:border-box; }
/* R110 fixes the media height on desktop. Reserve a separate grid row for
   controls instead of placing them below a cover that occupies the full box. */
#selected.r86-selected [data-r78-stage] > .r86-card.r172-park > .r86-media {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) auto;
}
#selected.r86-selected [data-r78-stage] > .r86-card.r172-park > .r86-media > .folio-media { min-width:0; }
.r172-park .r172-gallery-controls > .r172-album-pages { margin-top:0; }
.r172-park .r172-album-pages { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px; margin:9px 0 0; }
.r172-park .r172-album-pages a { display:flex; align-items:center; justify-content:center; min-height:34px; border:1px solid #d8cbe7; border-radius:8px; background:#faf7ff; color:#68418c; font-size:12px; font-weight:650; text-decoration:none; }
.r172-park .r172-gallery-open { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; padding:10px 13px; border-radius:9px; color:#fff; background:#6541a2; font-size:13px; font-weight:650; text-decoration:none; overflow-wrap:anywhere; }
.r172-park .r172-gallery-open > b { flex:none; }
.r172-park .r172-analysis { margin:12px 0 0; border-top:1px solid #e6dfed; padding-top:10px; min-width:0; width:100%; flex:0 0 100%; }
.r172-park .r172-analysis h4 { margin:0 0 5px; font-size:13px; color:#6b498a; }
.r172-park .r172-analysis p { margin:0; font-size:13px; line-height:1.7; color:#62526e; }
@media(max-width:600px) {
  .r172-note { margin-top:10px; padding:11px 12px; }
  .r172-note h4 { font-size:14px; }
  .r172-park .r172-album-pages { gap:4px; }
}