/* Blog shares the site's type, content width and navigation. */
.blog-page{max-width:1040px;padding-block:56px 80px;min-height:65vh}.blog-heading{max-width:720px;margin-bottom:42px}.blog-posts{border-top:1px solid var(--line)}.blog-card{max-width:840px;padding-block:32px;border-bottom:1px solid var(--line)}.blog-card h2{font-size:clamp(24px,3vw,32px);line-height:1.35;letter-spacing:-.6px;margin-block:14px}.blog-card h2 a:hover,.blog-read:hover{text-decoration:underline;text-underline-offset:4px}.blog-card>p:not(.eyebrow){color:var(--muted);line-height:1.85;margin-block:12px}.blog-read{display:inline-block;color:var(--blue-dark);font-weight:600;font-size:14px;padding-block:10px}.blog-article .reading{max-width:800px}.blog-article .article-meta{font-size:13px}.blog-toc{padding:22px 26px;background:var(--pale);border:1px solid var(--line);border-radius:12px;margin-block:30px}.blog-toc>p{font-weight:650;margin-bottom:10px;color:var(--ink)}.blog-toc ol{margin:0;padding-inline-start:22px}.blog-toc li{font-size:14px;line-height:1.6;margin-bottom:8px}.blog-toc li:last-child{margin-bottom:0}.blog-article h2,.blog-article h3{scroll-margin-top:24px}.blog-article h3{font-size:20px;line-height:1.5;margin-block:26px 12px}.blog-body>div>p:first-child{font-size:18px;color:var(--ink);line-height:1.8}.blog-body ul{padding-inline-start:24px}.blog-body blockquote{margin:26px 0;padding:20px 24px;border-inline-start:3px solid var(--blue);background:var(--pale);border-radius:0 8px 8px 0}.blog-body blockquote p{margin:0;color:var(--ink)}.blog-body strong{font-weight:650;color:var(--ink)}.blog-back{padding-top:28px;border-top:1px solid var(--line);margin-top:38px}.blog-article .breadcrumbs{flex-wrap:wrap;row-gap:6px}
/* Six primary links need a separate row on medium screens. */
@media(max-width:1200px){.site-header{height:auto;min-height:76px}.header-inner{flex-wrap:wrap;padding-block:14px;gap:12px}.header-inner>nav{display:flex;order:3;width:100%;justify-content:center;flex-wrap:wrap;min-height:34px;gap:16px}.header-inner>nav a{height:auto;min-height:34px;padding-block:6px}.library-link{display:none}}
@media(max-width:700px){.blog-page{padding-block:36px 48px}.blog-heading{margin-bottom:28px}.blog-toc{padding:18px}.blog-body blockquote{padding:18px}.blog-body>div>p:first-child{font-size:16px}.blog-article h3{font-size:19px}.blog-card{padding-block:24px}.header-inner>nav{row-gap:4px}}