/* 청비 만세력 홈 화면 앱 — 앱 모드(<html class="app-mode">, manse-app.js) 머리글·꼬리말. /manse와 설치 안내(/manse/install)가 같이 쓴다.
   (공통 머리글·꼬리말 site-chrome.css 뒤에 읽는다.) */
/* ── 앱 모드(홈 화면 아이콘으로 실행 — <html class="app-mode">, manse-app.js) — 브라우저 화면에는 영향 없음 ──
   머리글: 얇게(48px), 왼쪽 「청비 만세력」 + 오른쪽 ☰만(「예약하기」 숨김), 화면 폭과 상관없이 ☰ 펼침 메뉴.
   꼬리말: 한 줄(상호 · 사업자 정보 · 카카오 채널 문의) — 사업자 정보·정책 링크·안내 문구는 「사업자 정보」를 누르면 펼쳐진다. */
html.app-mode { --site-header-h: 48px; }
html.app-mode .site-header { padding-top: env(safe-area-inset-top); }
html.app-mode .site-header-inner { gap: 8px; padding: 0 8px 0 14px; }
html.app-mode .site-logo { font-size: 17px; }
html.app-mode .site-book { display: none; }
html.app-mode .site-menu-toggle { display: flex; margin-left: auto; width: 40px; height: 40px; padding: 12px 9px; }
html.app-mode .site-nav {
  display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0;
  flex-direction: column; align-items: stretch; gap: 0; padding: 6px 12px 12px;
  background: var(--site-bg); border-bottom: 1px solid var(--site-line);
  box-shadow: 0 10px 20px rgba(31, 42, 68, .06);
}
html.app-mode .site-header.is-open .site-nav { display: flex; }
html.app-mode .site-nav-link { font-size: 16px; padding: 12px 10px; }
html.app-mode .site-footer { padding: 12px 12px calc(14px + env(safe-area-inset-bottom)); font-size: 12.5px; }
html.app-mode .site-footer-inner { gap: 8px; }
html.app-mode .site-footer-inner > :not(.app-footer-line):not(.app-footer-detail) { display: none; }
.app-footer-line { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px 8px; }
.app-footer-brand { color: rgba(255, 255, 255, .88); }
.app-footer-biz-btn { border: none; background: none; min-height: 32px; padding: 4px 6px; font: inherit; color: rgba(255, 255, 255, .88); text-decoration: underline; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: rgba(255, 255, 255, .15); }
.app-footer-kakao { color: rgba(255, 255, 255, .88); text-decoration: underline; }
.app-footer-detail { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.app-footer-detail[hidden] { display: none; }