.tarotcc-wrap{max-width:980px;margin:2rem auto;padding:1.25rem;background:#fff;border-radius:16px; border: 3px solid #f5f5f5; box-shadow:0 6px 18px rgba(0,0,0,.06);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;}
.tarotcc-row{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  align-items:flex-end;
  margin-bottom:2rem;
}
.tarotcc-col{flex:1;min-width:260px}
.tarotcc-col.shrink{flex:0 0 auto}
.tarotcc-label{font-weight:700;margin-bottom:.4rem}
.tarotcc-radio{display:flex;gap:1rem;flex-wrap:wrap}
.tarotcc-radio label{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}
.tarotcc-btn{appearance:none;border:1px solid #ddd;padding:.7rem 1.1rem;border-radius:12px;background:#111827;color:#fff;font-weight:600;cursor:pointer}
.tarotcc-btn.ghost{background:#fff;color:#111827;border-color:#d1d5db}
.tarotcc-video{display:flex;flex-direction:column;align-items:center;gap:.5rem}
#tarotcc-video{width:min(400px,92%);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.tarotcc-result .tarotcc-meta{
  text-align: center;
  margin-bottom: 2rem;
  background-color: #f5f5f5;
}
.tarot-result-title{
  text-align: center;
  margin: 2rem auto;
  padding-top: 2rem;
  border-top: 3px double;
}
.tarot-result-title span{
  color: #ff87af;
  font-size: 2rem;
}
.post_content p#tarotcc-picked{
  font-weight: bold;
  letter-spacing: .1em;
  font-size: 1.2rem;
  line-height: 2rem;
}
.tarotcc-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:900px){.tarotcc-cards{grid-template-columns:1fr 1fr}}
.card .card-block{display:flex;gap:1rem;align-items:center}
.card .card-block .card-block-text{display: inline-block; font-size: 18px;}
.post_content .card .card-block .card-block-text h3{
  margin: 0em 0 1em;
  font-size: 18px;
  padding: 0 0 .5em;
}
.card .card-block span{color: #ff87af;}
.card img{
  width:140px;
  height:auto;
  border-radius:18px;
}
.card img.reversed{transform:rotate(180deg)}
.meaning .ttl{margin:.25rem 0 .5rem;font-size:1rem}
.post_content .meaning p{margin:0;color:#374151;line-height:1.7; font-size: 13px;}
.fade-in{opacity:0;transition:opacity .35s ease}
.fade-in.show{opacity:1}
.tarotcc-canvasWrap{max-width:600px;margin:0 auto 2rem;}
#tarotcc-celticCanvas{
  display: block;
  margin: 0 auto 2rem auto;
  width:100%;
  height:auto;
}