.timeline-post-discussion {
  margin-top: 1rem;
  border: 1px solid var(--app-border);
  border-radius: .75rem;
  background: var(--app-card);
  overflow: clip;
}

.timeline-post-discussion > summary {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-height: 2.9rem;
  padding: .65rem .85rem;
  color: var(--app-text);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.timeline-post-discussion > summary::-webkit-details-marker { display: none; }
.timeline-post-discussion > summary::before {
  content: "›";
  display: inline-grid;
  place-items: center;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: var(--app-surface);
  color: var(--app-accent);
  font-size: 1.25rem;
  line-height: 1;
  transition: transform .15s ease;
}
.timeline-post-discussion[open] > summary::before { transform: rotate(90deg); }
.timeline-post-discussion > summary:hover { background: var(--app-surface); }
.timeline-post-discussion > summary:focus-visible {
  outline: 3px solid var(--app-focus, #f0b957);
  outline-offset: -3px;
}
.timeline-post-discussion > :not(summary) { margin-right: .85rem; margin-left: .85rem; }
.timeline-post-discussion > summary + .muted { margin-top: .55rem; }
.timeline-post-discussion .timeline-post-comments { margin-top: .65rem; }
.timeline-post-discussion .timeline-post-comment-form { padding: .75rem 0 .85rem; }
.timeline-post-discussion .timeline-post-comment-form { display: grid; gap: .65rem; }
.timeline-post-comment-form label { display: grid; gap: .4rem; margin: 0; font-weight: 600; }
.timeline-post-comment-form textarea { box-sizing: border-box; display: block; width: 100%; min-height: 6rem; resize: vertical; padding: .75rem; font: inherit; color: var(--app-text); background: var(--app-field); border: 1px solid var(--app-border); border-radius: .6rem; }
.timeline-post-comment-form button[type="submit"] { justify-self: start; min-height: 44px; padding: .6rem 1rem; color: #fff; background: var(--app-accent); border: 1px solid var(--app-accent); border-radius: .55rem; font: inherit; font-weight: 650; }
.timeline-post-comment-form textarea:focus-visible { outline: 3px solid var(--app-accent); outline-offset: 2px; }

.timeline-post-attachment .timeline-photo-preview-trigger {
  cursor: zoom-in;
}
.timeline-photo-tag-host.media-region-drawing .timeline-photo-preview-trigger,
.timeline-photo-tag-host.media-region-keyboard-drawing .timeline-photo-preview-trigger {
  cursor: crosshair;
}