.research-note { max-width: 760px; margin: 64px auto 96px; overflow-wrap: anywhere; }
.research-note h1 { font-size: clamp(36px, 6vw, 68px); line-height: 1.1; letter-spacing: -.05em; }
.research-note h2 { margin: 48px 0 20px; font-size: 28px; letter-spacing: -.03em; }
.research-note p, .research-note pre { margin: 22px 0; }
.research-note a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
.research-note :not(pre) > code { overflow-wrap: anywhere; white-space: normal; }
.research-note code { font-family: var(--mono); font-size: .85em; }
.research-note pre { padding: 20px; border: 1px solid var(--line); box-sizing: border-box; }
@media (max-width: 760px) { .research-note { margin-block: 36px 64px; } }
.research-note figure { margin: 28px 0; }
.research-note figure img { width: 100%; height: auto; border: 1px solid var(--line); }
.research-note figcaption { margin-top: 12px; font-size: 12px; line-height: 1.8; color: var(--muted); }