.blog-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0 0 1.5rem; color: #526360; font-size: .8rem; line-height: 1.5; }
.blog-breadcrumbs a { text-decoration: underline; text-underline-offset: 3px; }
.article-toc { margin: 0 0 2.5rem; padding: 1.25rem 0; border-bottom: 1px solid #d6dfda; }
.article-toc p { margin: 0 0 .65rem; color: #182c2a; font-size: .85rem; font-weight: 700; }
.article-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem 2rem; margin: 0; padding-left: 1.2rem; }
.article-toc li { margin: 0; font-size: .85rem; line-height: 1.5; }
.article-toc a { overflow-wrap: anywhere; }
.article-toc + h2 { margin-top: 0; }
.blog-related { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #d6dfda; }
.blog-related h2 { margin: 0 0 1rem; color: #182c2a; font-size: 1.35rem; font-weight: 700; line-height: 1.3; }
.blog-related ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.5rem; padding: 0; margin: 0; list-style: none; }
.blog-related li { min-width: 0; margin: 0; font-size: .95rem; line-height: 1.5; }
.blog-related a { color: #176451; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.blog-related .blog-related-all { margin: 1rem 0 0; font-size: .85rem; }
.blog-index-status { margin: 0 0 1.25rem; color: #526360; font-size: .9rem; }
.blog-legacy #mobile-menu { max-height: calc(100vh - 72px); max-height: calc(100dvh - 72px); overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 600px) {
  .article-toc ol, .blog-related ul { grid-template-columns: 1fr; }
}