/* ==================================================================
   TARO-BUILD-14 — 말발굽 7장 스프레드
   style.css 는 다른 세션이 병렬로 만지는 파일이라, 이 작업의 규칙은 여기 둔다.
   ================================================================== */

/* ---------------- 잠긴 스프레드(심층 전용) ---------------- */
.spread{position:relative}
.spread.is-locked{opacity:.66;border-style:dashed}
.spread.is-locked:hover{border-color:var(--line);background:rgba(255,255,255,.022);cursor:pointer}
.spread-lock{
  display:inline-block;margin-top:8px;font-size:11px;letter-spacing:.06em;
  color:var(--gold-soft,#BF934E);font-style:normal;
}
.spread-lock::before{content:"◆";margin-right:6px;font-size:8px;vertical-align:1px;opacity:.8}

/* ---------------- 결과 카드 7장 (말발굽) ----------------
   모바일: 2열 그리드 — 7장이 세로로 길게 늘어지지 않으면서 각 카드를 알아볼 수 있게.
   데스크톱: 4+3 그리드. */
.mini-cards[data-count="7"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.mini-cards[data-count="7"] .mini{width:100%}
.mini-cards[data-count="7"] .mini small{font-size:11.5px;padding:7px 2px}

@media (min-width:641px){
  .mini-cards[data-count="7"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 34px}
  .mini-cards[data-count="7"] .mini + .mini{margin-left:0}
  .mini-cards[data-count="7"] .mini:nth-child(n){transform:none}
  .mini-cards[data-count="7"] .mini:hover,
  .mini-cards[data-count="7"] .mini:focus-visible{transform:translateY(-6px) scale(1.02);z-index:5}
}

/* ---------------- 자라는 테이블 (Phase 2) ---------------- */
.resynth-box{margin:22px 0 0;padding:16px;border:1px solid var(--line,rgba(191,147,78,.22));
  border-radius:14px;background:rgba(255,255,255,.02)}
.resynth-btn{width:100%}
.resynth-out{margin-top:14px}
.resynth-title{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-soft,#BF934E);font-weight:400}
.resynth-out .interpretation{margin:0}