/* Reuse each article's design in an ordinary, server-rendered document. */
.detail-page { background: #f5f8fc; }
.detail-navigation { width: min(1100px, calc(100% - 48px)); margin: 32px auto 22px; color: #426891; font-size: 15px; }
.detail-navigation a { display: inline-flex; padding: 10px 0; }
.detail-page .detail-document { position: relative; display: block; inset: auto; width: min(1100px, calc(100% - 48px)); max-width: none; height: auto; max-height: none; margin: 0 auto 80px; border: 0; overflow: hidden; box-shadow: none; }
.detail-page .founder-story-dialog { width: min(920px, calc(100% - 48px)); }
.detail-document h1 { font-weight: 400; }
.detail-document .opening-feature-content h1 { max-width: 670px; margin: 0 0 20px; font-size: clamp(38px,5vw,58px); line-height: 1.33; letter-spacing: -.055em; }
.detail-document .opening-feature-content h1 span { color: var(--feature-accent); }
.detail-document.expertise-dialog .opening-feature-content h1 { font-size: var(--article-title-size); font-weight: 500; }
.detail-document .payment-opening-heading h1 { margin: 0 0 17px; color: var(--article-ink); line-height: 1.5; }
.detail-document .founder-story h1 { margin: 0; font-size: 40px; line-height: 1.35; font-weight: 500; letter-spacing: -.03em; color: #fff; }
.detail-document .founder-story h1 span { display: block; margin-top: 12px; font-size: 25px; line-height: 1.5; font-weight: 400; color: #f0f2f3; }
.detail-document .dialog-copy h1 { font-size: 29px; line-height: 1.6; }
.detail-document .person-dialog-copy h1 { font-size: 38px; }
.detail-document .event-dialog-heading > h1 { font-size: 36px; line-height: 1.4; margin: 20px 0; }
.detail-document .media-dialog-copy h1 { font-size: 30px; line-height: 1.55; margin: 18px 0 25px; }
.detail-photo { padding: 32px; border-radius: 24px; background: #fff; }
.detail-photo h1 { font-size: clamp(24px,3vw,36px); line-height: 1.5; margin: 0 0 28px; }
.detail-photo figure { margin: 0; }
.detail-photo img { max-height: 80vh; width: 100%; object-fit: contain; }
.detail-photo figcaption { margin-top: 18px; color: #63758e; }
@media (max-width: 760px) {
 .detail-navigation { margin-top: 90px; width: calc(100% - 32px); }
 .detail-page .detail-document { width: calc(100% - 24px); margin-bottom: 40px; border-radius: 20px; }
 .detail-document .opening-feature-content h1 { font-size: clamp(32px,8.5vw,42px); }
 .detail-document.expertise-dialog .opening-feature-content h1 { font-size: var(--article-title-size); line-height: 1.45; }
 .detail-document .founder-story h1 { font-size: 32px; }
 .detail-document .founder-story h1 span { font-size: 24px; margin-top: 13px; }
 .detail-document .dialog-copy h1, .detail-document .media-dialog-copy h1 { font-size: 25px; }
 .detail-document .person-dialog-copy h1 { font-size: 32px; }
 .detail-document .event-dialog-heading > h1 { font-size: 28px; }
 .detail-photo { padding: 24px 18px; }
}