.comments-section {
  width: min(700px, calc(100% - (2 * var(--gutter))));
  margin: clamp(90px, 12vw, 180px) auto clamp(100px, 12vw, 180px);
  padding-top: clamp(28px, 4vw, 54px);
  border-top: 1px solid var(--line);
  font-family: var(--sans);
}
.comments-heading { display: grid; grid-template-columns: 1fr auto; gap: 12px 28px; align-items: end; }
.comments-kicker { margin: 0; color: var(--moss); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.comments-heading h2 { margin: 4px 0 0; font: 400 clamp(38px, 5vw, 62px)/1 var(--display); letter-spacing: -.025em; }
.comments-intro { grid-column: 1; max-width: 570px; margin: 8px 0 0; color: var(--ink-soft); font-size: 14px; }
.comments-guidelines { grid-column: 2; grid-row: 1 / span 2; align-self: end; color: var(--moss); font-size: 12px; }
.comments-guidelines summary { cursor: pointer; text-underline-offset: 4px; }
.comments-guidelines p { position: absolute; z-index: 2; width: min(320px, calc(100vw - 40px)); margin: 10px 0 0; padding: 16px; background: var(--bone); border: 1px solid var(--line); transform: translateX(calc(-100% + 100px)); }
.comments-status { min-height: 118px; margin: 36px 0 0; padding: 34px 0; border-top: 1px solid var(--line); color: var(--moss); font-size: 13px; }
.comments-status[hidden], .comments-host[hidden] { display: none; }
.comments-host { margin-top: 38px; }
#echothread {
  display: block;
  color: var(--ink);
  font: 400 15px/1.6 var(--sans);
  --et-color-accent: var(--ink-soft);
  --et-color-accent-hover: var(--moss);
  --et-color-bg: var(--paper);
  --et-color-surface: rgba(244, 240, 231, .42);
  --et-color-border: var(--line);
  --et-color-text: var(--ink);
  --et-color-muted: var(--moss);
  --et-radius: 0;
  --et-font: var(--sans);
  --et-font-size: 15px;
}
@media (max-width: 600px) {
  .comments-heading { display: block; }
  .comments-heading h2 { font-size: 38px; }
  .comments-guidelines { margin-top: 18px; }
  .comments-guidelines p { left: var(--gutter); transform: none; }
  .comments-host { margin-top: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .comments-section *, .comments-section *::before, .comments-section *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}