/* AIツールナビへの導線（サイドバー・トップ・記事末尾）  2026-09-01
   このファイルと inc の ainews_tools_* を消せば導線は消える */

/* --- 共通の数字 --- */
.ai-tcta b, .ai-tside b { font-variant-numeric: tabular-nums; }

/* --- 右サイドバー：濃い1枚。白いボタンで目立たせる --- */
.ai-tside{display:block;position:relative;overflow:hidden;margin-bottom:18px;padding:22px 18px 18px;
 border-radius:12px;color:#fff;background:linear-gradient(152deg,#0d1b2a 0%,#123a5c 52%,#0d6d95 100%);
 box-shadow:0 2px 6px rgba(13,27,42,.12),0 14px 32px rgba(13,27,42,.20);transition:box-shadow .2s,transform .2s}
.ai-tside:before{content:"";position:absolute;right:-46px;top:-56px;width:190px;height:190px;border-radius:50%;
 background:radial-gradient(circle,rgba(46,208,244,.42),transparent 68%);pointer-events:none}
.ai-tside:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(13,27,42,.16),0 22px 46px rgba(13,27,42,.28)}
.ai-tside__t{display:block;position:relative;margin-bottom:15px;font-size:18.5px;font-weight:800;line-height:1.5}
.ai-tside__t em{font-style:normal;font-weight:900;font-size:27px;color:#63e2ff;letter-spacing:-.01em}
.ai-tside__go{display:block;position:relative;text-align:center;background:#fff;color:#0c3a55;
 font-weight:800;font-size:15px;padding:13px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.24)}
.ai-tside:hover .ai-tside__go{background:#eafaff}
.ai-tside__up{display:block;position:relative;margin-top:11px;text-align:center;font-size:11.5px;color:#9fc0d4}
.ai-tside__up b{color:#63e2ff;font-weight:800;font-size:13.5px;margin:0 1px}

/* --- トップページの帯 --- */
.ai-tcta{display:block;background:#fff;border-radius:10px;margin:0 0 26px;overflow:hidden;
 box-shadow:0 1px 2px rgba(13,27,42,.05),0 8px 22px rgba(13,27,42,.07);position:relative;transition:.2s}
.ai-tcta:hover{box-shadow:0 4px 10px rgba(13,27,42,.09),0 20px 44px rgba(13,27,42,.14);transform:translateY(-3px)}
.ai-tcta__in{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 24px;position:relative;z-index:1}
.ai-tcta:before{content:"";position:absolute;inset:0;background:
 radial-gradient(420px 200px at 5% 0,rgba(90,120,255,.10),transparent 62%),
 radial-gradient(380px 200px at 92% 100%,rgba(26,194,241,.13),transparent 60%)}
.ai-tcta__l h2{margin:0 0 5px;font-size:21px;font-weight:800;line-height:1.4;color:#12212e}
.ai-tcta__l h2 em{font-style:normal;background:linear-gradient(96deg,#3f6fe0,#12c2e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-tcta__l p{margin:0;font-size:13.5px;color:#4f5f6c;line-height:1.65}
.ai-tcta__go{background:linear-gradient(96deg,#12b9e8,#3f8ae0);color:#fff;font-weight:700;font-size:14.5px;
 padding:14px 26px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 16px rgba(26,150,220,.32)}
@media(max-width:720px){
  .ai-tcta__in{grid-template-columns:1fr;gap:14px;padding:18px}
  .ai-tcta__l h2{font-size:17.5px}
  .ai-tcta__go{display:block;text-align:center}
}

/* --- 記事の末尾 --- */
.ai-tend{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#f5f9fc;border-radius:10px;
 padding:19px 22px;margin:30px 0 0;transition:.2s}
.ai-tend:hover{background:#eef6fb}
.ai-tend__t{margin:0 0 4px;font-size:16.5px;font-weight:700;color:#12212e}
.ai-tend__d{margin:0;font-size:13px;color:#4f5f6c;line-height:1.65}
.ai-tend__go{background:linear-gradient(96deg,#12b9e8,#3f8ae0);color:#fff;font-weight:700;font-size:13.5px;
 padding:12px 22px;border-radius:999px;white-space:nowrap}
@media(max-width:640px){
  .ai-tend{grid-template-columns:1fr;gap:13px}
  .ai-tend__go{text-align:center}
}