/* =========================================================
  Common Link Override
  移行期：TOPガイドリンクの視認性確保
========================================================= */

/* 
  style.css側の本文リンク指定に負けないよう、
  TOPガイドリンクは少し詳細度を上げて指定する。
  後日style.css整理後に、指定を薄くしていく。
*/
.sz-top-guide__link,
.sz-link-guide,
.entry-content .sz-top-guide__link,
.entry-content .sz-top-guide a.sz-top-guide__link,
#main-content .entry-content .sz-top-guide a.sz-top-guide__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  color: var(--green-main, #3A8228);
  font-weight: 700;
  text-decoration: none;
  line-height: 1.7;
  border-bottom: 1px solid currentColor;
  background: transparent;
  transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.sz-top-guide__link:visited,
.sz-link-guide:visited,
.entry-content .sz-top-guide__link:visited,
.entry-content .sz-top-guide a.sz-top-guide__link:visited,
#main-content .entry-content .sz-top-guide a.sz-top-guide__link:visited {
  color: var(--green-main, #3A8228);
}

.sz-top-guide__link:hover,
.sz-link-guide:hover,
.entry-content .sz-top-guide__link:hover,
.entry-content .sz-top-guide a.sz-top-guide__link:hover,
#main-content .entry-content .sz-top-guide a.sz-top-guide__link:hover {
  color: var(--green-dark, #2A6018);
  border-color: var(--green-dark, #2A6018);
  transform: translateX(2px);
}

.sz-top-guide__link:focus-visible,
.sz-link-guide:focus-visible,
.entry-content .sz-top-guide__link:focus-visible,
.entry-content .sz-top-guide a.sz-top-guide__link:focus-visible,
#main-content .entry-content .sz-top-guide a.sz-top-guide__link:focus-visible {
  outline: 2px solid var(--green-main, #3A8228);
  outline-offset: 4px;
}

/* =========================================================
  Common Link Extension
  共通案内リンク：TOP・固定ページ用
========================================================= */

/*
  .sz-link-guide は、本文中の案内リンクとして共通利用する。
  style.css側の .entry-content a 指定に負けないよう、移行期は詳細度を上げる。
*/
.sz-link-guide,
.entry-content a.sz-link-guide,
#main-content .entry-content a.sz-link-guide,
#main-content .entry-content .sz-zero-about a.sz-link-guide {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  color: var(--green-main, #3A8228);
  font-weight: 700;
  text-decoration: none;
  line-height: 1.7;
  border-bottom: 1px solid currentColor;
  background: transparent;
  transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.sz-link-guide:visited,
.entry-content a.sz-link-guide:visited,
#main-content .entry-content a.sz-link-guide:visited,
#main-content .entry-content .sz-zero-about a.sz-link-guide:visited {
  color: var(--green-main, #3A8228);
}

.sz-link-guide:hover,
.entry-content a.sz-link-guide:hover,
#main-content .entry-content a.sz-link-guide:hover,
#main-content .entry-content .sz-zero-about a.sz-link-guide:hover {
  color: var(--green-dark, #2A6018);
  border-color: var(--green-dark, #2A6018);
  transform: translateX(2px);
  opacity: 1;
}

.sz-link-guide:focus-visible,
.entry-content a.sz-link-guide:focus-visible,
#main-content .entry-content a.sz-link-guide:focus-visible,
#main-content .entry-content .sz-zero-about a.sz-link-guide:focus-visible {
  outline: 2px solid var(--green-main, #3A8228);
  outline-offset: 4px;
}

/* =========================================================
  アニメーション定義
  2026-08-28 ステップ6-① で style.css（旧406〜421行）から移動。
  ※ 最終形では common.css 先頭の「変数 → リセット」の後に並べ替える予定。
    後続ブロック移動時にこのブロックを上部へ再配置すること。
========================================================= */

/* ─── アニメーション ─── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.anim-fade-up {
  animation: fadeUp 0.55s ease-out forwards;
}

@keyframes pulseGold {
  0%, 100% { box-shadow: 0 0 0 0 rgba(184,148,10,0.4); }
  50%       { box-shadow: 0 0 0 8px rgba(184,148,10,0); }
}
.pulse-gold {
  animation: pulseGold 2.2s infinite;
}