:root{
  
  --brand: #68b840;
  --brand2: #467d2b;
  --heading: #ffffff;
  --bg: #0a0906;
  --brand-grad: linear-gradient(135deg,#82e650,#467d2b);
  --glow: 0 0 0 1px rgba(104,184,64,.35),0 8px 26px -8px rgba(104,184,64,.45);
}


.h1, .h2, .read h2, .read h3 { color: var(--brand); }


.home-hero .h1 { text-align: center; }


.gg-stack { display: flex; flex-direction: column; gap: 14px; }
.gg-tile .pad { padding: 16px 20px; }


.btn-main:hover{
  background: linear-gradient(135deg,#82e650,#467d2b);
  box-shadow: 0 0 0 1px rgba(104,184,64,.55), 0 12px 30px -8px rgba(104,184,64,.6);
}
.btn:not(.btn-main):hover{ background: rgba(104,184,64,.12); }
.lib a:hover{ color:#9be36c; }
.card:hover{ border-color: rgba(104,184,64,.35); }
.gcard:hover{ border-color: rgba(104,184,64,.4); }
.box:hover{ border-color: rgba(104,184,64,.3); }
.tabs .tab.on{ box-shadow: 0 6px 16px -6px rgba(104,184,64,.5); }
.acc details[open]{ border-color: rgba(104,184,64,.35); }
.faq details[open]{ border-color: rgba(104,184,64,.3); }
.h2{ background: linear-gradient(90deg,rgba(104,184,64,.10),transparent 40%); }


.img-cap{
  margin: 6px 0 0; text-align: center; font-style: italic;
  font-size: 12.5px; color: #9aa5b8; line-height: 1.5;
}


.rv-avatar{
  flex-shrink:0; width:36px; height:36px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background: var(--brand-grad); color:#0a0906; font-weight:700; font-size:15px;
}