.content article {
  min-width: 0;
  max-width: 760px;
  font-size: 17px;
  line-height: 1.75;
}
.content article > p:first-of-type { font-size: 19px; color: #334a3f; }
.content article h2 { margin-top: 38px; font-size: clamp(26px, 3vw, 34px); line-height: 1.18; }
.content article h3 { font-size: 21px; margin-top: 28px; line-height: 1.3; }
.content article p, .content article li { overflow-wrap: anywhere; }
.content article a, .related-guide a { color: #0c4b35; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.content article time { display: block; color: #4f6358; font-size: 14px; margin-bottom: 18px; }
.content article ul, .content article ol { padding-left: 24px; }
.content article li { padding-left: 4px; margin: 10px 0; }
.content article pre { padding: 20px; overflow-wrap: anywhere; white-space: pre-wrap; background: #f1f6f1; border-left: 4px solid #16734f; border-radius: 0 8px 8px 0; font-size: 14px; line-height: 1.6; }
.content article blockquote,
.content article .quote-brief {
  margin: 28px 0;
  padding: 22px 26px;
  border-left: 4px solid #16734f;
  background: #f1f6f1;
  border-radius: 0 10px 10px 0;
}
.content article blockquote p { margin: 0; }
.content .sidebar h3 { margin: 0 0 10px; font-size: 19px; }
.content .sidebar h3:not(:first-child) { margin-top: 26px; }
.blog-index { background: #f6f8f4; }
.blog-index .grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.blog-index .card-body { min-height: 250px; display: flex; flex-direction: column; align-items: flex-start; }
.blog-index .card-body .arrow { margin-top: auto; }
.related-guide { padding: 18px 20px; border-left: 4px solid #16734f; background: #f1f6f1; border-radius: 0 8px 8px 0; }
@media (max-width: 900px) {
  .blog-index .grid3 { grid-template-columns: minmax(0, 1fr); }
  .blog-index .card-body { min-height: 0; }
}
@media (max-width: 700px) {
  .content article { font-size: 16px; line-height: 1.65; }
  .content article > p:first-of-type { font-size: 17px; }
  .content article blockquote, .content article .quote-brief { padding: 18px; }
}