.reference-tabs { display:flex; flex-wrap:nowrap; gap:6px; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; margin:0 0 18px; padding:0 0 7px; scrollbar-width:thin; scrollbar-color:#846a48 #111915; }
.reference-tabs a { display:inline-flex; flex:0 0 auto; align-items:center; min-height:40px; padding:8px 13px; border:1px solid #5d5038; border-radius:3px; background:#111915; color:#ead4ac; font-size:14px; font-weight:600; line-height:1.3; text-decoration:none; white-space:nowrap; }
.reference-tabs a:hover { border-color:#b28a55; color:#fff1d0; }
.reference-tabs a[aria-selected="true"] { border-color:#c19960; background:#473724; color:#fff0d0; }
.reference-tabs a:focus-visible { outline:2px solid #e0bf86; outline-offset:2px; }
[role="tabpanel"][hidden] { display:none !important; }
.reference-rank-panel h3 { margin-top:0; }
@media(max-width:700px) { .reference-tabs { margin-bottom:14px; } .reference-tabs a { min-height:42px; padding-inline:11px; } }