.rt-ui{
  --rt-gold:#9a7e10;
  --rt-bg:#070708;
  --rt-card:#0f0f12;
  --rt-card2:#0b0b0e;
  --rt-text:#ffffff;
  --rt-muted:rgba(255,255,255,.65);
  --rt-border:rgba(154,126,16,.35);
  --rt-border-strong:rgba(154,126,16,.55);
  --rt-divider:rgba(154,126,16,.16);
  --rt-headbg:rgba(154,126,16,.10);
  --rt-hover:rgba(154,126,16,.06);
  --rt-glow:rgba(154,126,16,.14);
  color:var(--rt-text);
}

/* Wrapper only; no global html/body styles */
.rt-ui{
  width: 100%;
}
.rt-ui .rt-card{
  border-radius: 18px;
  border: 1px solid var(--rt-border);
  box-shadow: 0 12px 35px rgba(0,0,0,.45);
  background-color: var(--rt-card);
  background-image:
    radial-gradient(120% 120% at 50% 20%, var(--rt-glow), rgba(0,0,0,0)),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0));
  padding: 18px;
  max-width: 1100px;
  margin: 16px auto;
}

.rt-ui .rt-title{
  color: var(--rt-gold);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 20px;
  margin: 0 0 10px;
}

.rt-ui .rt-content{
  color: var(--rt-text);
  font-size: 15px;
}
.rt-ui .rt-content p{ margin: 0 0 12px; }
.rt-ui .rt-content a{
  color: var(--rt-gold);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rt-ui .rt-content a:hover{ filter: brightness(.92); }
.rt-ui .rt-content h1,
.rt-ui .rt-content h2,
.rt-ui .rt-content h3{
  color: var(--rt-gold);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .3px;
  margin: 18px 0 10px;
}
.rt-ui .rt-content ul,
.rt-ui .rt-content ol{ margin: 0 0 12px 18px; }
.rt-ui .rt-muted{ color: var(--rt-muted); }

/* Small code blocks (debug/admin only) */
.rt-ui code{
  border-radius: 8px;
  border: 1px solid rgba(154,126,16,.22);
  background: rgba(0,0,0,.35);
  padding: 2px 6px;
}