/* ============================================================
   home.css — 홈(index.html) 전용 스타일

   ★ 홈 화면의 도구 카드 모양만 바꾸고 싶을 때 이 파일을 수정하세요.
   ★ 다른 페이지에는 영향이 없습니다.
   ============================================================ */

.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.tool{
  display:block;text-decoration:none;color:inherit;position:relative;
  background:linear-gradient(180deg,var(--card),#141631);
  border:1px solid var(--line);border-radius:18px;
  padding:22px 18px 20px;
  transition:border-color .15s ease, transform .12s ease;
}
.tool:hover{border-color:rgba(242,201,76,.45);transform:translateY(-2px)}
.tool .emoji{font-size:30px;display:block;margin-bottom:10px}
.tool h3{font-size:15.5px;font-weight:800;margin-bottom:5px}
.tool p{font-size:12.5px;color:var(--muted);line-height:1.55}

/* 카드 오른쪽 위 배지 */
.tool .badge{
  position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:800;
  padding:3px 8px;border-radius:999px;
}
.badge.live{color:#0d2b12;background:#7ee08a}
.badge.soon{color:var(--gold);background:rgba(242,201,76,.12);border:1px solid rgba(242,201,76,.3)}

/* 준비 중(비활성) 카드 */
.tool.disabled{opacity:.55;cursor:default}
.tool.disabled:hover{border-color:var(--line);transform:none}

@media (max-width:420px){.hub-grid{grid-template-columns:1fr}}