/* Typesetting for the author's first AI research article. */
.research-design-content { line-height: 1.95; overflow-wrap: break-word; }
.research-design-content p { margin: 0 0 24px; }
.research-design-content strong { color: #20211f; font-weight: 600; }
.research-design-content h2 {
  margin: 72px 0 28px;
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: 1.55;
  font-weight: 600;
  letter-spacing: 0;
  scroll-margin-top: 144px;
}
.research-design-content figure { margin: 36px 0 44px; }
.research-design-content .research-cover { margin: 0 0 40px; }
.research-design-content figure img {
  display: block;
  width: 100%;
  height: auto;
  outline: .5px solid rgba(0, 0, 0, .1);
  outline-offset: -.5px;
}
.research-design-content figcaption {
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.8;
  color: #72777c;
}
.research-design-content hr { border: 0; border-top: 1px solid #dfe1e4; margin: 64px 0 28px; }
.research-design-content .research-source-note { margin-bottom: 0; font-size: 14px; line-height: 1.85; color: #72777c; }
@media (max-width: 760px) {
  .research-design-content { font-size: 16px; }
  .research-design-content p { margin-bottom: 22px; }
  .research-design-content h2 { margin: 48px 0 22px; font-size: 23px; scroll-margin-top: 112px; }
  .research-design-content figure { margin: 28px 0 32px; }
  .research-design-content .research-cover { margin-bottom: 28px; }
  .research-design-content figcaption { font-size: 13px; margin-top: 12px; }
  .research-design-content .research-source-note { font-size: 13px; }
  .research-design-content hr { margin-top: 44px; }
}

.research-resources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 48px; }
.research-resources a { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 24px; border: 1px solid #dfe1e4; color: #20211f; font-size: 16px; line-height: 1.6; transition: background-color .2s, border-color .2s; }
.research-resources a:hover { background-color: #f8f8f8; border-color: #aeb2b6; }
.research-resources a > span:last-child { flex-shrink: 0; font-size: 20px; }
@media (max-width: 760px) {
  .research-resources { grid-template-columns: 1fr; margin-top: 36px; gap: 12px; }
  .research-resources a { padding: 18px 20px; }
}
@media (prefers-reduced-motion: reduce) { .research-resources a { transition: none; } }