/* Blog index and posts. Uses the same type, color, and button system as the rest of the site. */
.blog-page .blog-crumbs{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  max-width:820px;margin:0 auto 22px;
  font-weight:600;font-size:15px;color:#34485b;
}
.blog-page .blog-crumbs a{color:#0074d9;text-decoration:underline;text-underline-offset:3px;}
.blog-page .blog-list{display:grid;gap:18px;max-width:820px;margin:0 auto;}
.blog-page .blog-card{
  padding:clamp(22px,2.5vw,32px);
  border:1px solid #d6e6f4;border-radius:20px;background:#fff;
}
.blog-page .blog-card .eyebrow{color:#0074d9;font-size:14px;}
.blog-page .blog-card h2{
  margin:8px 0 10px;
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:-.01em;font-size:clamp(26px,3vw,40px);line-height:1;
}
.blog-page .blog-card h2 a{color:#0074d9;}
.blog-page .blog-card h2 a:hover{color:#006fcd;}
.blog-page .blog-card p{margin:0 0 14px;font-weight:500;font-size:17px;line-height:1.55;color:#34485b;}
.blog-page .blog-card .blog-more{font-weight:700;color:#0074d9;text-decoration:underline;text-underline-offset:3px;}
.blog-page .blog-empty{
  max-width:640px;margin:0 auto;text-align:center;
  font-weight:500;font-size:clamp(18px,1.8vw,22px);line-height:1.55;color:#34485b;
}
.blog-page .blog-figure{max-width:760px;margin:0 auto 28px;}
.blog-page .blog-figure img{width:100%;border-radius:18px;}
.blog-page .blog-prose{max-width:760px;margin:0 auto;}
.blog-page .blog-prose p,
.blog-page .blog-prose li{
  font-weight:500;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#3a3a3a;
}
.blog-page .blog-prose h2,
.blog-page .blog-prose h3,
.blog-page .blog-prose h4{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:-.01em;color:var(--orange);line-height:1.05;margin:1.4em 0 .5em;
}
.blog-page .blog-prose h2{font-size:clamp(30px,3.6vw,52px);}
.blog-page .blog-prose h3{font-size:clamp(22px,2.4vw,32px);}
.blog-page .blog-prose h4{font-size:clamp(18px,2vw,24px);}
.blog-page .blog-prose a{color:#0074d9;text-decoration:underline;text-underline-offset:3px;}
.blog-page .blog-prose ul,
.blog-page .blog-prose ol{margin:0 0 18px;padding-left:1.2em;}
.blog-page .blog-prose li{margin:0 0 8px;}
.blog-page .blog-prose img{border-radius:18px;margin:12px 0 18px;}
.blog-page .blog-prose blockquote{margin:0 0 18px;padding:8px 0 8px 18px;border-left:3px solid var(--orange);}
.blog-page .blog-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;}
.blog-page .blog-prose pre{overflow:auto;padding:16px 18px;border-radius:16px;background:#eaf5ff;}
.blog-page .blog-related{max-width:760px;margin:28px auto 0;font-weight:600;color:#162638;}
.blog-page .blog-related a{color:#0074d9;text-decoration:underline;text-underline-offset:3px;}
.blog-page .blog-cta{margin-top:8px;}