/* サブページ用の差分。style.css は変更しない */
.page-head { padding: 64px 0 40px; background: #fff; border-bottom: 1px solid rgba(0,0,0,.07); }
.page-head h1 { font-size: clamp(28px, 4vw, 42px); line-height: 1.35; margin: 8px 0 0; }
.crumbs { font-size: 13px; opacity: .65; margin-bottom: 18px; }
.crumbs a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.2); }
.crumbs span { margin: 0 6px; opacity: .5; }
.prose h3 { margin: 32px 0 10px; font-size: 19px; }
.article-list { list-style: none; padding: 0; margin: 36px 0 0; display: grid; gap: 12px; }
.article-list a { display: block; padding: 18px 20px; background: #fff; border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px; text-decoration: none; color: inherit; transition: border-color .15s, transform .15s; }
.article-list a:hover { border-color: rgba(0,0,0,.28); transform: translateY(-1px); }
.article-list .t { display: block; font-weight: 600; margin-bottom: 4px; }
.article-list .s { display: block; font-size: 14px; opacity: .7; line-height: 1.7; }
@media (max-width: 640px) { .page-head { padding: 44px 0 30px; } }