/* assets/css/components/author.css
   Author block（記事下ミニプロフィール）
   帯＝full-bleed／中身＝本文幅に吸着
================================================================== */

@layer comp {

  /* 帯自体は上下マージンだけ持つ（左右は base のコンテナに依存） */
  .cd-author{
    margin: 28px 0 20px;
  }

  /* 中身のカードを“本文読み幅”に収めて中央寄せ */
  .cd-author__inner{
    position: relative;
    overflow: hidden;

    max-width: var(--cd-read-width); /* 760px 想定 */
    margin-inline: auto;

    padding: 18px 25px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(5,7,10,.96); /* 少し締まったダーク面 */
  }

  /* 背景の “CD” ウォーターマーク */
  .cd-author__inner::before{
    content: "CD";
    position: absolute;
    right: -12px;
    bottom: -30px;

    font-size: 5rem;
    font-weight: 700;
    letter-spacing: .14em;

    color: rgba(125,227,255,.12); /* アクセントカラーをうっすら */
    pointer-events: none;
    user-select: none;
  }

  @media (max-width: 480px){
    .cd-author__inner{
      padding: 14px 15px;
    }

    .cd-author__inner::before{
      font-size: 4rem;
      right: -18px;
      bottom: -28px;
    }
  }

  .cd-author__body{
    min-width: 0;
  }

  .cd-author__name{
    margin: 0 0 2px;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.25;
  }

  .cd-author__bio{
    margin: 0;
    font-size: .85rem;
    line-height: 1.7;
    color: var(--cd-muted);
  }

  .cd-author__bio p{
    margin: 0 0 4px;
  }

  .cd-author__links{
    margin: 4px 0 0;
    font-size: .8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .cd-author__links a{
    color: var(--cd-accent);
    text-decoration: none;
  }

  .cd-author__links a:hover,
  .cd-author__links a:focus-visible{
    text-decoration: underline;
  }

}