/* ============================================================
   Aoki Tech Studio — page-note.css（note/ 記事ページ専用・最小構成）
   一覧（note/index.html）は base.css のみで成立するため読み込まない
   ============================================================ */

/* ---------- 記事ヒーローのメタ行（日付・タグ） ---------- */
.article-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}
.article-date {
  font-family: var(--font-en);
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: var(--gold);
}
.article-tag {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--muted);
  border: 1px solid var(--gold-line-strong);
  border-radius: 999px;
  padding: 4px 16px;
}

/* ---------- 記事本文の読み幅 ---------- */
.article-body { max-width: 760px; }
.article-body h2:first-of-type { margin-top: 0; }

/* ---------- 記事フッター（関連記事・一覧へ戻る） ---------- */
.article-foot {
  max-width: 760px;
  margin-top: clamp(56px, 7vw, 96px);
  padding-top: clamp(36px, 4vw, 56px);
  border-top: 1px solid var(--gold-line);
}
.article-foot .eyebrow { margin-bottom: 26px; }
.related-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.article-back { margin-top: 44px; }
@media (max-width: 600px) {
  .related-grid { grid-template-columns: 1fr; gap: 32px; }
}