/* 公開網站共用導覽列（地圖／變化／舖位／關於）。色板喺 theme.css，呢度只寫版面。
   四個公開頁（index/changes/unit/about）共用呢份，巡街 PWA／釘位工具唔用。 */
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; }
body {
  background: var(--bg); color: var(--text);
  font-family: -apple-system, "PingFang HK", "Noto Sans TC", system-ui, sans-serif;
}

#site-nav {
  display: flex; align-items: center; gap: 2px;
  background: var(--panel); border-bottom: 1px solid var(--line);
  padding: max(8px, env(safe-area-inset-top)) 8px 8px;
  overflow-x: auto; flex: 0 0 auto;
  position: sticky; top: 0; z-index: 900;
}
#site-nav .nav-brand {
  font-weight: 800; font-size: 14px; color: var(--accent);
  padding: 8px 10px 8px 6px; white-space: nowrap; flex: 0 0 auto;
}
#site-nav a, #site-nav span.nav-disabled {
  display: inline-block; white-space: nowrap; font-size: 14px; font-weight: 600;
  padding: 8px 12px; border-radius: 999px; text-decoration: none; color: var(--muted);
  flex: 0 0 auto;
}
#site-nav a:hover { color: var(--text); }
#site-nav a.active { background: var(--accent); color: var(--on-solid); }
#site-nav span.nav-disabled { color: var(--line); cursor: default; }

.site-main { flex: 1 1 auto; min-height: 0; }

/* 大部分公開頁用同一個「文件型」版面：置中欄，手機全寬 */
.doc-wrap { max-width: 720px; margin: 0 auto; padding: 18px 16px 40px; }
.doc-wrap h1 { font-size: 22px; margin: 4px 0 4px; }
.doc-wrap h2 { font-size: 17px; margin: 26px 0 8px; color: var(--accent); }
.doc-wrap p { line-height: 1.7; }
.doc-wrap .lead { color: var(--muted); font-size: 14px; margin-bottom: 18px; }

.site-app { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }

@media (max-width: 480px) {
  #site-nav .nav-brand { display: none; }
}