/* 1102 옆 메뉴 7묶음(nav7.js) — #nav.nav7 일 때만(되돌리기 NAV_V1=1 이면 이 규칙은 아무것도 안 함)
 *  간편 모드: 7칸만(묶음 머리 · 아래 도구 숨김 → 묶음 칸 .g7hub 하나) · 글자 17px · 누르는 곳 56px
 *  전문가 모드: 묶음 머리 + 아래 도구(예전 .ngrp 접기 · 펴기 그대로) · .g7hub 숨김
 *  관리자 묶음은 대표만(html.g7own) */
#nav.nav7 .g7hub { display: none; }
html[data-mode="simple"] #nav.nav7 .ngrp.g7 > .nghd, html[data-mode="simple"] #nav.nav7 .ngrp.g7 > .ngb { display: none !important; }
html[data-mode="simple"] #nav.nav7 .g7hub { display: flex; }
html[data-mode="simple"] #nav.nav7 > a.it.g7top, html[data-mode="simple"] #nav.nav7 .g7hub { min-height: 56px; font-size: 17px; }
html:not(.g7own) #nav.nav7 [data-g7admin] { display: none !important; }
html[data-mode="expert"] #nav.nav7 .ngrp.g7 + a.it.g7top { margin-top: 6px; }

/* 묶음 첫 화면(#/menu-idea · #/menu-stats · #/menu-admin · #/menu-more) — 기존 .tiles · .tile 그대로 · 폰에서도 한 줄 설명이 보이게 한 칸씩 */
.hub7w { gap: 24px; }
.hub7sec { display: flex; flex-direction: column; gap: 12px; }
.tiles.hub7 .tile { min-height: 88px; }
html[data-mode="simple"] .tiles.hub7 .tile b { font-size: 19px; }
html[data-mode="simple"] .tiles.hub7 .tile span.s { font-size: 17px; }
@media (max-width: 1100px) { .tiles.hub7 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .tiles.hub7 { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .tiles.hub7 .tile { flex-direction: row; justify-content: flex-start; text-align: left; min-height: 64px; padding: 12px 16px; gap: 14px; }
  .tiles.hub7 .tile .ic { width: 40px; height: 40px; background: var(--teal-light); }
  .tiles.hub7 .tile span.s { display: block; font-size: 15px; overflow-wrap: anywhere; }
  html[data-mode="simple"] .tiles.hub7 .tile span.s { font-size: 17px; }
}