/* NEXUS Governance (site.css + explore.css hero + project.css proposal cards .pj-prop) */
.gv-sum { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 30px; padding: 6px; border-radius: 22px }
.gv-sum .kpi { padding: 16px 20px; border-left: 1px solid var(--line) } .gv-sum .kpi:first-child { border-left: 0 }
.gv-sum .kpi dd { font-size: clamp(22px, 2.4vw, 30px) } .gv-sum .kpi small { font-size: 12.5px } .gv-sum .sk { border-radius: 16px }
.gv-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap }
.gv-bar .seg { max-width: 100%; overflow-x: auto; scrollbar-width: none } .gv-bar .seg::-webkit-scrollbar { display: none } .gv-bar .seg button { gap: 8px }
.gv-bar .seg b { font: 700 12px var(--mf); color: var(--mut2) } .gv-bar .seg button[aria-pressed=true] b { color: #BCD6FF }
.gv-wallet { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 6px 0 16px; border-radius: 999px; border: 1px solid transparent; background: rgba(255, 255, 255, .03); color: var(--mut); font-size: 14px }
.gv-wallet b { color: var(--ink); font-family: var(--mf); font-weight: 600 } .gv-wallet .btn { min-height: 34px; padding: 0 14px; font-size: 13.5px }
.gv-wallet.none { padding-right: 6px }
#gvTypes { margin-top: 16px }
.gv-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start; transition: opacity .16s ease; min-height: 120px } .gv-list.swapping { opacity: .3 }
.gv-list .empty { grid-column: 1 / -1 } .gv-list .empty .row { justify-content: center; margin-top: 6px }
.gv-item { display: grid; gap: 10px; min-width: 0 } .gv-item.cin { animation: cin .6s var(--ease) backwards; animation-delay: calc(var(--i, 0) * 45ms) }
.gv-pj { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px 0 8px; border-radius: 999px; border: 1px solid transparent; background: rgba(255, 255, 255, .03); font-weight: 650; font-size: 14.5px; transition: border-color .2s, background .2s }
.gv-pj:hover { border-color: var(--b3); background: rgba(91, 155, 255, .1) } .gv-pj .tk { color: var(--c); font: 500 12.5px var(--mf) } .gv-pj span.gv-go { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; color: var(--mut); font-size: 13px } .gv-pj .ic { width: 15px; height: 15px }
.gv-item .pj-prop { height: 100%; align-content: start }
.gv-sk { height: 300px; border-radius: 20px }
@keyframes cin { from { opacity: 0; transform: translateY(18px) scale(.985) } }
@media (max-width: 1000px) { .gv-sum { grid-template-columns: 1fr 1fr } .gv-sum .kpi:nth-child(3) { border-left: 0 } .gv-sum .kpi:nth-child(n+3) { border-top: 1px solid var(--line) } .gv-list { grid-template-columns: 1fr } }
@media (max-width: 640px) {
  .gv-sum .kpi { padding: 14px } .gv-bar { align-items: stretch } .gv-wallet { width: 100%; justify-content: space-between }
  .gv-bar .seg { width: 100% } .gv-bar .seg button { flex: 1 0 auto; padding: 0 12px }
  #gvTypes { margin-inline: -16px; padding-inline: 16px; -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent) }
}