/* QUERYY 記事下：所属カテゴリのハブへの戻りリンク（ハブ対象カテゴリの記事だけで読み込む） */
.qch-back { margin: 40px 0 0; }
.qch-back__link { position: relative; display: block; padding: 22px 64px 22px 24px; border: 1px solid #e3e8f0; border-left: 4px solid #0a5cff; border-radius: 12px; background: #f4f7fc; color: #0b1a33; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.qch-back__link:hover { border-color: #0a5cff; box-shadow: 0 12px 26px -18px rgba(10, 92, 255, .5); }
.qch-back__link:focus-visible { outline: 3px solid #0a5cff; outline-offset: 3px; }
.qch-back__label { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 800; letter-spacing: .06em; color: #0a5cff; }
.qch-back__ttl { display: block; font-size: 18px; font-weight: 900; line-height: 1.5; }
.qch-back__txt { display: block; margin-top: 4px; font-size: 14px; line-height: 1.7; color: #4a5874; }
.qch-back__arrow { position: absolute; right: 22px; top: 50%; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-top: -16px; border-radius: 50%; background: #0a5cff; color: #fff; font-weight: 800; transition: transform .2s; }
.qch-back__link:hover .qch-back__arrow { transform: translateX(3px); }
@media (max-width: 768px) {
  .qch-back { margin-top: 32px; }
  .qch-back__link { padding: 18px 56px 18px 18px; }
  .qch-back__ttl { font-size: 16px; }
  .qch-back__arrow { right: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .qch-back__link, .qch-back__arrow { transition: none; }
}