.tf-cats{display: flex; flex-wrap: wrap; gap: .5rem;}
.tf-cat-btn{display: inline-flex; align-items: center; padding: .5rem 1.125rem;
  border: 1px solid var(--border); border-radius: var(--r-pill);
  font-size: .875rem; font-weight: 600; color: var(--ink-3);
  background: var(--white); transition: var(--t); text-decoration: none;}
.tf-cat-btn:hover{border-color: var(--orange-light); color: var(--orange-text);}
.tf-cat-btn.active{background: var(--c-dark); border-color: var(--c-dark); color: #fff;}
.doc-preview{font-size: .9375rem; line-height: 1.7; color: var(--ink-2);}
.doc-preview h1, .doc-preview h2, .doc-preview h3{color: var(--ink); margin: 1.5rem 0 .625rem;}
.doc-preview h1:first-child, .doc-preview h2:first-child, .doc-preview h3:first-child{margin-top: 0;}
.doc-preview h1{font-size: 1.25rem;}
.doc-preview h2{font-size: 1.125rem;}
.doc-preview h3{font-size: 1rem;}
.doc-preview p{margin-bottom: 1rem;}
.doc-preview ul, .doc-preview ol{margin: 0 0 1rem 1.25rem;}
.doc-preview li{margin-bottom: .375rem;}
.doc-preview strong{color: var(--ink);}
.doc-preview a{color: var(--orange-text); text-decoration: underline;}
.doc-preview hr{border: none; border-top: 1px solid var(--border); margin: 1.5rem 0;}