.discussion-module {
  margin: clamp(2.5rem, 7vw, 5rem) auto 0;
  padding: clamp(2rem, 5vw, 3.5rem) max(1rem, calc((100% - 760px) / 2));
  border-block: 1px solid var(--reader-line, rgba(35, 33, 30, .16));
  background: color-mix(in srgb, var(--reader-ground-2, #f1efe9) 84%, transparent);
  color: var(--reader-ink, #23211e);
}

.discussion-module__inner { max-width: 66ch; }

.discussion-module__eyebrow,
.discussion-module__meta {
  margin: 0 0 .7rem;
  color: var(--reader-ink-soft, #625e57);
  font: 600 .72rem/1.5 var(--font-mono, ui-monospace, monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.discussion-module h2 {
  margin: 0;
  color: inherit;
  font: 700 clamp(1.65rem, 4vw, 2.55rem)/1.05 var(--font-display, Georgia, serif);
  letter-spacing: -.025em;
}

.discussion-module__intro,
.discussion-module__topic { max-width: 62ch; }

.discussion-module__intro { margin: 1rem 0 .75rem; font-size: 1rem; line-height: 1.65; }
.discussion-module__topic { margin: 0 0 .75rem; line-height: 1.5; }
.discussion-module__meta { margin-bottom: 1rem; text-transform: none; letter-spacing: .025em; }

.discussion-module__link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 44px;
  padding: .72rem 1rem;
  border: 1px solid currentColor;
  border-radius: 2px;
  color: inherit;
  font: 750 .86rem/1.2 var(--font-grotesque, Arial, sans-serif);
  text-decoration: none;
}

.discussion-module__link:hover { text-decoration: underline; text-underline-offset: .2em; }
.discussion-module__link:focus-visible { outline: 2px solid var(--reader-clay, #8f5330); outline-offset: 3px; }

@media (max-width: 560px) {
  .discussion-module { padding-inline: 1rem; }
  .discussion-module__link { width: 100%; justify-content: space-between; }
}
