:root { --bds-docs-primary:#4f46e5; --bds-docs-ink:#111827; --bds-docs-muted:#64748b; --bds-docs-border:#e5e7eb; --bds-docs-soft:#f7f8fc; }
.bds-docs-shell { background:#fff; color:var(--bds-docs-ink); padding-top:72px; }
.bds-docs-topbar { height:72px; background:rgba(255,255,255,.94); backdrop-filter:blur(16px); border-bottom:1px solid #e5e7eb; z-index:1050; }
.bds-docs-topbar-inner { height:72px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 28px; }
.bds-docs-brand { display:inline-flex; align-items:center; gap:10px; color:#111827; text-decoration:none; }
.bds-docs-brand img { width:38px; height:38px; object-fit:contain; border-radius:10px; }
.bds-docs-brand span { display:flex; flex-direction:column; line-height:1.12; }
.bds-docs-brand strong { font-size:.96rem; }
.bds-docs-brand small { color:#64748b; font-size:.68rem; letter-spacing:.055em; text-transform:uppercase; font-weight:600; }
.bds-docs-actions { display:flex; align-items:center; gap:10px; }
.bds-docs-search { width:min(320px,30vw); height:42px; align-items:center; gap:8px; padding:0 12px; border:1px solid #e2e8f0; border-radius:12px; background:#f8fafc; color:#94a3b8; }
.bds-docs-search:focus-within { border-color:rgba(79,70,229,.35); background:#fff; box-shadow:0 0 0 3px rgba(79,70,229,.08); }
.bds-docs-search input { width:100%; border:0; outline:0; background:transparent; font-size:.86rem; }
.bds-docs-nav-link { padding:10px 12px; color:#475569; text-decoration:none; font-weight:600; font-size:.86rem; }
.bds-docs-home-btn { border-radius:11px; padding:10px 14px; background:#111827; color:#fff; font-size:.84rem; font-weight:650; }
.bds-docs-home-btn:hover { background:var(--bds-docs-primary); color:#fff; }
.bds-docs-shell .docs-wrapper { overflow:visible; }
.bds-docs-shell .docs-sidebar { top:72px; height:calc(100vh - 72px); border-right:1px solid #e5e7eb; background:#fbfcfe; box-shadow:none; }
.bds-docs-shell .docs-nav .nav-link { border-left:0; border-radius:10px; margin:2px 12px; padding:9px 12px; color:#64748b; font-size:.84rem; }
.bds-docs-shell .docs-nav .nav-link:hover, .bds-docs-shell .docs-nav .nav-link.active { background:#eef2ff; color:var(--bds-docs-primary); }
.bds-docs-shell .docs-content { padding-top:24px; background:#fff; }
.bds-docs-shell .docs-article { max-width:980px; margin:0 auto; padding:34px 20px 22px; }
.bds-docs-shell .docs-heading { color:#0f172a; font-size:clamp(2rem,4vw,3.2rem); letter-spacing:-.04em; font-weight:750; }
.bds-docs-shell .docs-time { display:inline-flex; margin-left:10px; padding:6px 9px; border-radius:999px; background:#eef2ff; color:var(--bds-docs-primary); font-size:.68rem; font-weight:700; vertical-align:middle; letter-spacing:.03em; }
.bds-docs-shell .docs-intro { max-width:820px; color:#64748b; font-size:1rem; line-height:1.8; }
.bds-docs-shell .docs-section { margin-top:30px; padding:28px; border:1px solid #e8eaf0; border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(15,23,42,.035); scroll-margin-top:96px; }
.bds-docs-shell .section-heading { color:#111827; letter-spacing:-.025em; }
.bds-docs-shell .docs-note { margin:20px 0 0; border:1px solid #dbe3ff; border-left:4px solid var(--bds-docs-primary); padding:14px 16px; border-radius:10px; background:#f8faff; color:#475569; }
.bds-docs-shell code { padding:.16rem .35rem; border-radius:6px; background:#f1f5f9; color:#4338ca; word-break:break-word; }
.bds-docs-shell .table-responsive { border:1px solid #e5e7eb; border-radius:14px; }
.bds-docs-shell .table { margin:0; }
.bds-docs-shell .table thead th { background:#f8fafc; color:#334155; border-color:#e5e7eb; white-space:nowrap; font-size:.84rem; }
.bds-docs-shell .table td, .bds-docs-shell .table th { padding:14px !important; border-color:#e5e7eb; font-size:.86rem; vertical-align:top; }
.bds-docs-shell #modules .btn { border-radius:11px; padding:10px 14px; font-size:.82rem; font-weight:650; }
.bds-docs-footer { margin-top:50px; padding:28px 0; border-top:1px solid #e5e7eb; background:#f8fafc; color:#64748b; }
.bds-docs-footer strong { color:#111827; }

/* Developer landing */
.bds-developer-landing { background:#fff; }
.bds-dev-hero { padding:100px 0 88px; text-align:center; background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.17),transparent 34%),linear-gradient(180deg,#fafbff,#fff); }
.bds-dev-hero .container { max-width:980px; }
.bds-dev-kicker { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border-radius:999px; background:#eef2ff; color:var(--bds-docs-primary); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bds-dev-hero h1 { margin:18px auto 18px; font-size:clamp(2.7rem,5.7vw,5.3rem); line-height:1.01; letter-spacing:-.055em; color:#0f172a; font-weight:750; }
.bds-dev-hero p { max-width:760px; margin:0 auto; color:#64748b; font-size:1.08rem; line-height:1.8; }
.bds-dev-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:30px; }
.bds-dev-primary, .bds-dev-secondary { border-radius:12px; padding:12px 18px; font-weight:650; }
.bds-dev-primary { background:#111827; color:#fff; border:1px solid #111827; }
.bds-dev-primary:hover { background:var(--bds-docs-primary); color:#fff; border-color:var(--bds-docs-primary); }
.bds-dev-secondary { border:1px solid #dbe1ea; background:#fff; color:#334155; }
.bds-dev-trust-row { margin-top:34px; display:flex; justify-content:center; gap:14px 24px; flex-wrap:wrap; color:#64748b; font-size:.78rem; font-weight:600; }
.bds-dev-trust-row i { color:#10b981; margin-right:5px; }
.bds-dev-overview { padding:78px 0 90px; }
.bds-dev-section-head { max-width:720px; margin-bottom:34px; }
.bds-dev-section-head > span, .bds-dev-contract-cta span { color:var(--bds-docs-primary); font-size:.72rem; text-transform:uppercase; letter-spacing:.13em; font-weight:750; }
.bds-dev-section-head h2, .bds-dev-contract-cta h2 { margin:8px 0 10px; color:#0f172a; font-size:clamp(2rem,3.8vw,3rem); letter-spacing:-.04em; }
.bds-dev-section-head p, .bds-dev-contract-cta p { color:#64748b; line-height:1.7; }
.bds-dev-card { height:100%; min-height:290px; display:flex; flex-direction:column; padding:26px; border:1px solid #e5e7eb; border-radius:18px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 14px 38px rgba(15,23,42,.04); transition:.22s ease; }
.bds-dev-card:hover { transform:translateY(-5px); border-color:rgba(79,70,229,.25); box-shadow:0 22px 52px rgba(15,23,42,.08); }
.bds-dev-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:13px; background:#eef2ff; color:var(--bds-docs-primary); }
.bds-dev-card small { margin-top:22px; color:#94a3b8; font-size:.7rem; font-weight:700; }
.bds-dev-card h3 { margin:7px 0 8px; color:#111827; font-size:1.22rem; }
.bds-dev-card p { color:#64748b; font-size:.88rem; line-height:1.65; }
.bds-dev-card strong { margin-top:auto; color:var(--bds-docs-primary); font-size:.8rem; }
.bds-dev-contract-cta { padding:0 0 86px; }
.bds-dev-contract-cta .container { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:38px 42px; border-radius:24px; background:#0f172a; }
.bds-dev-contract-cta h2 { color:#fff; font-size:2.15rem; }
.bds-dev-contract-cta p { max-width:700px; margin:0; color:#94a3b8; }
.bds-dev-contract-cta .bds-dev-primary { background:#fff; color:#111827; border-color:#fff; white-space:nowrap; }

.bds-docs-search-result { outline:3px solid rgba(79,70,229,.16); outline-offset:6px; border-radius:8px; }
@media (max-width:1199.98px) { .bds-docs-shell .docs-sidebar { top:72px; } }
@media (max-width:767.98px) {
  .bds-docs-topbar-inner { padding:0 16px; }
  .bds-docs-brand small { display:none; }
  .bds-docs-shell .docs-article { padding-left:14px; padding-right:14px; }
  .bds-docs-shell .docs-section { padding:20px; border-radius:14px; }
  .bds-dev-hero { padding:72px 0 60px; }
  .bds-dev-overview { padding:58px 0 66px; }
  .bds-dev-contract-cta .container { padding:30px 24px; align-items:flex-start; flex-direction:column; }
}


/* RTG-8H R1O — developer landing mobile navigation */
.bds-developer-mobile-nav { position:fixed; inset:0; z-index:1600; pointer-events:none; visibility:hidden; }
.bds-developer-mobile-nav.is-open { pointer-events:auto; visibility:visible; }
.bds-developer-mobile-nav-backdrop { position:absolute; inset:0; border:0; background:rgba(15,23,42,.58); opacity:0; transition:opacity .22s ease; }
.bds-developer-mobile-nav.is-open .bds-developer-mobile-nav-backdrop { opacity:1; }
.bds-developer-mobile-nav-panel { position:absolute; top:0; left:0; width:min(88vw,380px); height:100%; padding:20px 18px calc(22px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; background:#fff; box-shadow:24px 0 70px rgba(15,23,42,.22); transform:translate3d(-102%,0,0); transition:transform .26s cubic-bezier(.22,1,.36,1); overflow-y:auto; }
.bds-developer-mobile-nav.is-open .bds-developer-mobile-nav-panel { transform:translate3d(0,0,0); }
.bds-developer-mobile-nav-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid #e5e7eb; }
.bds-developer-mobile-nav-close { width:46px; height:46px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #e5e7eb; border-radius:14px; background:#f8fafc; color:#0f172a; font-size:1.05rem; }
.bds-developer-mobile-nav-links { display:grid; gap:8px; padding:22px 0; }
.bds-developer-mobile-nav-links a { min-height:54px; display:flex; align-items:center; gap:13px; padding:11px 13px; border-radius:14px; color:#334155; text-decoration:none; font-weight:650; }
.bds-developer-mobile-nav-links a i { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:#eef2ff; color:#4f46e5; }
.bds-developer-mobile-nav-links a:hover, .bds-developer-mobile-nav-links a:focus-visible, .bds-developer-mobile-nav-links a.is-active { background:#f8fafc; color:#111827; }
.bds-developer-mobile-nav-home { margin-top:auto; min-height:54px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:14px; background:#111827; color:#fff; text-decoration:none; font-weight:700; }
.bds-developer-mobile-nav-home:hover { background:#4f46e5; color:#fff; }
body.bds-developer-mobile-nav-open { overflow:hidden; touch-action:none; }
@media (min-width:1200px) { .bds-developer-mobile-nav { display:none !important; } }
@media (prefers-reduced-motion: reduce) { .bds-developer-mobile-nav-backdrop, .bds-developer-mobile-nav-panel { transition:none !important; } }
