/* ---- 連想スターLP (rensou_star.html) 固有。共通は article.css ---- */

  /* CTA 2ボタン(S1 / S10) */
  .rs-ctas { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:26px; }
  .pagehead .rs-ctas { margin-bottom:6px; }
  .glcta .rs-ctas { justify-content:center; }
  .btn-sub {
    display:inline-block; background:#fff; color:var(--blue); font-weight:900;
    padding:13.5px 36px; border-radius:999px; text-decoration:none; font-size:16px;
    letter-spacing:.06em; border:1.5px solid var(--blue); transition:background .15s, color .15s;
  }
  .btn-sub:hover { background:var(--blue); color:#fff; }
  .glcta .btn-sub { background:transparent; color:#fff; border-color:#fff; }
  .glcta .btn-sub:hover { background:#fff; color:var(--navy); }

  /* S1 ヒーロー図(本文冒頭) */
  .article figure.rs-hero { margin-top:0; }

  /* 箇条書き */
  .article ul.rs-list { padding-left:1.4em; margin-bottom:20px; }
  .article ul.rs-list li { margin-bottom:8px; }
  .article ul.rs-list li::marker { color:var(--blue); }

  /* S3 正引き/逆引き表 */
  .rs-tablewrap { overflow-x:auto; margin:8px 0 14px; }
  .rs-table { width:100%; border-collapse:collapse; font-size:15px; line-height:1.8; min-width:520px; }
  .rs-table th, .rs-table td { border:1px solid #DDE6F5; padding:12px 16px; text-align:left; vertical-align:top; }
  .rs-table thead th { background:var(--navy); color:#fff; font-weight:900; }
  .rs-table thead th:first-child { background:#fff; border-color:#DDE6F5; }
  .rs-table tbody th { background:var(--pale); color:var(--navy); font-weight:700; white-space:nowrap; width:7em; }
  .rs-table .rs-mine { background:#FFF8EA; }
  .rs-note { font-size:13.5px; color:#7A8CA8; }

  /* S4 凡例 */
  .rs-legend { margin:0 0 20px; border-top:1px solid #DDE6F5; }
  .rs-legend div { display:grid; grid-template-columns:7em 1fr; gap:16px; padding:12px 0; border-bottom:1px solid #DDE6F5; }
  .rs-legend dt { font-weight:900; color:var(--navy); }

  /* S8 活用シーン */
  .article ul.rs-scenes { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:20px; }
  .rs-scenes li {
    background:var(--pale); border-radius:12px; padding:16px 20px;
    font-weight:700; color:var(--navy); line-height:1.7;
  }

  /* S9 FAQ */
  .rs-faq { border:1px solid #DDE6F5; border-radius:14px; padding:20px 22px 4px; margin-bottom:16px; }
  .rs-faq h3 { font-size:16.5px; font-weight:900; color:var(--navy); margin-bottom:10px; line-height:1.6; }
  .rs-faq h3::before { content:"Q. "; color:var(--blue); }

  @media (max-width: 860px) {
    .rs-ctas a { width:100%; text-align:center; }
    .article ul.rs-scenes { grid-template-columns:1fr; }
    .rs-legend div { grid-template-columns:1fr; gap:2px; }
  }