/* WhatsÖABT-DKAB tema — lacivert */
:root{
  --teal-950:#0B1B3A; --teal-900:#12295A; --teal-800:#16326D;
  --teal-700:#1B3B80; --teal:#2A54B8; --teal-400:#7191DC;
  --teal-100:#DCE4F8; --teal-050:#F2F5FD;
}
html[data-kontrast="yuksek"]{ --teal:#16306E; --teal-700:#0E2150; }
.dongu li > b, .dongu li > span { grid-column: 2; }

/* Afisteki portre yerlesimi */
.portre{ margin:0; }
.portre--hero{ width:170px; text-align:center; }
.portre--hero img{
  width:132px; height:132px; border-radius:50%;
  object-fit:cover; display:block; margin:0 auto;
  border:4px solid #fff; box-shadow:0 6px 22px rgba(11,27,58,.22);
}
.portre__ad{
  display:inline-block; margin-top:.55rem; padding:.28rem .9rem;
  background:var(--teal-900); color:#fff; border-radius:999px;
  font-weight:700; font-size:.92rem; white-space:nowrap;
}
/* Koyu hero zemininde cip beyaz olsun */
.portre--hero .portre__ad{
  background:#fff; color:var(--teal-900);
  box-shadow:0 2px 10px rgba(4,12,30,.28);
}

/* Genis ekran: metin solda, portre sag ust kosede - ayni izgarada, ustuste binmeden */
@media (min-width:900px){
  .hero__ic{
    display:grid;
    grid-template-columns:minmax(0,1fr) 170px;
    column-gap:2.5rem;
    align-items:start;
  }
  .hero__ic > *{ grid-column:1; }
  .hero__ic > .portre--hero{ grid-column:2; grid-row:1; }
}

/* Dar ekran: portre en ustte, metnin onunde */
@media (max-width:899px){
  .hero__ic{ display:flex; flex-direction:column; }
  .hero__ic > .portre--hero{ order:-1; width:auto; text-align:left; margin:0 0 1.3rem; }
  .hero__ic > .portre--hero img{ margin:0; width:104px; height:104px; border-width:3px; }
  .portre__ad{ font-size:.85rem; }
}

.portre__unvan{
  display:inline-block; margin:0 0 .35rem; padding:.2rem .7rem;
  background:var(--teal-900); color:#fff; border-radius:999px;
  font-size:.74rem; letter-spacing:.09em; text-transform:uppercase; font-weight:700;
}
.yurutucu{ display:flex; gap:1.4rem; align-items:flex-start; flex-wrap:wrap; }
.portre--kare img{
  width:130px; height:186px; object-fit:cover; border-radius:16px; display:block;
  box-shadow:0 6px 22px rgba(11,27,58,.18);
}
.yurutucu__ic{ flex:1 1 320px; min-width:260px; }
.yurutucu__ad{ margin:.1rem 0 .8rem; }
.yurutucu__not{ margin:0; }