.reference-views{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem 1rem;max-width:1100px;margin:0 auto 1rem;padding:1rem 24px 0;border-top:1px solid var(--border)}
.reference-views[hidden]{display:none}
.reference-view-buttons{display:inline-flex;gap:.25rem;padding:.2rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem}
.reference-view-buttons button{font:inherit;font-size:.875rem;font-weight:600;min-height:44px;padding:.55rem 1rem;border:1px solid transparent;border-radius:.35rem;background:transparent;color:var(--muted);cursor:pointer;transition:background-color .15s,color .15s}
.reference-view-buttons button[aria-pressed="true"]{color:var(--text);background:var(--bg);border-color:var(--border)}
.reference-view-buttons button:hover{color:var(--text)}
.reference-view-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.reference-views p{font-size:.8rem;line-height:1.5;color:var(--muted);margin:0;max-width:65ch}
#reference-view-note{flex:1 1 22rem}
#reference-view-status{flex-basis:100%;font-variant-numeric:tabular-nums}
@media(max-width:600px){.reference-view-buttons{width:100%}.reference-view-buttons button{flex:1}.reference-views{gap:.65rem;padding-right:16px;padding-left:16px}}
@media print{.reference-views{display:none}}
@media(prefers-reduced-motion:reduce){.reference-view-buttons button{transition:none}}