/* ============================================================================
   TESTKAV SKILLS — HOME · «خانوادهٔ تست‌کاو» v7
   The site's own card language (the same surface, line, radius and hover as the audience cards): the brand tile
   and the product name with its domain, one short line, one pill button. Scoped to .tkf; follows both themes.
   ============================================================================ */
.tkf.fam-sec{padding-block-start:64px}
.tkf .pub-shead{margin-bottom:0}
.tkf .pub-shead p{max-width:none;margin-top:8px}
.tkf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-block-start:34px}

.tkf-card{display:flex;flex-direction:column;padding:26px 28px 24px;background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:var(--tk-r-lg,20px);
  transition:transform .3s var(--tk-ease,ease),box-shadow .3s var(--tk-ease,ease)}
.tkf-card:hover{transform:translateY(-4px);box-shadow:var(--tk-shadow-md,0 18px 40px -24px rgba(0,0,0,.25))}

.tkf-head{display:flex;align-items:center;gap:14px;min-width:0}
.tkf-tile{width:52px;height:52px;flex:none;border-radius:14px;background:#fff url(../../skills/img/tk-menu-icon.png?v=1) no-repeat center/28px 28px;
  border:1px solid var(--tk-line);box-shadow:0 8px 16px -10px rgba(26,28,31,.25)}
.tkf-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.tkf-name h3{margin:0;font-size:18px;font-weight:800;line-height:1.5;color:var(--tk-ink)}
.tkf-name span{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--tk-ink-faint)}

.tkf-text{margin:16px 0 0;font-size:14px;font-weight:400;line-height:1.9;color:var(--tk-ink-soft)}

.tkf-go{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:44px;margin-top:22px;padding:0 20px;border-radius:999px;
  background:var(--tk-charcoal,#181a1d);color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:gap .2s var(--tk-ease,ease),background .2s var(--tk-ease,ease)}
.tkf-go svg{width:17px;height:17px;flex:none}
.tkf-go:hover{gap:12px;background:#2a2d32}
.tkf-go:focus-visible{outline:3px solid var(--tk-amber,#ffc218);outline-offset:3px}
html[data-theme="dark"] .tkf-go{background:var(--tk-amber,#ffc218);color:var(--tk-on-amber,#181a1d)}
html[data-theme="dark"] .tkf-go:hover{background:#ffcf47}
html[data-theme="dark"] .tkf-tile{box-shadow:none}

@media (prefers-reduced-motion:reduce){.tkf-card,.tkf-go{transition:none}}
@media (max-width:900px){.tkf-grid{grid-template-columns:1fr;gap:14px}}
@media (max-width:640px){
  .tkf.fam-sec{padding-block-start:48px}
  .tkf-grid{margin-block-start:26px}
  .tkf-card{padding:20px 20px 20px}
  .tkf-tile{width:48px;height:48px;border-radius:13px;background-size:26px 26px}
  .tkf-name h3{font-size:17px}
  .tkf-text{margin-top:14px;font-size:13.5px}
  .tkf-go{width:100%;justify-content:center;margin-top:18px}
}