/* Blog: full-width wrapper, narrow text */
.blog-content,
article {
  width: 100%;
}

/* Constrain readable elements */
.blog-content p,
.blog-content ul,
.blog-content ol,
.blog-content li,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6,
.blog-content blockquote {
  max-width: 68ch;
}

/* Let H1 span full width (no max-width) */
.blog-content h1 {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Let images span full width */
.blog-content img,
.blog-content figure {
  max-width: none;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

p, ul li {
    font-weight: 500;
}

.blog-page .blog-content p,
.blog-page .blog-content ul,
.blog-page .blog-content li,
.news-page .blog-content p,
.news-page .blog-content ul,
.news-page .blog-content li {
    font-weight: 500;
}

.blog-page .blog-content ul li,
.news-page .blog-content ul li {
  font-weight: 500;
}

.news-page .intro p {
font-weight: 500;
}

.blog-page .blog-content h2, .blog-page .blog-content h3, .news-page .blog-content h2, .news-page .blog-content h3 {
    font-weight: 800;
}

/* Default: safe mobile behaviour */
.blog-content p img {
  width: 100%;
  max-width: 100%;
  margin: 0;
  transform: none;
  height: auto;
}

/* Desktop breakout */
@media (min-width: 992px) {
  .blog-content p img {
    width: min(1100px, 90vw);
    max-width: none;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

.blog-content a {
    text-decoration: underline;
    font-weight: 800;
}

body {
  overflow-x: hidden;
}