/* ===========================
   AiMAiD – Maid Profile (single)  Cheki Style v2
   - PC: 左=チェキ / 右=プロフィール
   - SP: チェキ → プロフィール
   - 担当カラー: 土台の全面グラデ（--accent / --accent2）
   =========================== */

:root{
  --accent:  #ff7fb0;   /* 未指定時の仮 */
  --accent2: #fcb8d5;   /* 未指定時の仮 */
  --text: #333;
  --ring: #ffd3e6;
}

/* コンテナ */
.entry-content .aimaid-profile{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "cheki"
    "info";
  gap: 16px;
  color: var(--text);
}
@media (min-width: 960px){
  .entry-content .aimaid-profile{
    grid-template-columns: 44% 56%;
    grid-template-areas: "cheki info";
    gap: 24px;
    align-items: start;
  }
}

.entry-content .aimaid-figure{ grid-area: cheki; }
.entry-content .aimaid-info  { grid-area: info;  }
.entry-content .aimaid-card{ background: transparent; border:0; padding:0; }

/* ===========================
   チェキ本体
   =========================== */

.entry-content .cheki{
  position: relative;
  background: linear-gradient(180deg, var(--accent2) 0%, var(--accent) 100%);
  border-radius: 10px;            /* ← 角丸をシャープに */
  border: 1px #888 solid;
  padding: 12px 12px 84px;        /* 下はキャプション分を広めに確保 */
  filter: drop-shadow(0 10px 26px rgba(0,0,0,.12));
  max-width: 560px;
  margin: 0 auto;
}
@media (min-width: 960px){
  .entry-content .cheki{ justify-self: end; }
}

/* 写真面：半透明白の背景＋角丸 */
.entry-content .cheki__photo{
  background: rgba(255,255,255,.8); /* ← 半透明白 */
  border-radius: 12px;
  border: 1px #ccc solid;
  overflow: hidden;
  min-height: 280px;
  display: grid;
  place-items: center;
  margin: 20px 10px 10px 10px;
  padding: 10px;
}
@media (min-width: 960px){
  .entry-content .cheki__photo{ min-height: 420px; }
}

@media (min-width: 1024px) { /* PCだけ適用 */
  .cheki {
    transform: rotate(-1deg);
  }
}

.entry-content .cheki__img{
  max-width: 100%;
  max-height: 540px;
  height: auto;
  width: auto;
  object-fit: contain;
  display: block;
}

/* 名前ラベル：背景なしで大きく。ローマ字も映える設定 */
.entry-content .cheki__label{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 25px;
  text-align: center;
  font-weight: 800;
  font-size: clamp(2rem, 2.2vw, 1.45rem); /* 大きめ */
  letter-spacing: .06em;                     /* ローマ字映え */
  line-height: 1.15;
  background: transparent;                   /* 背景は付けない */
  color: #fff;                               /* デフォ白 */
  text-shadow: 0 1px 0 rgba(0,0,0,.25);      /* 読みやすさ確保 */
  pointer-events: none;
}

/* 薄い担当カラーのときは文字を#666へ（テンプレの data-contrast を利用） */
.entry-content .aimaid-profile[data-contrast="light"] .cheki__label{
  color:#666;
  text-shadow:none;
}

/* インク領域の表現 */
.cheki::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 10px;
  height: 70px; /* インクっぽい領域の高さ */
  border-top: 1px solid rgba(0,0,0,0.15); /* 薄い線で枠を描く */
  border-radius: 4px;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); /* 少し凹み感を演出 */
  pointer-events: none;
}

/* ===========================
   右側プロフィール
   =========================== */

.entry-content .aimaid-info{
  display: grid;
  gap: 14px;
  padding-right: 12px; /* 右の余白 */
}

.entry-content .aimaid-header{
  display: grid;
  gap: 10px;
}

/* 卒業バッジ */
.entry-content .aimaid-archived-badge{
  display:inline-block;
  background:#fff2f7;
  border:1px solid #ffc7dc;
  color:#a23b66;
  border-radius:999px;
  padding:6px 10px;
  font-size:.9rem;
}

/* ランク＆店舗 */
.entry-content .aimaid-meta-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
}
.entry-content .aimaid-rank{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  line-height:1;
  border-radius:999px;
  border:1px solid var(--ring);
  background:#fff;
  font-weight:600;
  font-size:.95rem;
}
.entry-content .aimaid-stores{ display:flex; align-items:center; gap:10px; }
.entry-content .aimaid-store-logo{
  display:inline-flex; align-items:center; justify-content:center;
  width:84px; height:28px; border:1px dashed #ffd3e6; border-radius:6px;
  background:#fff; padding:2px 6px;
}
.entry-content .aimaid-store-logo img{ max-height:100%; width:auto; display:block; }

/* セクション */
.entry-content .aimaid-section{ margin-top: 2px; }
.entry-content .aimaid-section__title{
  display:inline-block; font-size:1rem; font-weight:700;
  color:#aa3a6a; background:#fff7fb; border:1px solid #ffd3e6;
  border-radius:6px; padding:6px 10px; margin:0 0 8px;
}

/* データリスト */
.entry-content .aimaid-dl{
  display:grid; grid-template-columns:110px 1fr; gap:8px 10px; align-items:center;
}
.entry-content .aimaid-dl dt{ color:#a23b66; font-weight:700; font-size:.95rem; }
.entry-content .aimaid-dl dd{
  margin:0; border:1px solid #ffd6e7; border-radius:6px; padding:6px 10px;
  min-height:34px; display:flex; align-items:center; background:#fff;
}
.entry-content .aimaid-dl dd.is-empty{ color:#b5b5b5; }

/* メッセージ */
.entry-content .aimaid-message{
  border:1px solid #ffd6e7; border-radius:8px; padding:12px; background:#fff; min-height:44px;
}

/* 低モーション */
@media (prefers-reduced-motion: reduce){
  .entry-content .cheki__label{ transition:none !important; }
}