.eg-opts { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; }
@media (min-width: 760px) { .eg-opts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.eg-quick { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: end; margin-top: .5rem; }
.eg-quick .field { margin: 0; max-width: 12rem; }
.eg-res { border: 1px solid var(--line); border-radius: 10px; padding: .5rem .9rem; background: var(--surface-2); min-width: 0; }
.eg-res[hidden] { display: none; }
.eg-big { font-size: 1.6rem; font-weight: 700; color: var(--rose-700); display: block; line-height: 1.2; }
.eg-small { font-size: .9rem; color: var(--muted); }
.eg-wrap { margin-top: 1rem; }
.eg-wrap[hidden] { display: none; }
.eg-scroll { max-height: 32rem; overflow: auto; border: 1px solid var(--line); border-radius: 10px; }
.eg-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.eg-table caption { text-align: left; font-weight: 600; padding: .5rem .75rem; }
.eg-table th, .eg-table td { padding: .35rem .75rem; text-align: right; border-top: 1px solid var(--line); }
.eg-table th { position: sticky; top: 0; background: var(--surface-2); }
.eg-table tr.hit td { background: var(--rose-50, #fbeff2); font-weight: 700; }
.eg-table th[hidden] { display: none; }
@media print {
  body.eg-printing * { visibility: hidden !important; }
  body.eg-printing #eg-wrap, body.eg-printing #eg-wrap * { visibility: visible !important; }
  body.eg-printing #eg-wrap { position: absolute; left: 0; top: 0; width: 100%; }
  body.eg-printing .eg-scroll { max-height: none; overflow: visible; border: 0; }
  body.eg-printing .eg-table th { position: static; }
}
