.term-preview {
  position:fixed; z-index:5; width:min(350px, calc(100vw - 24px));
  display:flex; flex-direction:column; overflow:hidden;
  background:#fff; color:var(--ink); border:1px solid var(--line);
  border-radius:10px; box-shadow:0 8px 26px #112e2533; font-size:1rem;
}
.term-preview[hidden]{display:none}
.preview-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:15px 17px}
.preview-content h2{font-size:1.45rem;margin:0 0 8px}
.preview-content p{margin:0}
.preview-content .preview-example{margin-top:10px;background:var(--mint);padding:8px 10px;border-radius:5px}
.term-preview footer{flex:none;padding:9px 17px;border-top:1px solid var(--line);font-weight:700;background:#fff}