/**
 * 一覧ページの背景引用 (module-x, 2026-08-20)
 * トップの .shn-top-quote と同じ見え方に揃える —— 明朝・低い不透明度・
 * ホバーで少しだけ持ち上がる。押せることは、押すまで主張しない。
 */
.shn-ambient-quote {
  margin: 8px 0 26px;
  padding: 34px 6vw 30px;
  text-align: center;
  transition: opacity 1.6s ease, transform 1.8s ease;
}
/* 既定は可視。演出は is-pending を付けている間だけ —— 初期値を不可視にすると
   IntersectionObserverが発火しない環境で引用が永久に消える。 */
.shn-ambient-quote.is-pending {
  opacity: 0;
  transform: translateY(14px);
}
.shn-ambient-quote a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.shn-ambient-quote p {
  margin: 0 0 8px;
  font-family: "Shippori Mincho", "Yu Mincho", serif;
  font-size: clamp(14px, 1.4vw, 19px);
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 2.1;
  color: rgba(205, 220, 222, 0.4);
}
.shn-ambient-quote cite {
  font-style: normal;
  font-size: clamp(11px, 0.95vw, 13px);
  letter-spacing: 0.14em;
  color: rgba(201, 164, 92, 0.45);
}
.shn-ambient-quote a:hover p,
.shn-ambient-quote a:focus-visible p { color: rgba(228, 240, 240, 0.75); }
.shn-ambient-quote a:hover cite,
.shn-ambient-quote a:focus-visible cite { color: rgba(224, 198, 138, 0.9); }
.shn-ambient-quote a:focus-visible { outline: 1px solid rgba(212, 184, 124, 0.6); outline-offset: 6px; }

@media (prefers-reduced-motion: reduce) {
  .shn-ambient-quote, .shn-ambient-quote.is-pending { transition: none; opacity: 1; transform: none; }
}
@media (max-width: 640px) {
  .shn-ambient-quote { padding: 24px 5vw 22px; margin-bottom: 18px; }
}