/* PC のみ：外来担当医カードの短径フォト（access.html arch-photo 風） */
    @media (min-width: 768px) {
      .outpatient-card { display: grid; grid-template-columns: 5fr 7fr; gap: 32px; align-items: center; padding: 32px; }
      .outpatient-card .op-photo-wrap { position: relative; }
      .outpatient-card .op-photo {
        width: 100%;
        aspect-ratio: 4 / 5.3;
        border-radius: 999px 999px 0 0;
        overflow: hidden;
        background: rgba(124,179,66,0.08);
      }
      .outpatient-card .op-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
      .outpatient-card .op-accent {
        position: absolute;
        bottom: -10px; right: -10px;
        width: 28%; aspect-ratio: 1;
        background: #7cb342;
        border-radius: 8px;
        z-index: -1;
      }
      .outpatient-card .op-info { padding: 0; }
      .outpatient-card .op-badge-wrap { margin-bottom: 16px; }
    }

    /* ===== 院長 著書 ===== */
    .book-cover-wrap {
      position: relative;
      width: 100%;
      max-width: 200px;
      perspective: 800px;
    }
    .book-cover-link {
      display: block;
      position: relative;
      transform: rotateY(-3deg);
      transform-origin: left center;
      transition: transform .4s cubic-bezier(.23,1,.32,1);
    }
    .book-cover-link:hover {
      transform: rotateY(0deg) translateY(-4px);
    }
    .book-cover-link::before {
      content: "";
      position: absolute;
      top: 0; bottom: 0; left: 0;
      width: 6px;
      background: linear-gradient(90deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 100%);
      pointer-events: none;
      z-index: 1;
    }
    .book-cover-img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 4px 6px 6px 4px;
      box-shadow:
        0 2px 4px rgba(0,0,0,0.08),
        0 12px 28px rgba(74,138,62,0.18),
        0 6px 14px rgba(0,0,0,0.12);
    }
    @media (min-width: 768px) {
      .book-cover-wrap { max-width: 220px; }
    }

/* === 医師紹介カード（緑グラデーション）=== */
.doctor-intro-card{
  background:linear-gradient(135deg,#7cb342 0%,#4a8a3e 100%);
}

/* === 医師バッジ（写真右下/左下の役職表示）=== */
.doctor-badge{
  background:linear-gradient(135deg,#7cb342 0%,#4a8a3e 100%);
}

/* === 著書カード 書影背景 === */
.book-cover-bg{
  background:linear-gradient(135deg,#f1f8e9 0%,#e8f5e0 100%);
}

/* === Kindle 版バッジ === */
.kindle-badge{
  background:#7cb342;
  color:#fff;
}