/* Comment-specific override: the legacy overlay rule must not flatten this flex sheet. */
html body #app#app .app .pv2-overlay[data-sheet-kind="comments"]{inset:auto!important;top:var(--comments-top,240px)!important;left:var(--comments-left,0px)!important;width:var(--comments-width,100%)!important;height:var(--comments-height,calc(100dvh - 240px))!important;max-height:none!important}
html body #app#app .app .pv2-overlay[data-sheet-kind="comments"] .pv2-sheet{display:flex!important;flex-direction:column!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:12px 14px max(10px,env(safe-area-inset-bottom,0px))!important}
html body #app#app .app .pv2-overlay[data-sheet-kind="comments"] .pv2-sheet>header{flex:none;margin:0 0 8px!important}
html body #app#app .app .pv2-overlay[data-sheet-kind="comments"] :is([data-comment-count],form,nav,[data-sheet-notice]){flex:none;margin-top:4px;margin-bottom:8px}
html body #app#app .app .pv2-overlay[data-sheet-kind="comments"] [data-sheet-notice]:empty{display:none}
html body #app#app .app .pv2-overlay[data-sheet-kind="comments"] [data-comments-list]{display:block!important;flex:1 1 0%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
html body #app#app .app .pv2-overlay[data-sheet-kind="comments"] [data-comments-list]>article{margin-bottom:8px}
html body #app#app .app .pv2-overlay[data-sheet-kind="comments"] [data-comments-list]:focus-visible{outline:1px solid #9b8db6;outline-offset:2px}