.blog-container {max-width: 70em;width: 94%;margin: auto;}.main-content-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: clamp(3.75em, 7.82vw, 6.25em) 0;}.blog-article {max-width: 49.6875em;width: 100%;}.blog-mainImage {width: 100%;display: block;margin-bottom: 2rem;border-radius: 0.5rem;overflow: hidden;}.blog-mainImage img {width: 100%;height: auto;display: block;}.article-group {padding: 0 0 1.5rem 0;border-bottom: 1px solid #e2e8f0;margin-bottom: 2rem;}.blog-h1 {font-size: clamp(1.75rem, 4vw, 2rem);font-weight: 600;line-height: 1.2em;color: #333;margin: 0;}#blog-content h1, #blog-content h2, #blog-content h3, #blog-content h4, #blog-content h5, #blog-content h6 {color: #1a1a2e;margin: 2rem 0 0.75rem 0;line-height: 1.3em;}#blog-content h2 {font-size: 1.75rem;font-weight: 700;}#blog-content h3 {font-size: 1.375rem;font-weight: 700;}#blog-content p {font-size: 1.1875rem;line-height: 1.8em;margin: 0 0 1rem 0;color: #4e4b66;}#blog-content a {color: #d1495b;text-decoration: underline;}#blog-content a:hover {color: #b83d4d;}#blog-content hr {margin: 2rem 0;border: none;border-top: 1px solid #e2e8f0;}#blog-content blockquote {margin: 1.5rem 0;padding: 1rem 1.5rem;border-left: 4px solid #d1495b;background: #faf5f5;border-radius: 0 0.5rem 0.5rem 0;}#blog-content blockquote p {margin: 0;color: #4e4b66;}#blog-content ul, #blog-content ol {margin: 0 0 1rem 0;padding: 0 0 0 1.5rem;}#blog-content ul li, #blog-content ol li {font-size: 1.1875rem;line-height: 1.8em;color: #4e4b66;margin-bottom: 0.5rem;}#blog-content img {width: auto;max-width: 100%;height: auto;display: block;margin: 1.5rem 0;border-radius: 0.5rem;}#blog-content code {font-size: 0.9em;padding: 0.15em 0.4em;background: #f7f7f7;border-radius: 0.25rem;}#blog-content pre {margin: 1.5rem 0;padding: 1.25rem;background: #f7f7f7;border-radius: 0.5rem;overflow-x: auto;}#blog-content pre code {padding: 0;background: none;}#blog-content strong {font-weight: 700;color: #1a1a2e;}em 0.4em;
  background: #f7f7f7;
  border-radius: 0.25rem;
}
#blog-content pre {
  margin: 1.5rem 0;
  padding: 1.25rem;
  background: #f7f7f7;
  border-radius: 0.5rem;
  overflow-x: auto;
}
#blog-content pre code {
  padding: 0;
  background: none;
}
#blog-content strong {
  font-weight: 700;
  color: #1a1a2e;
}