
.tf-cards{--rg:1.6rem}
.tf-card-li{display:flex}
.tf-card{display:grid;grid-template-rows:auto 1fr;width:100%;min-width:0;border:.1rem solid var(--tf-line);background:var(--tf-paper)}
.tf-card__media{position:relative;aspect-ratio:1;background:var(--tint);display:flex;align-items:center;justify-content:center;overflow:hidden}
.tf-card__media img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.tf-card__count{position:absolute;right:.8rem;bottom:.8rem;padding:.3rem .7rem;font-family:var(--tf-mono);font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;background:var(--tf-paper);color:var(--tf-ink)}
.tf-card__body{display:grid;gap:.7rem;align-content:start;grid-template-rows:auto auto auto auto auto 1fr;padding:1.4rem 1.4rem 1.6rem;min-width:0}
.tf-card__name{font-family:var(--font-body-family);font-weight:700;font-size:1.9rem;line-height:1.2}
.tf-card__name a:hover{text-decoration:underline;text-underline-offset:.3rem}
.tf-card__fact{margin:0;font-size:1.4rem;color:var(--tf-ink2)}
.tf-card .tf-rating{min-height:2rem}
.tf-card__btn{align-self:end;width:100%;min-height:4.8rem;padding:.6rem 1rem;font-size:1.3rem}
.tf-board__lead .tf-card__btn{width:auto;padding:0 2.4rem}
