/* DANQVORA V28 | Scoped navigation styling. Does not restyle page content. */
.dqv28-site-nav, .dqv28-site-nav * { box-sizing: border-box; }
.dqv28-site-nav {
  --dqv28-bg:#080808;
  position:sticky;top:0;z-index:2147483000;
  display:flex;align-items:center;gap:15px;
  width:100%;min-height:56px;padding:7px clamp(12px,2.25vw,32px);
  color:#f9f9f9;background:var(--dqv28-bg);
  border-bottom:1px solid #272727;
  font:500 12px/1.25 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing:0;isolation:isolate;
}
.dqv28-site-nav .dqv28-home {
  display:inline-flex;flex:none;align-items:center;min-height:35px;
  color:#fff!important;text-decoration:none!important;
  font-size:11px;font-weight:800;letter-spacing:.17em;
  padding:8px 10px 8px 0;border:0;
}
.dqv28-site-nav .dqv28-primary {
  flex:1;min-width:0;display:flex;align-items:center;gap:2px;
  border:0;background:transparent;box-shadow:none;position:static;
  overflow:hidden;white-space:nowrap;margin:0;padding:0;
}
.dqv28-site-nav a.dqv28-link {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:8px 10px;
  border:1px solid transparent;border-radius:5px;
  color:#bdbdbd!important;background:transparent!important;
  font-size:12px!important;font-weight:600!important;line-height:1.2!important;
  text-decoration:none!important;letter-spacing:0!important;text-transform:none!important;
  opacity:1!important;white-space:nowrap;
}
.dqv28-site-nav a.dqv28-link:hover,
.dqv28-site-nav a.dqv28-link:focus-visible { background:#272727!important;color:#fff!important; }
.dqv28-site-nav a.dqv28-link[aria-current="page"] {
  color:#101010!important;background:#f3f3f3!important;border-color:#f3f3f3!important;
}
.dqv28-site-nav .dqv28-explore { position:relative;flex:none;margin:0;display:block; }
.dqv28-site-nav .dqv28-explore > summary {
  list-style:none;cursor:pointer;white-space:nowrap;
  display:flex;align-items:center;gap:10px;
  min-height:35px;padding:8px 13px;border:1px solid #545454;
  border-radius:5px;background:#171717;color:#f7f7f7;
  font:650 12px/1.2 Inter,'Segoe UI',Arial,sans-serif;
}
.dqv28-site-nav .dqv28-explore > summary::-webkit-details-marker { display:none; }
.dqv28-site-nav .dqv28-explore > summary::after { content:'+';font-size:17px;font-weight:400; }
.dqv28-site-nav .dqv28-explore[open] > summary::after { content:'−'; }
.dqv28-site-nav .dqv28-panel {
  position:absolute;top:calc(100% + 10px);right:0;z-index:3;
  width:min(480px,calc(100vw - 24px));max-height:min(68vh,560px);overflow-y:auto;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;
  padding:14px;background:#101010;border:1px solid #414141;
  border-radius:9px;box-shadow:0 16px 38px rgba(0,0,0,.55);
  white-space:normal;
}
.dqv28-site-nav .dqv28-panel > a.dqv28-link {
  justify-content:flex-start;min-width:0;padding:11px 12px;
}
.dqv28-site-nav a:focus-visible,
.dqv28-site-nav summary:focus-visible { outline:2px solid #fff!important;outline-offset:2px; }
/* Legacy menus are hidden by JS only AFTER the replacement exists. */
body.dqv28-ready .app > header.topbar {
  grid-template-columns:minmax(0,1fr) auto;
}
body.dqv28-ready .app > header.topbar .top-actions { justify-self:end; }
/* The original Brief header is fixed. Shift it below the common navigation. */
body.dqv28-ready header.navbar { top:56px!important; }
@media (max-width:1250px) {
  .dqv28-site-nav { gap:9px; }
  .dqv28-site-nav a.dqv28-link { padding:7px 7px;font-size:11px!important; }
  .dqv28-site-nav .dqv28-home { letter-spacing:.1em; }
}
@media (max-width:1080px) {
  .dqv28-site-nav .dqv28-primary { display:none; }
  .dqv28-site-nav .dqv28-home { flex:1; }
}
@media (max-width:600px) {
  .dqv28-site-nav { min-height:52px;padding:6px 11px; }
  .dqv28-site-nav .dqv28-panel { grid-template-columns:1fr; }
  body.dqv28-ready header.navbar { top:52px!important; }
}
@media (prefers-reduced-motion:reduce) {
  .dqv28-site-nav *, .dqv28-site-nav *::before, .dqv28-site-nav *::after {
    scroll-behavior:auto!important;transition:none!important;
  }
}
