/*모바일일 때 가로 스크롤 완전 차단*/
html, body{
  overflow-x: hidden !important;
  max-width: 100%;
}


/* =============================
   레이어 계층 (위 → 아래)
   ① 리모컨 > ② 패널류 > ③ 메뉴바 > ④ 좌/우 전역바
   ============================= */
/* 유저카드 더보기 메뉴 최상단 고정 */
#hd_usercard .tnb-more-wrap {
  position: relative !important;
  z-index: 10050 !important; /* login-modal(10040)보다 높음 */
}

#hd_usercard .tnb-more-menu {
  position: absolute !important;
  top: 100%;
  right: 0;
  z-index: 10051 !important; /* 메뉴는 wrap보다 더 위 */
}
#mm-panel, #bm-panel, #insp-panel, #cal-panel,
.rm-panel[data-panel="memo"],
.rm-panel[data-panel="bookmarks"],
.rm-panel[data-panel="inspiration"],
.rm-panel[data-panel="calendar"]{
  position:fixed !important; z-index:10020 !important;           /* ② */
}
#hd, nav#gnb{ z-index:10010 !important; }                        /* ③ */
#side-left-fixed, #side-right-fixed{ z-index:10000 !important; } /* ④ */
#login-modal{ z-index:10040 !important; }                        /* 모달 최상단 */


/* ===== Community Base Reset (2025-11-06) ===== */
html{box-sizing:border-box;overflow-x:auto}
*,*::before,*::after{box-sizing:inherit}

/* Media defaults */
img,svg,video,canvas{display:block;max-width:100%;height:auto}

/* Typography sane defaults */
html{-webkit-text-size-adjust:100%}
body{margin:0;color:#6e6e6e;font:14px/1.6 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Helvetica,Arial,sans-serif}

/* Form controls inherit font */
input,button,select,textarea{font:inherit;color:inherit}

/* Links */
a{text-decoration:none;color:#fff}

/* Lists */
ul,ol{margin:0;padding:0;list-style:none}

/* Tables */
table{border-collapse:collapse;border-spacing:0}

/* Images inside rounded wrappers respect radius */
img{border-radius:inherit}

/* Safe focus ring for keyboard users */
:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* 전역 레이아웃 변수 (layout.global.css에서 활용) */
:root{
  --header-h:70px;
  --content-gap:55px;
  --content-top:calc(var(--header-h) + var(--content-gap));
}