/* ============================================================
   NAVIGATION — 导航页专属样式（依赖 base.css 的令牌）
   ============================================================ */

.nav-card{
  background:var(--card);border:1px solid var(--gold-line);border-radius:18px;
  padding:22px 20px;margin-top:16px;
}
.nav-label{
  font-size:11px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold-deep);
}
.nav-label.sec{margin:30px 4px -6px}

/* ---------- venue address ---------- */
.addr{text-align:center}
.addr .venue-name{
  font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.25;
  margin-top:10px;
}
html.zh .addr .venue-name{font-family:var(--serif-zh);font-size:20px}
.addr-line{font-size:13.5px;color:var(--muted);margin-top:4px;letter-spacing:.04em}

/* ---------- gold outline button ---------- */
.map-btn{
  display:inline-block;margin-top:16px;text-decoration:none;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-deep);border:1px solid var(--gold);border-radius:999px;
  padding:9px 20px;transition:background .25s,color .25s;
}
html.zh .map-btn{letter-spacing:.14em;text-transform:none}
.map-btn:hover{background:var(--gold);color:var(--ivory)}

/* ---------- driving steps ---------- */
.step{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start}
.step-num{
  width:28px;height:28px;border-radius:50%;border:1px solid var(--gold);
  color:var(--gold-deep);font-family:var(--serif);font-size:14.5px;font-weight:600;
  display:flex;align-items:center;justify-content:center;margin-top:1px;
}
.step-title{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.3}
html.zh .step-title{font-family:var(--serif-zh);font-size:17.5px}
.step-text{font-size:13.5px;color:var(--muted);margin-top:5px;line-height:1.65}
html.zh .step-text{font-family:var(--serif-zh)}

.sample{margin-top:16px;text-align:center;font-size:12.5px;color:var(--muted)}
.sample a{
  color:var(--gold-deep);text-decoration:none;
  border-bottom:1px solid var(--gold-line);padding-bottom:1px;
}
.sample a:hover{border-bottom-color:var(--gold)}

/* ---------- parking rows ---------- */
.pk-row{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:11px 0;border-top:1px solid var(--gold-soft);
}
.pk-row:first-of-type{margin-top:6px}
.pk-row:last-of-type{padding-bottom:2px}
.pk-k{
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);flex-shrink:0;
}
.pk-v{font-size:14px;text-align:right;line-height:1.5}
html.zh .pk-v{font-family:var(--serif-zh);font-size:13.5px}

/* ---------- arrival tip ---------- */
.tip{
  margin-top:24px;text-align:center;
  font-family:var(--serif);font-style:italic;font-size:15.5px;color:var(--gold-deep);
}
html.zh .tip{font-family:var(--serif-zh);font-style:normal;font-size:14px}
