.fnv-rtabs {
margin: 18px 0;
border: 1px solid var(--fnv-border);
background: var(--fnv-surface);
}
.fnv-rtabs__bar {
display: flex;
gap: 6px;
padding: 8px;
overflow-x: auto;
scrollbar-width: thin;
border-block-end: 1px solid var(--fnv-border);
background: var(--fnv-surface-2);
flex-wrap: nowrap;
}
.fnv-rtabs__t {
flex: 0 0 auto;
padding: 7px 14px;
border: 1px solid var(--fnv-border);
background: var(--fnv-surface);
color: var(--fnv-ink-2);
font: 800 0.8125rem/1 var(--fnv-font-mono), 'Readex Pro', sans-serif;
letter-spacing: .5px;
cursor: pointer;
white-space: nowrap;
unicode-bidi: isolate;
direction: ltr;
}
.fnv-rtabs__t:hover { border-color: var(--fnv-ink-3); color: var(--fnv-ink); }
.fnv-rtabs__t[aria-selected="true"] {
background: var(--fnv-ink);
color: var(--fnv-surface);
border-color: var(--fnv-ink);
}
.fnv-rtabs__dot {
display: inline-block;
inline-size: 6px;
block-size: 6px;
margin-inline-end: 6px;
vertical-align: middle;
background: var(--fnv-ink-3);
}
.fnv-rtabs__dot--bull { background: var(--fnv-up); }
.fnv-rtabs__dot--bear { background: var(--fnv-down); }
.fnv-rtabs__panels { padding: 4px 10px 10px; }
.fnv-rtabs__p[hidden] { display: none; }
.fnv-rtabs__p > .fnv-symcard { margin-bottom: 0; }
.fnv-rtabs__t:focus-visible {
outline: 2px solid var(--fnv-ink);
outline-offset: 2px;
}
@media (max-width: 575.98px) {
.fnv-rtabs__bar { padding: 6px; gap: 4px; }
.fnv-rtabs__t   { padding: 6px 10px; }
.fnv-rtabs__panels { padding: 4px 6px 8px; }
}