/* QUERYY 記事下：関連記事スライダーの下のリンク（ハブ・関連サービスLP）。記事ページだけで読み込む（inc/queryy-internal-links.php） */
.qil-more { display: flex; flex-wrap: wrap; gap: 12px; }
.qil-more__link { position: relative; display: flex; flex: 1 1 320px; align-items: center; gap: 12px; min-height: 64px; padding: 14px 56px 14px 18px; border: 1px solid #e3e8f0; border-radius: 12px; background: #fff; color: #0b1a33; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.qil-more__link:hover { border-color: #0a5cff; box-shadow: 0 12px 26px -18px rgba(10, 92, 255, .5); }
.qil-more__link:focus-visible { outline: 3px solid #0a5cff; outline-offset: 3px; }
.qil-more__label { flex-shrink: 0; padding: 4px 10px; border-radius: 999px; background: #eaf1ff; color: #0a5cff; font-size: 12px; font-weight: 800; letter-spacing: .04em; line-height: 1.4; }
.qil-more__link.is-service .qil-more__label { background: #0a5cff; color: #fff; }
.qil-more__text { font-size: 16px; font-weight: 800; line-height: 1.5; }
.qil-more__arrow { position: absolute; right: 18px; top: 50%; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; background: #0a5cff; color: #fff; font-size: 14px; font-weight: 800; transition: transform .2s; }
.qil-more__link:hover .qil-more__arrow { transform: translateX(3px); }
@media (max-width: 768px) {
  .qil-more { gap: 10px; }
  .qil-more__link { flex-basis: 100%; padding: 12px 50px 12px 14px; }
  .qil-more__text { font-size: 15px; }
  .qil-more__arrow { right: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .qil-more__link, .qil-more__arrow { transition: none; }
}