/* 記事タイトルは長くなりがちなので、page-header-inner h1/p はcompany.html/blog.htmlより小さめ+line-height指定 */
.page-header-inner h1{
  font-size:clamp(24px,3.2vw,32px); font-weight:800; margin:0 0 14px; color:var(--ink); letter-spacing:.01em; line-height:1.4;
}
.page-header-inner p{ font-size:14px; line-height:1.8; color:var(--ink-soft); margin:0 }

.note-latest{
  display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:700;
  color:var(--ink-soft); background:var(--panel-soft); padding:8px 16px; border-radius:999px;
  margin:0 0 24px;
}
.note-latest a{ color:var(--pink-dark); text-decoration:underline; text-underline-offset:2px }

/* ---- 記事本文 ---- */
.article-meta{ font-size:13px; color:var(--ink-faint); margin:0 0 32px; display:flex; gap:14px; flex-wrap:wrap; align-items:center }
.article-meta .tag{ background:var(--panel-soft); color:var(--ink-soft); font-weight:700; padding:3px 12px; border-radius:999px; font-size:12px }
.article-body{ max-width:68ch; font-size:17px; line-height:1.9; color:var(--ink) }
.article-body h2{ font-size:20px; font-weight:800; margin:40px 0 14px; color:var(--ink); letter-spacing:.01em }
.article-body h2:first-child{ margin-top:0 }
.article-body p{ margin:0 0 20px }
.article-body ul{ margin:0 0 20px; padding-left:1.3em }
.article-body li{ margin-bottom:10px }
.article-body strong{ color:var(--pink-dark) }
.article-lede{ font-size:17px; line-height:1.9; color:var(--ink-soft); margin:0 0 32px; max-width:68ch }
.article-cta{
  margin-top:48px; padding:28px 30px; background:var(--panel-soft); border-radius:22px; max-width:68ch;
}
.article-cta p{ margin:0 0 18px; font-size:15px; line-height:1.8; color:var(--ink) }
.article-back{ margin-top:40px }