Template:topx/styles.css

.derivedterms.tcol-onedi:not(.mw-made-collapsible).temptopam {background: none;}

.derivedterms.temptopam > .mw-collapsible-toggle {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  text-align: center;
  background: rgba(248,248,255,0.80);
}

.derivedterms:not(.tcol-onedi).temptopam {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: auto; /* ct-width0 */
  column-gap: 32px;
  padding-right: 24px;
}

.derivedterms:not(.tcol-onedi).temptopam.ct-width1 {grid-auto-columns: 1fr;}

/* Template:exp-topx */
.derivedterms:not(.tcol-onedi).temptopam.mw-collapsible {
  padding-bottom: 24px;
  position: relative;
}

.mw-made-collapsible.mw-collapsed.derivedterms.temptopam {max-height: 78px; overflow: hidden;}
.mw-made-collapsible.derivedterms.temptopam > .mw-collapsible-content {display: none !important;} /* cancels needless 'display:block' */
/* class '.mw-made-collapsible' for IE10 (if toggle botton doesn't appear, table need to be uncollapsed) */

@media only screen and (max-width: 640px) {
  .derivedterms:not(.tcol-onedi).temptopam {background: initial;}
  .derivedterms:not(.tcol-onedi).temptopam {grid-auto-flow: row;}
}