.watch-comments { display: block; margin: 2.2rem 0; min-width: 0; color: #25231f; }
.watch-comments h2 { margin: 0; color: #25231f; font-size: 1.25rem; line-height: 1.5; }
.wc-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .45rem 1rem; padding: .4rem 0 1rem; border-bottom: 2px solid #d45c28; }
.wc-heading h2 span { margin-left: .25rem; color: #7a7267; font: 500 .85em/1.3 ui-monospace,monospace; }
.wc-heading small, .wc-story, .wc-provenance { color: #746a5d; font-size: .74rem; line-height: 1.7; }
.wc-comment { padding: 1.15rem 0; border-bottom: 1px solid #e4ddd1; }
.wc-row-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .8rem; font-size: .75rem; color: #716b61; }
.wc-author { font-weight: 700; font-size: .86rem; color: #3b332b; }
.wc-original { margin-left: auto; color: #88411f; }
.wc-story { margin: .4rem 0 .65rem; }
.wc-body { max-width: 82ch; white-space: pre-wrap; overflow-wrap: anywhere; color: #302c27; font-size: .91rem; line-height: 1.82; }
.wc-body a { text-decoration: underline; text-underline-offset: 3px; color: #8e411b; }
.wc-provenance { margin: .65rem 0 0; }
.watch-comments button { min-height: 40px; padding: .4rem .8rem; border: 1px solid #cdbba5; border-radius: 5px; color: #793817; font: inherit; font-size: .8rem; background: #fff9f0; cursor: pointer; }
.wc-provenance button { margin-left: .4rem; }
.wc-actions:has(button) { padding: 1rem 0; }
.watch-comments a:focus-visible, .watch-comments button:focus-visible { outline: 2px solid #a84111; outline-offset: 3px; }
@media (max-width: 640px) {
  .wc-body { font-size: .92rem; }
  .watch-comments button, .wc-original { min-height: 44px; }
  .wc-original { display: inline-flex; align-items: center; }
  .wc-actions button { width: 100%; }
}