.tarot3c-wrap{max-width:1000px;margin:24px auto;padding:20px;background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06); border: 3px solid #f5f5f5; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}
.tarot3c-row{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:flex-end;
  margin-bottom: 2rem;
}
.tarot3c-col{flex:1;min-width:260px}
.tarot3c-col.shrink{flex:0 0 auto}
.tarot3c-label{font-size:.9rem; font-weight: bold; margin-bottom:.2rem}
.tarot3c-radio{display:flex;gap:12px;flex-wrap:wrap}
.tarot3c-radio label{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}
.tarot3c-btn{appearance:none;border:1px solid #ddd;padding:.7rem 1.1rem;border-radius:12px;background:#111827;color:#fff;font-weight:700;cursor:pointer}
.tarot3c-btn[disabled]{opacity:.55;cursor:not-allowed}
.tarot3c-video{justify-content:center;margin:1.5rem 0}
.tarot3c-video video{width:min(400px,90%);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.tarot3c-video{display:flex;flex-direction:column;align-items:center;margin:12px 0}
.tarot3c-video-ctrl{margin-top:1rem}
.tarot3c-btn.ghost{
  background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:10px;
  padding:.55rem .9rem;font-weight:600;cursor:pointer
}
.tarot3c-btn.ghost:active{transform:translateY(1px)}
.tarot3c-result{
  /* display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:18px; */
  margin-top:2rem;
}
.tarot3c-result .cards{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:flex-start;
}
.tarot-result-title{ text-align: center; margin: 2rem auto 1rem; padding-top: 2rem; border-top: 3px double;}
#picked-meta{font-weight: bold; letter-spacing: .1em;font-size: 1.2rem; line-height: 2rem;}
#picked-meta span{color: #ff87af; font-size: 2rem;}
.post_content p.tarot-card-name{font-size: .8rem; line-height: 1rem; margin-top: .5rem; color: #ff87af;}
.post_content h3.tarot-meanings-title{ text-align: center; font-size: 1.3rem;}
.meanings{margin-top: 2rem;}
.tarot3c-result figure.card{margin:0;text-align:center}
.tarot3c-result img{
  width:200px;
  height:auto;
  /* border-radius:12px;
  border:1px solid #eee; */
  display:block;
}
.tarot3c-result img.reversed { transform: rotate(180deg); }
.tarot3c-result figcaption{margin-top:6px;}
.tarot3c-result .meanings h4{margin:.2rem 0;}
.tarot3c-result .meanings dl{display:grid;grid-template-columns:auto 1fr;gap:20px 12px}
.tarot3c-result .note{color:#9ca3af;font-size:.85rem;margin-top:8px}
/* ▼ フェード共通 */
.fade-in { opacity: 0; transition: opacity .45s ease; }
.fade-in.show { opacity: 1; }

/* 動作を減らすユーザー設定に配慮 */
@media (prefers-reduced-motion: reduce) {
  .fade-in { transition: none !important; opacity: 1 !important; }
}
@media (max-width:900px){.tarot3c-result{grid-template-columns:1fr}}