/* Busy threads share Post Comments styling but must grow with all three long replies. */
.busy-comments-page .comments-thread {
  --reply-indent: 58px;
  --thread-gap: 4px;
  display: flex;
  flex-direction: column;
  gap: var(--thread-gap);
  width: 100%;
  height: auto;
}
.busy-comments-page .comment-row {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: var(--comment-gap, 8px);
  width: 100%;
  height: auto;
}
.busy-comments-page .comment-reply { width: auto; margin-left: var(--reply-indent); grid-template-columns: 40px minmax(0, 1fr); }
.busy-comments-page [data-pencil-name="reply1"] { order: 1; }
.busy-comments-page [data-pencil-name="reply2"] { order: 2; }
.busy-comments-page [data-pencil-name="reply3"] { order: 3; }
.busy-comments-page .comment-row > :is([data-pencil-name="Comment like buzz replies"], [data-pencil-name="text like reply"]) { position: relative; inset: auto; grid-area: 1 / 2; width: 100%; height: auto; }
.busy-comments-page .comment-row div { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.busy-comments-page .comment-row [data-pencil-name="ppf text"],
.busy-comments-page .comment-row [data-pencil-name="ppf text"] > div { width: 100%; }
.busy-comments-page .comment-row > [data-pencil-name="user ppf"] { position: relative; inset: auto; grid-area: 1 / 1; }
.busy-comments-page .comment-reply [data-pencil-name="image"] { order: 0; flex-shrink: 0; position: relative; border-radius: 6px; overflow: hidden; }
.busy-comments-page .busy-concert-photo { width: 100%; max-width: 400px; aspect-ratio: 400 / 225; background-size: cover; background-position: center; }
.busy-comments-page .busy-concert-portrait { width: 100%; max-width: 260px; aspect-ratio: 260 / 258; }
.busy-comments-page .comments-thread > [data-pencil-name="Comment example"]::after,
.busy-comments-page .comment-reply::before,
.busy-comments-page .comment-reply:not([data-pencil-name="reply3"])::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.busy-comments-page .comments-thread > [data-pencil-name="Comment example"]::after { left: 23px; top: 40.055px; bottom: 0; width: 1px; background: #999; }
.busy-comments-page .comment-reply::before {
  left: calc(23px - var(--reply-indent));
  top: calc(-1 * var(--thread-gap));
  width: calc(var(--reply-indent) - 23px + var(--avatar-inset, 0px));
  height: calc(20px + var(--thread-gap));
  box-shadow: inset 1px -1px #999;
  border-bottom-left-radius: 6px;
}
.busy-comments-page .comment-reply:not([data-pencil-name="reply3"])::after { left: calc(23px - var(--reply-indent)); top: 14px; bottom: 0; width: 1px; background: #999; }
.busy-comments-page [data-pencil-name="comment 4"]::before { content: ""; grid-area: 1 / 1; align-self: stretch; width: 1px; margin: 40.055px 0 calc(-1 * var(--comment-gap, 8px)) 23px; background: #999; }
.busy-comments-page .comment-row > .export-46 { position: relative; inset: auto; grid-area: 2 / 2; width: max-content; max-width: 100%; margin: 0; }
.busy-comments-page [data-pencil-name="comment 4"] > [data-pencil-name="Reply line"] { position: relative; inset: auto; grid-area: 2 / 1; align-self: start; margin-left: 23px; width: calc(27px + var(--comment-gap, 8px)); height: 50%; }

@media (max-width: 600px) {
  .busy-comments-page .comments-thread { --reply-indent: 54px; }
}

@media (min-width: 1401px) {
  .busy-comments-page .comments-thread { --thread-gap: 0px; margin-left: 10px; width: calc(100% - 10px); }
  .busy-comments-page [data-pencil-name="all comments"] > .comment-row { width: calc(100% - 10px); }
  .busy-comments-page .comment-row { --comment-gap: 8px; }
  .busy-comments-page .comment-row > [data-pencil-name="user ppf"] > div { inset: 0; }
  .busy-comments-page [data-pencil-name="Comment Buttons"] { width: 100%; height: auto; display: flex; align-items: center; gap: 8px; }
  .busy-comments-page [data-pencil-name="Comment Buttons"] > div { min-height: 44px; position: relative; inset: auto; }
  .busy-comments-page [data-pencil-name="all comments"] > .comment-row [data-pencil-name="Buzz"].export-12 { min-height: 42px; }
  .busy-comments-page .comment-reply [data-pencil-name="Comment Buttons"] { height: 38px; }
  .busy-comments-page .comment-reply [data-pencil-name="Comment Buttons"] > div { min-height: 38px; }
}