/* DFT entry presentation only; preserve complete complex values on narrow grids. */
.cx-tool-page .cx-calculator-shell:is([data-calculator='discrete-fourier-transform'], [data-calculator='dft'], [data-calculator='inverse-dft'], [data-calculator='fft'], [data-calculator='ifft']) .cx-result-main {
  min-width: 0;
  max-width: 100%;
  grid-template-columns: minmax(0, 1fr);
}
.cx-tool-page .cx-calculator-shell:is([data-calculator='discrete-fourier-transform'], [data-calculator='dft'], [data-calculator='inverse-dft'], [data-calculator='fft'], [data-calculator='ifft']) :is(.cx-result-value, .cx-result-note, .cx-result-breakdown) {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.cx-tool-page .cx-calculator-shell:is([data-calculator='discrete-fourier-transform'], [data-calculator='dft'], [data-calculator='inverse-dft'], [data-calculator='fft'], [data-calculator='ifft']) .cx-result-breakdown > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  gap: 12px;
}
.cx-tool-page .cx-calculator-shell:is([data-calculator='discrete-fourier-transform'], [data-calculator='dft'], [data-calculator='inverse-dft'], [data-calculator='fft'], [data-calculator='ifft']) .cx-result-breakdown dd {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.cx-tool-page .cx-calculator-shell:is([data-calculator='discrete-fourier-transform'], [data-calculator='dft'], [data-calculator='inverse-dft'], [data-calculator='fft'], [data-calculator='ifft']) .cx-result-breakdown > div:has(> dd > details) {
  grid-template-columns: minmax(0, 1fr);
}