/* /assets/css/nav-shared.css */
:root{
  --brand:#2563eb; --ink:#111827; --muted:#6b7280; --bg:#ffffff; --panel:#f9fafb; --accent:#0ea5e9;
}
body{ color:var(--ink); background:#fff; }
.container{ max-width:1100px; margin:0 auto; padding:0 20px; }
.nav{ position:sticky; top:0; background:#fff; border-bottom:1px solid #e5e7eb; z-index:50; }
.nav .bar{ display:flex; align-items:center; justify-content:space-between; gap:16px; height:60px; }
.brand{ display:flex; align-items:center; gap:10px; font-weight:700; }
.menu{ display:flex; gap:16px; align-items:center; }
.menu a{ text-decoration:none; color:var(--ink); }
.menu a:hover{ color:var(--brand); }
.dropdown{ position:relative; }
.dropdown > a{ cursor:pointer; }
.dd{
  display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid #e5e7eb;
  box-shadow:0 6px 16px rgba(0,0,0,.08); border-radius:8px; min-width:260px;
}
.dd a{ display:block; padding:10px 12px; white-space:nowrap; color:var(--ink); }
.dropdown:hover .dd{ display:block; }
.section{ padding:16px 0; }
.footer{ border-top:1px solid #e5e7eb; padding:22px 0; margin-top:36px; color:var(--muted); }
@media (max-width: 980px){ .container{ padding:0 16px; } }