.rn-jump { display: flex; gap: 8px; flex-wrap: wrap; margin: 24px 0 32px; }
.rn-jump a {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600;
  text-decoration: none !important;
  border: 1px solid var(--border2);
  color: var(--text2) !important;
  transition: border-color 0.15s, color 0.15s;
}
.rn-jump a:hover { border-color: var(--violet); color: var(--lavender) !important; }
.rn-platform { margin-bottom: 12px; border: 1px solid var(--border2); border-radius: 10px; overflow: hidden; }
.rn-platform summary {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 20px; cursor: pointer; list-style: none;
  background: var(--card-bg, rgba(255,255,255,0.03));
  user-select: none;
}
.rn-platform summary::-webkit-details-marker { display: none; }
.rn-platform summary:hover { background: rgba(120,74,157,0.08); }
.rn-platform-name { font-size: 17px; font-weight: 700; color: var(--text); flex: 1; }
.rn-platform-meta { font-size: 12px; color: var(--text3); }
.rn-chevron { width: 16px; height: 16px; color: var(--text3); transition: transform 0.2s; flex-shrink: 0; }
.rn-platform[open] .rn-chevron { transform: rotate(90deg); }
.rn-platform-body { padding: 4px 24px 20px; }
.rn-platform-body h2 { margin-top: 28px; }
.rn-platform-body h2:first-child { margin-top: 16px; }
.rn-badge {
  display: inline-block; padding: 2px 9px; border-radius: 10px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.02em; flex-shrink: 0;
}
.rn-badge-web  { background: rgba(20,148,137,0.15); color: #139589; }
.rn-badge-mac  { background: rgba(120,74,157,0.15); color: var(--lavender); }
.rn-badge-ios  { background: rgba(59,130,246,0.15); color: #60a5fa; }