/* Ulukat Tema · Kariyer · v0.1.0 */

/* ── TANITIM ── */
.ukr { padding: 120px 0 50px; }
.ukr-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 84px; align-items: start; }
.ukr-sol { position: sticky; top: 130px; }
.ukr-baslik { text-wrap: balance; }
.ukr-metin { max-width: 50ch; margin: 0 0 28px; color: #c9c9c9; font: 500 17px/1.75 var(--ul-sans2); text-wrap: pretty; }
.ukr-git:hover .ul-ikon { transform: translateY(3px); }
.ukr-git:focus-visible { outline: 2px solid var(--ul-gold); outline-offset: 3px; border-radius: 2px; }

.ukr-liste { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, .1); }
.ul-js .ukr-liste > li[data-ul-reveal] { transition-delay: calc(var(--i, 0) * 110ms); }
.ukr-oge { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 26px; padding: 38px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.ukr-ikon {
  display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border: 1px solid rgba(181, 123, 81, .55); border-radius: 50%;
  color: var(--ul-fawn); transition: background-color .45s var(--ul-ease), border-color .45s var(--ul-ease), color .45s var(--ul-ease);
}
.ukr-ikon .ul-ikon { width: 26px; height: 26px; }
.ukr-oge:hover .ukr-ikon { background: var(--ul-bronz); border-color: var(--ul-bronz); color: #fff; }
.ukr-oge-baslik { margin: 6px 0 10px; color: #fff; font: 700 26px/1.25 var(--ul-serif); }
.ukr-oge-metin { max-width: 56ch; margin: 0; color: #bdbdbd; font: 500 16px/1.7 var(--ul-sans2); text-wrap: pretty; }

/* ── BAŞVURU ── */
.ukb { padding-top: 70px; scroll-margin-top: 110px; }

@media (max-width: 991px) {
  .ukr { padding: 90px 0 30px; }
  .ukr-grid { grid-template-columns: 1fr; gap: 40px; }
  .ukr-sol { position: static; }
}
@media (max-width: 575px) {
  .ukr { padding: 70px 0 20px; }
  .ukr-oge { grid-template-columns: 52px minmax(0, 1fr); gap: 18px; padding: 28px 0; }
  .ukr-ikon { width: 52px; height: 52px; }
  .ukr-ikon .ul-ikon { width: 22px; height: 22px; }
  .ukr-oge-baslik { font-size: 22px; margin-top: 2px; }
}