:root {
  --footer-h: 2.5rem;
}
@media (min-width: 640px) {
  :root {
    --footer-h: 3.5rem;
  }
}
.twm-body {
  min-height: 100%;
  /* fixed footer height: keeps long pages above the footer */
  padding-bottom: var(--footer-h);
  background-color: #f7f7fa;
}
.twm-dd summary::-webkit-details-marker {
  display: none;
}
.twm-dd summary {
  list-style: none;
}
.twm-scroll::-webkit-scrollbar { width: 10px; }
.twm-scroll::-webkit-scrollbar-thumb { background: rgba(15, 23, 42, 0.15); border-radius: 999px; }
.twm-scroll::-webkit-scrollbar-track { background: transparent; }
@keyframes twm-in { from { opacity: 0; transform: translateY(8px) } to { opacity: 1 } }
.twm-card { animation: twm-in .25s ease both; }