/* ============================================================
   40-artist.css — アーティスト個別・ユーザー個別（機材一覧・コメント・ライトボックス）
   ＋ 3つの個別ページ（アーティスト・機材・ユーザー）の上のプロフィール部分
   ============================================================ */

/* プロフィール文・紹介文（写真の下）。2行で畳んで「もっと見る」 */
.rl-bio-wrap { max-width: 780px; margin: 0; padding: 0; }
.rl-bio--clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.rl-bio--clamp.is-open { display: block; -webkit-line-clamp: unset; overflow: visible; }
.rl-bio-more { margin: 4px 0 0; }
.rl-bio-more[hidden] { display: none; }
.rl-bio-toggle { margin: 0; padding: 0; border: 0; background: none; cursor: pointer; font-family: var(--ff-body); font-size: 12.5px; color: #8e8e87; text-decoration: underline; text-underline-offset: 2px; }
.rl-bio-toggle:hover { color: var(--rl-text); }

/* スマホ：文字と余白を小さくして、開いてすぐの画面がプロフィールだけで埋まらないようにする */
@media (max-width: 600px) {
  .rl-bio-toggle { font-size: 12px; }
}

/* ------------------------------------------------------------
   コメントの案内・使っている人の年表・ライトボックスなど
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  .rl-shell--index .rl-card, .rl-shell--index .rl-tabs__btn, .rl-shell--index .rl-social__link { transition: none; }
}
/* 拡大表示の写真：切り取らずに全体を見せる（縦長・横長でもそのままの形。高さは画面の64%か560pxまで） */
.rl-mgear__imgbtn { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }