/* Related articles: shared line-btitle / board / related-links.
   The 750px reading column leaves room for the existing desktop contact rail.

   2026-10-11: self-contained. The previous candidate enqueued css/components.css,
   which this page never loaded; that brought in rules for existing parts
   (.main .nowrap, .topbreadcrumb li span) and changed 48 computed values.
   The six .main .related-links rules this block actually needs are copied below
   (components.css:284-289,297-299, verbatim values) and scoped to .related-articles,
   so nothing outside the block can be reached. components.css itself is unchanged
   and is no longer enqueued. */

/* ---- 配置 ---- */
.related-articles.part { max-width:750px; margin:64px auto 0; }
.related-articles > .line-btitle { margin:0; line-height:1.3; }
.related-articles.part > .board { margin-top:16px; padding:6px 16px; }

/* ---- 一覧リンク列（出典 components.css:284-289 / 297-299。値はそのまま・範囲だけ枠内に限定） ---- */
.related-articles .related-links { list-style:none; margin:0; padding:0; }
.related-articles .related-links li { border-bottom:1px dashed var(--color7); }
.related-articles .related-links li:last-child { border-bottom:none; }
.related-articles .related-links a { display:block; padding:13px 40px 13px 4px; text-decoration:none; position:relative; text-align:left; }
.related-articles .related-links a:after { content:""; position:absolute; right:4px; top:50%; transform:translateY(-50%) rotate(-90deg); width:24px; height:24px; border-radius:50%; background:#fff url(../images/renewal-compat/icon/select.svg) center/10px auto no-repeat; }
.related-articles .related-links a b { display:block; color:var(--color9); font-size:14px; font-weight:700; line-height:1.5; }

/* ---- 説明文と押下域 ---- */
.related-articles .related-links a { min-height:44px; word-break:break-word; }
.related-articles .related-summary { margin-top:3px; color:#333; font-size:12px; line-height:1.6; }
.related-articles .related-summary p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; }
.related-articles .related-links a:focus-visible { outline:2px solid var(--color9); outline-offset:-2px; }

@media(max-width:750px) { .related-articles.part { margin-top:48px; } }
@media(min-width:751px) {
  /* 出典 components.css:297-299。基底 14px と同詳細度なので、基底より後段に置く */
  .related-articles .related-links a b { font-size:16px; }
}
@media(min-width:751px) and (max-width:1023px) {
  .related-articles.part { width:calc(100% - 140px); margin-left:0; margin-right:140px; }
}