/* 타로 전용 스타일 — /tarot 뽑기 도구와 카드 상세 78장이 함께 쓴다.
   본체 디자인 토큰(--surface-2, --hair, --accent …)은 index.html 의
   인라인 <style> 에 있고, 이 파일은 그 토큰을 쓰기만 한다. */
.tform{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-top:14px;}
  .tspread{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px;}
  .tspread label{display:inline-flex;gap:7px;align-items:center;cursor:pointer;font-weight:700;font-size:14.5px;}
  .tcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:6px;}
  .tcardbox{background:var(--surface-2);border:2px solid var(--hair);border-radius:20px;padding:20px 18px;}
  .tcardbox.rev{border-style:dashed;}
  .tcardbox .tlabel{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.06em;}
  .tcardbox .tname{font-family:var(--round);font-size:23px;font-weight:800;margin-top:6px;}
  .tcardbox .ten{font-size:12.5px;color:var(--ink-soft);}
  .tcardbox .tmeta{font-size:12.5px;color:var(--ink-soft);margin-top:8px;}
  .tcardbox .tkw{display:inline-block;margin-top:9px;font-size:12px;font-weight:800;padding:4px 11px;
    border-radius:999px;background:var(--surface);border:1.5px solid var(--hair);}
  .tcardbox .tmean{font-size:14.5px;line-height:1.7;margin:11px 0 12px;}
  .tcardbox .tmore{font-size:13px;font-weight:800;color:var(--accent);text-decoration:none;}