/* Tag filter of the tutorials overview (tutorial-filter.js). */
.zt-filter { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; align-items: center; margin: 1rem 0; }
.zt-group { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; }
.zt-cat { font-size: .8rem; font-weight: 600; text-transform: uppercase; opacity: .7; margin-right: .2rem; }
.zt-chip, .zt-clear {
  border: 1px solid var(--pst-color-border, #ccc); border-radius: 1rem; background: transparent;
  color: inherit; padding: .1rem .6rem; font-size: .85rem; cursor: pointer;
}
.zt-chip.zt-on { background: var(--pst-color-primary, #0a6); border-color: var(--pst-color-primary, #0a6); color: #fff; }
.zt-n { opacity: .6; font-size: .75rem; }
.zt-tag {
  display: inline-block; font-size: .75rem; padding: 0 .4rem; margin: .1rem .1rem 0 0;
  border-radius: .6rem; background: var(--pst-color-surface, #f0f0f0);
}
.zt-legacy { opacity: .85; }
.sd-col[hidden] { display: none !important; }