.vv-section-nav{
  --vv-nav-ink:#173b20;
  --vv-nav-muted:#6d766f;
  --vv-nav-line:rgba(46,83,50,.14);
  --vv-nav-gold:#d4a017;
  width:min(1180px,calc(100% - 64px));
  margin:0 auto 22px;
  display:grid;
  grid-template-columns:repeat(var(--vv-nav-count,4),minmax(0,1fr));
  gap:12px;
}
.vv-section-nav a{
  position:relative;
  display:flex;
  min-height:92px;
  padding:16px 16px 15px;
  border:1px solid var(--vv-nav-line);
  border-radius:12px;
  background:rgba(255,253,249,.92);
  color:inherit;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(23,59,32,.03);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.vv-section-nav a:hover{
  transform:translateY(-2px);
  border-color:rgba(46,83,50,.28);
  box-shadow:0 10px 22px rgba(23,59,32,.07);
}
.vv-section-nav a.is-active{
  border-color:rgba(212,160,23,.55);
  background:linear-gradient(160deg,#f4f7ef,#fffdf8);
}
.vv-section-nav a.is-active:before{
  content:"";
  position:absolute;
  left:0;top:10px;bottom:10px;
  width:3px;
  border-radius:999px;
  background:var(--vv-nav-gold);
}
.vv-section-nav-icon{
  flex:0 0 auto;
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid rgba(46,83,50,.18);
  border-radius:50%;
  color:var(--vv-nav-ink);
  background:#fff;
}
.vv-section-nav-icon svg{
  width:18px;height:18px;
  fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;
}
.vv-section-nav-copy{
  min-width:0;
  display:grid;
  gap:4px;
  align-content:center;
}
.vv-section-nav-copy strong{
  color:var(--vv-nav-ink);
  font-family:Merriweather,Georgia,"Times New Roman",serif;
  font-size:14px;
  font-weight:500;
  line-height:1.3;
}
.vv-section-nav-copy span{
  color:var(--vv-nav-muted);
  font-size:12px;
  line-height:1.45;
}

/* Quick Links — compact icon-above title cards */
.vv-section-nav.is-compact a{
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  min-height:108px;
  padding:18px 16px;
}
.vv-section-nav.is-compact .vv-section-nav-copy strong{font-size:15px}

/* Company / Legal — icon beside copy */
.vv-section-nav.is-detail a{
  align-items:flex-start;
  gap:12px;
  min-height:118px;
  padding:18px 16px;
}
.vv-section-nav.is-detail .vv-section-nav-icon{margin-top:2px}
.vv-section-nav.is-detail .vv-section-nav-copy strong{font-size:15px}
.vv-section-nav.is-detail .vv-section-nav-copy span{font-size:12.5px}

/* Legal — always 3 cards per row */
.vv-section-nav.is-legal{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.vv-policy-page .vv-section-nav,
.vv-cms-page .vv-section-nav,
.about-page .vv-section-nav{
  width:min(1100px,calc(100% - 48px));
}
.vv-policy-page .vv-section-nav{margin-top:18px;margin-bottom:8px}

@media(max-width:1050px){
  .vv-section-nav.is-count-5,
  .vv-section-nav.is-count-6{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .vv-section-nav{
    width:calc(100% - 32px);
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .vv-section-nav.is-detail a{min-height:104px}
}
@media(max-width:560px){
  .vv-section-nav{width:calc(100% - 24px);grid-template-columns:1fr}
  .vv-section-nav.is-compact{grid-template-columns:1fr 1fr}
  .vv-section-nav.is-compact .vv-section-nav-copy strong{font-size:13px}
}