/* HIVE HOME — hub page, reuses tokens/classes from /style.css */

.home-crumb { color: var(--mut); margin-left: 2px; }
.home-user { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.home-user img { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--cream); }
.home-user .hu-name { font-family: var(--mono); font-size: 0.78rem; color: var(--cream-2); }
.home-user a.login-mini { font-family: var(--mono); font-size: 0.74rem; font-weight: 700;
    letter-spacing: 0.06em; text-transform: uppercase; padding: 8px 14px; border: var(--bd);
    border-radius: 10px 8px 11px 9px; background: var(--card); color: var(--cream); }
.home-user a.login-mini:hover { background: var(--sienna); }

#home-hero { padding-top: clamp(28px, 4vw, 48px); padding-right: 108px; }
#home-hero .cmp-h { font-family: var(--display); font-weight: 900; font-stretch: var(--stretch);
    font-size: clamp(1.6rem, 3.4vw, 2.4rem); line-height: 1; text-transform: uppercase; margin: 10px 0 12px; }

/* ════ 오른쪽 고정 도크 메뉴 ════ */
#side-dock { position: fixed; top: 50%; right: 22px; transform: translateY(-50%);
    display: flex; flex-direction: column; gap: 10px; z-index: 90; }
.dock-item { display: flex; align-items: center; background: var(--card);
    border: var(--bd); border-radius: 14px 10px 16px 11px; box-shadow: var(--sh);
    padding: 10px 16px; cursor: pointer; text-decoration: none; color: var(--cream);
    transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease), background 0.2s var(--ease); }
.dock-item:hover { transform: translate(-3px, -1px) rotate(-1deg); box-shadow: var(--sh-h); background: var(--sienna); }
.dock-item .dock-label { font-family: var(--mono); font-size: 0.72rem; font-weight: 700;
    letter-spacing: 0.04em; white-space: nowrap; }
.dock-item.disabled { opacity: 0.45; cursor: not-allowed; }
.dock-item.disabled:hover { transform: none; box-shadow: var(--sh); background: var(--card); }

.construction-box { align-items: center; text-align: center; justify-content: center; }
.construction-sign { width: 64px; height: 58px; color: var(--bg); opacity: 0.85; margin-top: 6px; }

@media (max-width: 720px) {
  #home-hero { padding-right: 16px; }
  #side-dock { top: auto; bottom: 16px; right: 50%; transform: translateX(50%); flex-direction: row; }
}