/* Burçin Dursun Akademi Tema · İlgili içerikler · v0.1.1 */

.uic { margin: 56px 0 0; padding-top: 40px; border-top: 1px solid rgb(var(--bd-ink-rgb) / .1); }
.uic-baslik { margin: 0 0 22px; color: var(--bd-ink); font: 700 26px/1.3 var(--bd-serif); text-wrap: balance; }
.uic-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.uic-liste > li { display: flex; }
.uic-kart {
  display: flex; align-items: center; gap: 16px; width: 100%; padding: 18px 18px 18px 16px;
  background: var(--bd-peach-mist); border: 1px solid rgb(var(--bd-ink-rgb) / .1); color: inherit; text-decoration: none;
  transition: border-color .35s var(--bd-ease), background-color .35s var(--bd-ease);
}
.uic-ikon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgb(var(--bd-apricot-deep-rgb) / .14); color: var(--bd-apricot-ink); }
.uic-ikon .bd-ikon { width: 21px; height: 21px; }
.uic-yazi { display: flex; flex: 1 1 auto; flex-direction: column; gap: 4px; min-width: 0; }
.uic-tur { color: var(--bd-apricot-ink); font: 600 13px/1.3 var(--bd-sans2); }
.uic-ad { color: var(--bd-ink); font: 600 16px/1.4 var(--bd-sans2); }
.uic-ok { flex: 0 0 auto; color: var(--bd-apricot-ink); }
.uic-ok .bd-ikon { width: 16px; height: 16px; transition: transform .45s var(--bd-ease-cikis); }
.uic-kart:hover { border-color: rgb(var(--bd-apricot-deep-rgb) / .55); background: var(--bd-peach-mist); }
.uic-kart:hover .uic-ad { color: var(--bd-ink); }
.uic-kart:hover .uic-ok .bd-ikon { transform: translateX(4px); }
.uic-kart:focus-visible { outline: 2px solid var(--bd-gold); outline-offset: 3px; }

@media (max-width: 767px) {
  .uic { margin-top: 44px; padding-top: 32px; }
  .uic-baslik { font-size: 23px; }
  .uic-liste { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .uic-kart,
  .uic-ok .bd-ikon { transition: none; }
  .uic-kart:hover .uic-ok .bd-ikon { transform: none; }
}