.conversation-state-note { --sans: Arial, Helvetica, sans-serif; }
.conversation-state-note .article-hero {
  display: block;
  min-height: 0;
  padding-block: 64px 48px;
}
.conversation-state-note .article-heading { max-width: 940px; margin-inline: auto; }
.conversation-state-note .article-hero:has(> .generated-article-cover) { min-height: 540px; }
.conversation-state-note .article-hero:has(> .generated-article-cover) h1 { max-width: 850px; }
.conversation-state-note .article-deck { max-width: 760px; }
.conversation-state-note h1 { font-size: clamp(38px, 5.4vw, 72px); line-height: 1.08; letter-spacing: -.045em; }
.conversation-state-note .article-copy { width: min(100%, 800px); }
.supplied-article { font: 20px/1.8 var(--serif); color: #d1d0c4; overflow-wrap: break-word; }
.supplied-article p { margin: 0 0 24px; }
.supplied-article h2 { margin: 64px 0 28px; font: normal clamp(30px, 3.6vw, 43px)/1.15 var(--serif); letter-spacing: -.035em; color: var(--paper); scroll-margin-top: 32px; text-wrap: balance; }
.supplied-article strong { color: var(--paper); }
.supplied-article a { color: var(--signal); text-decoration: underline; text-decoration-color: #687044; text-underline-offset: 4px; }
.supplied-article a:hover { text-decoration-color: var(--signal); }
.supplied-article figure { margin: 36px 0 44px; }
.supplied-article figure img { display: block; width: 100%; height: auto; background: #1d2028; border: 1px solid #34372f; border-radius: 8px; }
.supplied-article figcaption { margin-top: 12px; font: 13px/1.65 var(--sans); color: #aeb0a6; }
.supplied-article table { width: 100%; border-collapse: collapse; margin: 28px 0; font: 15px/1.6 var(--sans); }
.supplied-article th, .supplied-article td { padding: 12px 14px; border-bottom: 1px solid #34372f; text-align: left; vertical-align: top; }
.supplied-article th { background: #171a14; color: var(--paper); }
.supplied-article th:last-child, .supplied-article td:last-child { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
  .conversation-state-note .article-hero { padding-block: 36px; }
  .conversation-state-note .article-hero:has(> .generated-article-cover) { min-height: 0; }
  .supplied-article { font-size: 18px; line-height: 1.75; }
  .supplied-article th, .supplied-article td { padding: 10px 8px; font-size: 13px; }
}