/* ============================================================================
   Sagrosa — sayfa-kariyer.css (kariyer.njk şablonuna özel; statik/css/sayfa-<şablon>.css kuralıyla temel.njk bağlar)
   Koç iç sayfa kalıbı: lacivert bant sayfa başı (solda sayfa yolu + başlık + giriş, sağ yarıda fotoğraf) → iki sütunlu
   metin blokları (başlık solda / metin sağda; fotoğraflı blokta metin solda / düz fotoğraf sağda) → gri bantta açık
   pozisyonlar → başvuru metni + form (başlık ve giriş solda, form sağda) → aday verileri notu.
   Ölçüler ve renkler site.css tokenlarından; koyu bant metin renkleri site.css .s-page-head--dark'tan gelir.
   MANTIKSAL özellikler (RTL için dir="rtl" yeterli); fiziksel kalan yok.
   Bölümler: 1 ölçek · 2 sayfa başı · 3 metin blokları · 4 açık pozisyonlar · 5 başvuru formu · 6 diğer · 7 duyarlı
   ========================================================================== */

/* 1. ÖLÇEK — iç sayfa bölüm başlığı 30px (site.css .s-content ile aynı) ------ */
.s-body--kariyer .s-sec__title{font-size:30px;margin-block-start:0}
.s-body--kariyer .s-eyebrow+.s-sec__title{margin-block-start:12px}

/* 2. SAYFA BAŞI — lacivert bant (renkler site.css .s-page-head--dark; kariyer.njk headDark=true), sağ yarıda fotoğraf */
.s-body--kariyer .s-page-head{position:relative;padding-block:0;display:flex;align-items:stretch;overflow:hidden}
.s-body--kariyer .s-page-head>.s-container{position:relative;width:100%;min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:80px 72px}
.s-body--kariyer .s-page-head>.s-container>*{max-width:calc(50% - 48px)}
.s-body--kariyer .s-page-head .s-breadcrumb{position:absolute;inset-block-start:28px;inset-inline-start:24px;margin:0}
.s-body--kariyer .s-page-head__lead{max-width:520px}
.s-body--kariyer .s-page-head__figure{position:absolute;inset-block:0;inset-inline-end:0;width:50%;margin:0;padding:0;max-width:none;background:var(--s-navy-d)}
.s-body--kariyer .s-page-head__img{width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:cover}
.s-body--kariyer .s-page-head__figure--ph{height:auto;background:rgba(255,255,255,.08);display:flex;align-items:flex-end;justify-content:flex-end}
.s-body--kariyer .s-page-head__figure--ph .s-ph-note{color:rgba(255,255,255,.7);opacity:1}

/* 3. METİN BLOKLARI ----------------------------------------------------------- */
.s-cp-text{padding-block:80px}
.s-cp-text__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 64px;align-items:start}
.s-cp-text--photo .s-cp-text__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px 88px;align-items:start}
.s-cp-text__main .s-sec__title{margin-block-end:18px}
.s-cp-text__main .s-eyebrow+.s-sec__title{margin-block-start:12px}
.s-cp-text__main .s-prose,.s-cp-text__body .s-prose{max-width:760px}
.s-cp-text--photo .s-cp-text__main .s-prose{max-width:600px}
.s-cp-text .s-sec__intro{margin-block-end:16px}
.s-cp-text .s-tlink{margin-block-start:20px}
.s-cp-text__photo{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--s-ph);position:relative}
.s-cp-text__photo img{width:100%;height:100%;object-fit:cover}
.s-cp-text__photo--ph{display:flex;align-items:flex-end;justify-content:flex-end;background:var(--s-band)}
.s-cp-text--pre-form{padding-block-end:56px}
.s-cp-text--post-form{padding-block:0 96px}
.s-cp-text--post-form>.s-cp-text__grid{position:relative;padding-block-start:56px}
/* ayırıcı çizgi kapsayıcının iç boşluğunu (24px) değil içerik sütununu izler — üstteki form bandındaki çizgiyle hizalı */
.s-cp-text--post-form>.s-cp-text__grid::before{content:"";position:absolute;inset-block-start:0;inset-inline:24px;border-block-start:1px solid var(--s-hair)}
.s-cp-text--post-form .s-sec__title{font-size:24px}
.s-cp-text--post-form .s-prose{font-size:16px}
.s-cp-text .s-stats{margin-block-start:40px}

/* 4. AÇIK POZİSYONLAR — gri bant, başlık solda, satır listesi sağda --------- */
.s-cp-positions{padding-block:80px;background:var(--s-band)}
.s-cp-positions.s-positions{margin-block-start:0}
.s-cp-positions__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 64px;align-items:start}
.s-cp-positions__head .s-sec__intro{margin-block:12px 0}
.s-cp-positions__list,.s-cp-positions .s-positions__list{border-block-start:1px solid #D3D8DE}
.s-cp-positions .s-list__item,.s-cp-positions .s-position{padding-block:18px;border-block-end:1px solid #D3D8DE;color:var(--s-body);line-height:1.6}
.s-cp-positions .s-list__title{display:block;font-size:18px;color:var(--s-navy)}
.s-cp-positions .s-list__text{display:block;margin-block-start:4px;font-size:15px}
.s-cp-positions .s-position__title{color:var(--s-navy)}
.s-cp-positions .s-position__title a:hover{text-decoration:underline;text-decoration-color:var(--s-gold);text-underline-offset:4px}
.s-cp-positions .s-empty{font-size:17px;color:var(--s-txt)}
.s-cp-positions .s-tlink{margin-block-start:20px}

/* 5. BAŞVURU FORMU — başlık + giriş solda, form sağda ------------------------ */
.s-cp-form .s-form-sec{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:64px;row-gap:0;padding-block:56px 88px;border-block-start:1px solid var(--s-hair)}
.s-cp-form .s-form-sec__title{grid-column:1;font-size:30px}
.s-cp-form .s-form-sec__text{grid-column:1;max-width:400px;font-size:16px}
.s-cp-form .s-form{grid-column:2;grid-row:1/span 3;margin-block-start:0;max-width:none}
.s-cp-form .s-form__hint{max-width:640px}

/* 6. DİĞER BÖLÜMLER (parcalar/bolumler.njk çıktısı: cta, cards, stats …) --- */
.s-cp-block{padding-block:80px 0}
.s-cp-block:last-child{padding-block-end:96px}
.s-cp-block .s-sec{padding-block:0}
.s-cp-block .s-cta{padding:56px 64px}

/* 7. DUYARLI ----------------------------------------------------------------- */
@media (max-width:1100px){
  .s-body--kariyer .s-page-head>.s-container>*{max-width:calc(50% - 32px)}
  .s-cp-text--photo .s-cp-text__grid{gap:40px 56px}
  .s-cp-text__grid,.s-cp-positions__grid{gap:28px 48px}
  .s-cp-form .s-form-sec{column-gap:48px}
  .s-cp-block .s-cta{padding:40px}
}
@media (max-width:900px){
  .s-body--kariyer .s-page-head{display:block}
  .s-body--kariyer .s-page-head>.s-container{display:block;min-height:0;padding-block:28px 44px}
  .s-body--kariyer .s-page-head>.s-container>*{max-width:none}
  .s-body--kariyer .s-page-head .s-breadcrumb{position:static;margin-block-end:28px}
  .s-body--kariyer .s-page-head__figure{position:static;width:auto;aspect-ratio:16/9}
  .s-body--kariyer .s-page-head__img{aspect-ratio:16/9;height:auto}
  .s-cp-text__grid,.s-cp-positions__grid,.s-cp-form .s-form-sec{grid-template-columns:1fr;gap:20px}
  .s-cp-text--photo .s-cp-text__grid{grid-template-columns:1fr;gap:32px}
  .s-cp-text__photo{aspect-ratio:16/9;max-height:400px}
  .s-cp-form .s-form-sec{row-gap:0}
  .s-cp-form .s-form-sec__text{max-width:640px}
  .s-cp-form .s-form{grid-column:1;grid-row:auto;margin-block-start:28px}
}
@media (max-width:768px){
  .s-body--kariyer .s-sec__title,.s-cp-form .s-form-sec__title{font-size:26px}
  .s-cp-text,.s-cp-positions{padding-block:56px}
  .s-cp-text--pre-form{padding-block-end:40px}
  .s-cp-text--post-form{padding-block:0 64px}
  .s-cp-text--post-form>.s-cp-text__grid{padding-block-start:40px}
  .s-cp-text--post-form .s-sec__title{font-size:22px}
  .s-cp-text__photo{aspect-ratio:16/10;max-height:none}
  .s-cp-form .s-form-sec{padding-block:40px 64px}
  .s-cp-block{padding-block:56px 0}
  .s-cp-block:last-child{padding-block-end:64px}
  .s-cp-block .s-cta{padding:32px 24px}
}