html body main.blog-article { padding: 144px var(--pandect-nav-gutter) 112px !important; background: #fff; color: #121212; font-family: 'General Sans','Helvetica Neue',Helvetica,sans-serif; }
.blog-article__header, .blog-article__body { max-width: 640px; margin: 0 auto; }
.blog-article__back { display: inline-block; margin-bottom: 32px; color: #747474; font-size: 14px; text-decoration: none; }
.blog-article__back:hover { color: #121212; }
html body .blog-article h1 { margin: 0 0 24px; font-size: clamp(36px,3.5vw,60px); font-weight: 400; line-height: 1.08; letter-spacing: -.04em; }
.blog-article__intro { font-size: 18px; line-height: 1.5; color: #747474; margin: 0 0 24px; }
.blog-article__meta { color: #747474; font-size: 13px; margin: 0; }
.blog-article__image { max-width: 880px; margin: 40px auto 72px; border-radius: 7px; overflow: hidden; aspect-ratio: 2 / 1; }
.blog-article__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.blog-article__body { position: relative; }
.blog-article__body p, .blog-article__body li { font-size: 16px; line-height: 1.7; color: #747474; }
.blog-article__body p { margin: 0 0 24px; }
html body .blog-article__body h2 { margin: 48px 0 24px; font-size: 28px; font-weight: 400; line-height: 1.2; letter-spacing: -.025em; }
.blog-article__body ul { padding-left: 20px; margin: 24px 0; }
.blog-article__body li { margin-bottom: 10px; }
.blog-article__body blockquote { margin: 48px 0; padding: 28px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 28px; line-height: 1.5; font-weight: 400; letter-spacing: -.025em; color: #505050; }
.blog-article__note { position: absolute; left: calc(100% + 48px); top: 220px; width: 160px; padding-top: 12px; border-top: 1px solid #dedede; color: #747474; font-size: 13px; line-height: 1.5; }
.blog-article__body a, .blog-article__note a { color: #505050; text-decoration: underline; text-underline-offset: 3px; }
.blog-article__body a:hover { color: #171717; }
.blog-article__closing { border-top: 1px solid #dedede; margin-top: 48px; padding-top: 24px; }
.blog-spotlight a { color: inherit; text-decoration: none; }
.blog-spotlight a:hover h2, .blog-spotlight h2 a:hover { color: #505050; }
@media(max-width:1150px) { .blog-article__note { position: static; width: auto; margin: 32px 0; } }
@media(max-width:600px) { html body main.blog-article { padding-top: 112px !important; padding-bottom: 72px !important; } .blog-article__image { aspect-ratio: 3 / 2; margin-bottom: 48px; } }

.blog-article__author { color: #505050; }
html body .blog-article__closing p { font-style: italic; font-size: 16px; margin: 0; }

/* Founder article byline and editorial emphasis. */
.blog-article__meta .blog-article__author { color: #121212; font-weight: 500; text-decoration: underline; text-decoration-color: #aaa; text-underline-offset: 3px; transition: color .2s ease; }
.blog-article__meta .blog-article__author:hover { color: #505050; }
.blog-article__meta .blog-article__author:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }
html body .blog-article__body .blog-article__emphasis { color: #121212; font-weight: 500; }
.blog-article__body li + li { margin-top: 12px; }

.blog-article__header .blog-article__meta { margin: 0 0 24px; font-size: 16px; line-height: 1.5; }
html body .blog-article__header .blog-article__subtitle {
  margin: 0 0 24px;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -.025em;
  color: #747474;
}

html body .blog-article__closing p + p { margin-top: 20px; }