/* Docs pages (offer/privacy/terms/refund/prices) */
.docsNav{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width: 540px){
  .docsNav{ justify-content:flex-start; }
}

.docsWrap{ max-width: 980px; }
.docsHero{
  margin-top: 10px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(17,24,39,.10);
  background: radial-gradient(800px 300px at 10% 0%, rgba(37,99,235,.10), transparent 60%),
              radial-gradient(600px 240px at 85% 20%, rgba(255,191,36,.12), transparent 60%),
              rgba(255,255,255,.92);
  box-shadow: var(--shadow2);
}
.docsHero h1{ margin:0; font-size: 18px; font-weight: 900; }
.docsHero p{ margin:6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.4; }

.docsPanel{ margin-top: 12px; }
.docsContent{ line-height: 1.75; font-size: 14px; color: var(--text); }
.docsContent p{ margin: 10px 0; }
.docsContent ul{ margin: 8px 0 10px 18px; }
.docsContent li{ margin: 6px 0; }
.docsContent b{ color: var(--text); }

.docsFooter{ margin-top: 14px; }
.docsFooter .pill{ margin-right:6px; }

@media (max-width: 540px){
  .docsContent{ font-size: 15px; }
  .docsHero{ padding: 12px; border-radius: 18px; }
}