.reference-icon:has(.symbol-sketch){height:180px;background:#fff5df}.reference-icon svg.symbol-sketch{max-height:170px}.question-visual svg.symbol-sketch{width:min(480px,100%);height:auto;max-height:280px}.reference-grid .btn-row{row-gap:9px}.reference-grid .btn-row .btn.primary{font-size:.8rem}.ref-dialog .symbol-sketch{width:min(700px,100%);height:auto}.comparison-grid .reference-icon:has(.symbol-sketch){height:210px}.comparison-grid .reference-icon svg.symbol-sketch{max-height:200px}
.reference-icon{height:170px}.reference-icon svg{max-height:160px}.question-visual svg:not(.symbol-sketch):not(.science-diagram){width:min(480px,100%);height:auto;max-height:300px}
@media(max-width:680px){.ref-dialog{padding:14px}.ref-dialog #ref-zoom{min-height:0}}

.reference-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}.reference-filters .field{min-width:0}.reference-filters select{width:100%;min-width:0}.reference-toolbar>.btn-row{align-items:center;margin-top:14px}.reference-entry-focus{margin:18px 0}.reference-entry-focus p{margin:8px 0 0}@media(max-width:680px){.reference-filters{grid-template-columns:minmax(0,1fr)}}

.reference-pager{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:20px 0}.reference-pager span{font-size:.85rem;color:var(--muted);white-space:nowrap}#reference-results{scroll-margin-top:90px}@media(max-width:440px){.reference-pager{gap:10px}.reference-pager .btn{padding:9px 11px;font-size:.78rem}}