.tf-cards{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--mk-color-line-hairline);border-left:1px solid var(--mk-color-line-hairline)}.tf-cards--spaced{margin-top:var(--mk-space-xl)}@media(min-width:560px){.tf-cards-c2,.tf-cards-c3,.tf-cards-c4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.tf-cards-c3,.tf-cards-c4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1240px){.tf-cards-c4{grid-template-columns:repeat(4,minmax(0,1fr))}}.tf-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--mk-primitive-step-28);min-height:var(--mk-card-min-height);padding:var(--mk-card-padding);border-right:1px solid var(--mk-color-line-hairline);border-bottom:1px solid var(--mk-color-line-hairline);background:var(--mk-card-bg);text-decoration:none;transition:background var(--mk-dur-hover) var(--mk-ease-hover)}.tf-card:hover{background:var(--mk-card-bg-hover)}.tf-card:focus-visible{outline:var(--mk-focus-outline);outline-offset:calc(-1 * var(--mk-focus-ring-offset))}.tf-card-title{display:block;margin:0;font-family:var(--mk-font-sans);font-size:var(--mk-text-title-size);font-weight:var(--mk-text-title-weight);line-height:var(--mk-text-title-leading);letter-spacing:var(--mk-text-title-tracking);color:var(--mk-card-title);text-wrap:pretty}.tf-card-desc{display:block;margin:10px 0 0;max-width:var(--mk-measure-card);font-family:var(--mk-font-mono);font-size:var(--mk-text-label-size);line-height:1.75;color:var(--mk-color-text-muted)}.tf-card-tag{margin:0;font-family:var(--mk-font-mono);font-size:var(--mk-text-label-size);line-height:var(--mk-text-micro-leading);letter-spacing:var(--mk-text-label-tracking);text-transform:var(--mk-text-label-transform);color:var(--mk-card-tag);opacity:0;transition:opacity var(--mk-dur-hover) var(--mk-ease-hover),color var(--mk-dur-hover) var(--mk-ease-hover)}.tf-card:hover .tf-card-tag,.tf-card:focus-visible .tf-card-tag{opacity:1}@media(hover:none){.tf-card-tag{opacity:1}}@media(prefers-reduced-motion:reduce){.tf-card,.tf-card-tag{transition:none}}
