/* 全站頂端導覽：健檢頁、隱私頁用（其他頁同一套樣式在 learn.css／index.css，改這裡要一起改） */
#nav, #mobile-menu { --max: 1080px; --gutter: clamp(1.25rem, 5vw, 3rem); --text-hi: #2A2622; --t-label: 0.75rem; }
#nav .container { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
#nav { position:fixed; top:0; left:0; right:0; z-index:200; height:60px; display:flex; align-items:center; border-bottom:1px solid var(--border); background:rgba(246,242,234,0.93); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); transition:border-color 0.3s, transform 0.38s cubic-bezier(0.4,0,0.2,1); }
#nav.nav-hidden { transform:translateY(-100%); }
#nav .container { display:flex; align-items:center; justify-content:space-between; width:100%; }
.nav-logo { font-family:var(--font-display); font-size:1.05rem; font-weight:400; color:var(--cream); text-decoration:none; letter-spacing:0.03em; }
.nav-logo em { font-style:normal; color:var(--gold); }
.nav-logo-prefix { font-family:'Noto Sans TC',sans-serif; margin-right:4px; }
.nav-links { display:flex; align-items:center; gap:2rem; list-style:none; }
.nav-links a { font-family:var(--font-body); font-size:var(--t-label); font-weight:400; letter-spacing:0.04em; color:var(--sub); text-decoration:none; transition:color 0.2s; }
.nav-links a:hover { color:var(--cream); }
.nav-links a.active { color:var(--text-hi); }
.nav-links .nav-cta { color:var(--gold); border:1px solid var(--gold-dim); padding:0.45rem 1.1rem; border-radius:1px; transition:background 0.2s, color 0.2s; }
.nav-links .nav-cta:hover { background:var(--gold); color:var(--black); }
.nav-hamburger { display:none; background:none; border:1px solid var(--border-mid); color:var(--sub); width:36px; height:36px; cursor:pointer; border-radius:1px; font-size:1rem; line-height:1; align-items:center; justify-content:center; transition:color 0.2s, border-color 0.2s; }
.nav-hamburger:hover { color:var(--cream); border-color:var(--border-light); }
#mobile-menu { display:none; position:fixed; top:60px; left:0; right:0; background:var(--ink); border-bottom:1px solid var(--border); z-index:199; padding:0.5rem 0 1rem; }
#mobile-menu.open { display:block; }
#mobile-menu a { display:flex; align-items:center; font-family:var(--font-body); font-size:var(--t-label); letter-spacing:0.04em; color:var(--sub); text-decoration:none; padding:0.9rem var(--gutter); border-bottom:1px solid var(--border); transition:color 0.2s; min-height:44px; }
#mobile-menu a:hover { color:var(--cream); }
#mobile-menu .mobile-cta { color:var(--gold); border-bottom:none; }
/* ─── Hero ─── */
@media (max-width: 768px) {
    .nav-links { display: none; }
    .nav-hamburger { display: flex; }
}