.skill-ikon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid var(--ucuz-border);
  background-image: url('/img/skill-atlas.png');
  background-image: image-set(url('/img/skill-atlas.webp') type('image/webp'), url('/img/skill-atlas.png') type('image/png'));
  background-repeat: no-repeat;
  image-rendering: pixelated;
}
.skill-ikon.is-bos { background-image: none; background: var(--ucuz-dark); }

.skill-tablo tbody td { vertical-align: middle; }
.skill-tablo .ad { font-weight: 600; color: var(--ucuz-metin); }
.skill-tablo .aciklama {
  display: block; color: var(--ucuz-sonuk); font-size: .78rem; line-height: 1.45; margin-top: 2px;
}
.skill-tablo .sinif { color: var(--ucuz-info); font-size: .8rem; }
.skill-tablo .agac { color: var(--ucuz-sonuk2); font-size: .74rem; display: block; }

.etk { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.etk span {
  font-size: .72rem; font-weight: 600; white-space: nowrap;
  border: 1px solid var(--ucuz-border); background: var(--ucuz-dark);
  border-radius: 9999px; padding: 1px 8px; color: #9aa5b1;
}
.etk .hasar    { color: #f87171; border-color: rgba(248,113,113,.3); }
.etk .iyi      { color: var(--ucuz-green); border-color: rgba(58,208,125,.3); }
.etk .sure     { color: #9aa5b1; }
.etk .stat     { color: var(--ucuz-gold); border-color: rgba(242,179,61,.3); }
.etk .direnc   { color: #38bdf8; border-color: rgba(56,189,248,.3); }
.etk .yuzde    { color: #c084fc; border-color: rgba(192,132,252,.3); }
.etk .ac       { color: var(--ucuz-info); border-color: rgba(122,162,247,.3); }

.skill-tur {
  display: inline-block; font-size: .66rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--ucuz-sonuk2); border: 1px solid var(--ucuz-border);
  border-radius: 9px; padding: 1px 6px; margin-left: 6px; vertical-align: middle;
}

@media (max-width: 767.98px) {
  .skill-tablo .aciklama { display: none; }
}