/* ブログ一覧と記事の共通組版。 */
html:not(.archive-ready) .reading-index--blog .blog-tools { display: none; }
.reading-index--blog .article-list a { padding-block: clamp(18px, 2.4vw, 28px); row-gap: 6px; }
.blog-archives { margin-top: clamp(24px, 4vw, 46px); }
.blog-archives > summary {
  width: fit-content;
  padding-block: 11px;
  font-weight: 720;
  cursor: pointer;
}
.blog-archives #archive-filters { margin-top: 10px; padding-top: 18px; }
@media (max-width: 760px) {
  .article-list__undated { display: none; }
}

.reading-archive-head.page-head {
  min-height: 0;
  padding-block: clamp(24px, 4vw, 52px) clamp(38px, 6vw, 76px);
}
.reading-archive-head .page-head__art { width: 32%; }
.reading-archive-head .page-head__slash { left: 68%; }
.reading-archive-head h1 { max-width: 70%; font-size: clamp(29px, 5vw, 62px); }
.reading-article-head { padding-block: clamp(25px, 4vw, 54px) clamp(30px, 5vw, 62px); }
.reading-article-head .article-head__meta { margin-bottom: 12px; }
.reading-article-head h1 { font-size: clamp(26px, 4.1vw, 50px); }
.reading-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 9px;
  margin-bottom: 12px;
  font-size: .82rem;
}
.reading-breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-underline-offset: .28em;
}

.reading-index, .reading-article { padding-block-start: clamp(28px, 6vw, 72px); }
.reading-index__toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 24px;
  border-bottom: 1px solid var(--ink-line);
}
.reading-index__toolbar :is(.archive-summary, .blog-status) { margin: 0; }
.reading-index__toolbar .text-link { min-height: 44px; }
.reading-index__toolbar .archive-summary .text-link { margin-inline-start: 14px; }
#archive-filters [aria-current] { font-weight: 700; text-decoration-thickness: 2px; }

.reading-article .article-toc { padding-block: 6px; margin-bottom: clamp(24px, 5vw, 48px); }
.reading-article .article-toc summary { min-height: 44px; padding-block: 8px; cursor: pointer; font-weight: 700; }
.reading-article .article-toc ol { margin-bottom: 16px; }
.reading-article .article-history-note time { white-space: nowrap; }
.reading-article .article-history-note span { display: inline-block; margin-inline-start: .7em; }
.reading-next.article-foot { margin-top: clamp(24px, 5vw, 52px); padding-top: 14px; }
.reading-next .text-link { min-height: 44px; }

@media (max-width: 860px) {
  .reading-archive-head .page-head__art {
    height: 100%;
    clip-path: polygon(48% 0, 100% 0, 100% 100%, 0 100%);
  }
}