/* 記事末尾の著者プロフィール。
   ガイドは3種類のテンプレート（guide-article / guide / pet-flooring 独自）が
   併存しているため、どのページからも同じ見た目になるよう自己完結させる。

   pet-flooring 系はページ内 <style> に `.renovy-page * { margin:0; padding:0 }` の
   リセットがあり、それがこのファイルより後ろに読み込まれる。同詳細度では負けるので、
   クラスを二重指定して詳細度を 0-2-0 に上げてある。 */

.rn-author.rn-author {
  --a-ink: #1c1c1c;
  --a-ink-soft: #555;
  --a-line: #e0e0e0;
  display: block;
  max-width: 720px;
  margin: 72px auto 80px;
  padding: 32px 24px 0;
  border-top: 1px solid var(--a-line);
  font-family: "Noto Sans JP", sans-serif;
  color: var(--a-ink-soft);
  text-align: left;
  box-sizing: border-box;
}

.rn-author .rn-author-label {
  display: block;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  /* #8f8f8f は背景に対しコントラスト 3.05:1 で AA(4.5:1) に届かない [2026-09-07] */
  color: #6e6e6e;
  margin: 0 0 12px;
}

.rn-author .rn-author-name {
  font-family: "STIX Two Text", serif;
  font-size: 17px;
  letter-spacing: .06em;
  line-height: 1.6;
  color: var(--a-ink);
  margin: 0 0 12px;
}

.rn-author .rn-author-bio {
  font-size: 13px;
  line-height: 2;
  letter-spacing: .04em;
  margin: 0 0 16px;
}

.rn-author .rn-author-links {
  font-size: 12px;
  letter-spacing: .06em;
  margin: 0;
}

.rn-author .rn-author-links a {
  color: var(--a-ink-soft);
  text-decoration: none;
  border-bottom: 1px solid var(--a-line);
  padding-bottom: 1px;
}

.rn-author .rn-author-links a:hover { color: var(--a-ink); }

.rn-author .rn-author-links span[aria-hidden] {
  margin: 0 10px;
  color: #c4c4c4;
}

@media (min-width: 780px) {
  .rn-author.rn-author { padding-left: 0; padding-right: 0; }
}