#search-results { scroll-margin-top: 3rem; }
  [data-search-preview][hidden] { display: none !important; }
  .hodge-grid-scroll { clear: both; overflow-x: auto; }
  .hodge-inputs.active {
    display: grid;
    grid-template-columns: repeat(4, minmax(4.5rem, 1fr));
    gap: 0.5rem;
    max-width: 32rem;
    margin: 0 auto;
    padding: 0.25rem 0;
  }
  .hodge-inputs > :nth-child(1) { grid-area: 1 / 3 / 2 / 5; }
  .hodge-inputs > :nth-child(2) { grid-area: 2 / 2 / 3 / 4; }
  .hodge-inputs > :nth-child(3) { grid-area: 3 / 1 / 4 / 3; }
  .hodge-inputs > :nth-child(4) { grid-area: 3 / 3 / 4 / 5; }
  .hodge-inputs .field-row { flex-wrap: nowrap; gap: 0.25rem; }
  /* Chern number exact-mode rows: one row per number, laid out as a
     3-column grid (label | = | input) so every "=" lines up in its own
     column regardless of label width. */
  #chern-exact-fields.active {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0.35rem 0.4rem;
    align-items: center;
    justify-content: center;
  }
  #chern-exact-fields label { text-align: right; margin: 0; }
  .pv-degree-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.3rem 1rem; }
  .pv-degree-row + .pv-degree-row { margin-top: 0.6rem; }
  .pv-degree-row .field-row { flex-wrap: nowrap; gap: 0.3rem; }
  .quantum-inputs-scroll { overflow-x: auto; }
  .quantum-inputs {
    display: grid;
    grid-template-columns: repeat(6, minmax(5.5rem, 1fr));
    gap: 0.5rem;
    max-width: 36rem;
  }
  .quantum-coefficient { display: flex; align-items: center; gap: 0.25rem; }
  .quantum-coefficient label { flex-shrink: 0; }
  .quantum-inputs input { width: 7ch; min-width: 0; }