/* Public WordPress blog import only; manager's column and shared styles stay unchanged. */
.article-page--blog .article-feature {
  width: min(calc(100% - (var(--article-gutter) * 2)), 760px);
}
.article-page--blog .article-feature img { aspect-ratio: auto; height: auto; }
.article-page--blog .article-entry { overflow-wrap: anywhere; }
.article-page--blog .article-entry h2 { scroll-margin-top: 120px; }
.article-page--blog .article-entry h2 b { font-weight: inherit; }
.article-page--blog .blog-imported-content img { max-width: 100%; height: auto; }
.article-page--blog .blog-toc {
  margin-bottom: 56px;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  background: #fff;
}
.article-page--blog .blog-toc summary { cursor: pointer; font-size: 16px; font-weight: 500; }
.article-page--blog .blog-toc ol { margin: 18px 0 0; font-size: 14px; }
.article-page--blog .blog-toc a { text-decoration: none; }
.article-page--blog .blog-toc a:hover { text-decoration: underline; }
.blog-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 16px;
  margin: 40px auto 0;
  padding: 0;
}
.blog-tags a {
  padding: 7px 12px;
  border: 1px solid #ccc;
  border-radius: 999px;
  color: var(--subpage-ink);
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
}
.article-page--blog .blog-tags { justify-content: flex-start; margin-top: 64px; }
.article-page--blog .blog-navigation { flex-direction: column; align-items: center; gap: 36px; }
.article-page--blog .blog-adjacent { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 48px; width: 100%; }
.article-page--blog .blog-adjacent a { flex: 1 1 240px; max-width: 420px; color: inherit; font-size: 15px; line-height: 1.8; text-decoration: none; }
.article-page--blog .blog-adjacent span { display: block; color: #777; font-size: 12px; margin-bottom: 8px; }
.article-page--blog .blog-adjacent a:hover { text-decoration: underline; }
@media (max-width: 767px) {
  .article-page--blog .blog-toc { margin-bottom: 40px; }
  .article-page--blog .blog-toc ol { font-size: 13px; }
  .article-page--blog .blog-adjacent { gap: 28px; }
}