.beverly-controls { display:flex; align-items:center; gap:.75rem; margin:1rem 0; flex-wrap:wrap; }
.beverly-controls label { font-weight:700; }
.beverly-controls select { font:inherit; color:#18382c; background:white; padding:.65rem 2rem .65rem .8rem; border:1px solid #809b8b; border-radius:.3rem; max-width:100%; }
.beverly-controls select:focus-visible { outline:3px solid #176b5b; outline-offset:3px; }
.beverly-legend { display:flex; flex-wrap:wrap; gap:.6rem 1.4rem; font-size:.9rem; margin-bottom:.75rem; }
.beverly-legend span { display:flex; align-items:center; gap:.55rem; }
.beverly-legend span::before { content:""; width:2rem; border-top:3px solid #176b5b; }
.beverly-legend .beverly-before::before { border-top:3px dashed #69757d; }
#beverly-comparison-svg { display:block; width:100%; height:auto; }
#beverly-comparison-svg text { font-family:inherit; font-size:14px; fill:#263e33; }
#beverly-comparison-svg .beverly-reference { font-size:12px; fill:#54645b; }
.beverly-table .data-table { min-width:0; width:100%; font-variant-numeric:tabular-nums; }
.beverly-table .data-table th, .beverly-table .data-table td { padding:.7rem .5rem; }
.beverly-method, .beverly-original { border-block:1px solid #d1dfd6; margin:1.8rem 0; padding:1rem 0; }
.beverly-method summary, .beverly-original summary { font-weight:750; cursor:pointer; padding:.3rem 0; }
@media(max-width:400px) {
 .beverly-table .data-table { font-size:.82rem; }
 .beverly-table .data-table th, .beverly-table .data-table td { padding:.65rem .3rem; }
 .beverly-legend { font-size:.82rem; }
}