* { box-sizing: border-box; }

/* support リンク（記事末尾・index・404 共通） */
.support { margin: 2.5em 0 0; padding: 14px 16px; text-align: center; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; }
.support a { display: inline-block; color: #4b5563; font-size: 0.9rem; font-weight: 500; text-decoration: none; }
.support a:hover { color: #1f2937; text-decoration: underline; }

/* 記事一覧（記事ページのサイドバー / 404 ページ共通） */
.ap-section { margin-bottom: 0.5rem; }
.ap-section-title { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #9ca3af; padding: 8px 0 4px; border-bottom: 1px solid #e5e7eb; margin-bottom: 2px; }
.ap-section ul { list-style: none; padding: 0; margin: 0; }
.ap-section li { border-top: none; border-bottom: 1px solid #f3f4f6; margin: 0; padding: 0; }
.ap-section a { display: flex; align-items: baseline; gap: 0.5em; padding: 9px 0; color: #374151; text-decoration: none; font-size: 0.85rem; line-height: 1.4; }
.ap-section a:hover { color: #111827; background: #eef2ff; text-decoration: none; }
.ap-code { flex-shrink: 0; font-size: 0.65rem; font-weight: 700; color: #f0f0f0; background: #444; padding: 0.1em 0.4em; border-radius: 3px; letter-spacing: 0.04em; }
.ap-title .ap-code { background: #888; margin-right: 0.2rem; }
.ap-current a { color: #6366f1; font-weight: 600; }
.ap-current .ap-code { background: #6366f1; }

/* タグ系（index 記事カード / 記事 subtitle / 補足UIで共通利用） */
.tech-tags {
  margin-top: 0.25rem;
}
.tech-tag {
  display: inline-block;
  font-size: 0.65rem;
  color: #555;
  background: #e8e8e8;
  padding: 0.1em 0.5em;
  border-radius: 3px;
  margin-right: 0.3em;
  letter-spacing: 0.03em;
}
.tag {
  display: inline-flex;
  align-items: center;
  font-size: 0.65rem;
  font-weight: 700;
  color: #f0f0f0;
  background: #444;
  padding: 0.15em 0.5em;
  border-radius: 3px;
  margin-right: 0.45em;
  letter-spacing: 0.06em;
  vertical-align: middle;
}
.tag + .tag {
  background: #6366f1;
}
.tag.slide-tag {
  background: #d97706;
  color: #fff;
  text-decoration: none;
}
.tag.slide-tag:hover {
  background: #b45309;
}