.articleBody {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

/* Category */
.articleBody__category {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4A8A00;
  background: #e8f9d0;
  padding: 3px 10px;
  border-radius: 100px;
  width: fit-content;
}

/* Title */
.articleBody__title {
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 700;
  color: #0A1A5C;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* Body */
.articleBody__body {
  font-size: 16px;
  color: #2D3A6B;
  line-height: 1.8;
}

.articleBody__body p {
  margin: 0 0 16px;
}

.articleBody__body h2,
.articleBody__body h3,
.articleBody__body h4 {
  color: #0A1A5C;
  font-weight: 700;
  margin: 24px 0 12px;
  line-height: 1.3;
}

.articleBody__body h2 { font-size: clamp(20px, 3vw, 26px); }
.articleBody__body h3 { font-size: clamp(18px, 2.5vw, 22px); }
.articleBody__body h4 { font-size: 18px; }

.articleBody__body a {
  color: #1242E6;
  text-decoration: underline;
  transition: color 0.2s ease;
}

.articleBody__body a:hover {
  color: #052699;
}

.articleBody__body ul,
.articleBody__body ol {
  padding-left: 20px;
  margin: 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.articleBody__body ul { list-style: disc; }
.articleBody__body ol { list-style: decimal; }

.articleBody__body img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 16px 0;
}

.articleBody__body blockquote {
  border-left: 4px solid #1242E6;
  padding: 12px 20px;
  margin: 20px 0;
  background: #F4F6FF;
  border-radius: 0 8px 8px 0;
  color: #0A1A5C;
  font-style: italic;
}

.articleBody__body code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  background: #F4F6FF;
  padding: 2px 6px;
  border-radius: 4px;
  color: #1242E6;
}

.articleBody__body pre {
  background: #0A1A5C;
  color: #83E612;
  padding: 20px;
  border-radius: 8px;
  overflow-x: auto;
  margin: 16px 0;
}

.articleBody__body pre code {
  background: none;
  color: inherit;
  padding: 0;
}

.articleFeaturedImage__img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16/9;
}