body[data-company-article] .blog-article {
  max-width: 1040px;
  padding: 60px 32px 80px;
  margin: auto;
}
body[data-company-article] .article-header {
  margin-bottom: 36px;
}
body[data-company-article] .article-header h1 {
  font-size: clamp(30px, 4vw, 49px);
  line-height: 1.15;
  letter-spacing: -0.035em;
  color: #122638;
}
body[data-company-article] .article-header .article-cover {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 18px;
  margin-top: 28px;
}
body[data-company-article] .article-body {
  max-width: 800px;
  margin: auto;
  font-size: 17px;
  line-height: 1.8;
  color: #263e50;
}
body[data-company-article] .article-body h2 {
  font-size: 27px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin: 44px 0 16px;
}
body[data-company-article] .article-body p {
  margin: 0 0 22px;
}
body[data-company-article] .article-body figure {
  margin: 28px 0;
}
body[data-company-article] .article-body img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
}
body[data-company-article] .article-body ul {
  padding-left: 25px;
}
body[data-company-article] .article-body li {
  padding-left: 5px;
  margin-bottom: 18px;
}
body[data-company-article] .article-body a {
  color: #087db3;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 599px) {
  body[data-company-article] .blog-article {
    padding: 38px 20px 60px;
  }
  body[data-company-article] .article-body {
    font-size: 16px;
  }
  body[data-company-article] .article-body h2 {
    font-size: 23px;
  }
}