/* Öğrenci ve sınav koçluğu: hizmet detay sayfası.
   Yalnız ortak kitte olmayan yerleşimler. Tüm sınıflar hd- önekli. */

/* ——— İki sütun: yan sütun DOM'da önce (telefonda içindekiler üstte), masaüstünde sağda ——— */
.hd-yan { grid-column: 2; grid-row: 1; }
.hd-ana { grid-column: 1; grid-row: 1; min-width: 0; }

/* Ana sütundaki bölümler */
.hd-blok + .hd-blok { margin-top: clamp(3.5rem, 7vw, 6rem); padding-top: clamp(3.5rem, 7vw, 6rem); border-top: 1px solid rgba(255, 255, 255, .06); }
.hd-ana .baslik { font-size: clamp(2.1rem, 1.5rem + 2.6vw, 3.6rem); margin-bottom: clamp(1.25rem, 3vw, 2rem); }
.hd-giris { margin-top: -.4rem; }
.hd-giris .demo-etiket { margin-left: .35rem; vertical-align: .1em; }

/* Kartlardaki çizgi simgeleri */
.hd-ikon { width: 2.75rem; height: 2.75rem; margin-bottom: 1rem; fill: none; stroke: var(--buz); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.hd-ikon * { vector-effect: non-scaling-stroke; }
.hd-ikon .hd-a { stroke: var(--altin); }

/* Süreç: dar ana sütunda iki sütun, bağlantı hattı yok */
.hd-ana .adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2.25rem; margin-top: 0; }
.hd-ana .adimlar::before { display: none; }

/* Biçim: bilgi satırları */
.hd-bilgi { margin: 1.5rem 0 0; border-top: 1px solid rgba(255, 255, 255, .2); }
.hd-bilgi > div { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr); gap: .35rem 1.5rem; padding-block: 1rem; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.hd-bilgi dt { font-weight: 700; color: var(--metin); }
.hd-bilgi dd { margin: 0; color: var(--sis); }
.hd-bilgi .demo-etiket { margin-left: .35rem; vertical-align: .1em; }
.hd-bekliyor { display: inline-block; padding: .15rem .65rem; border: 1px dashed rgba(127, 214, 255, .55); border-radius: .5rem; color: var(--buz); font-weight: 600; }

/* Neden ben */
.hd-neden { display: grid; gap: 1.5rem; }
.hd-neden .metin .demo-etiket { vertical-align: .15em; }
.hd-neden .yazar { max-width: 26rem; }

/* Bu hizmet ne değildir */
.hd-uyari-son { margin: 1.1rem 0 0; }

/* Yan sütun: içindekiler (dokunma hedefi 2.75rem) ve eylem kartı */
.hd-icindekiler ol { gap: 0; }
.hd-icindekiler li { align-items: center; }
.hd-icindekiler a { display: flex; align-items: center; min-height: 2.75rem; }
.hd-icindekiler a[aria-current="true"] { color: var(--altin); font-weight: 600; }
.hd-eylem p { margin-bottom: 1rem; }
.hd-eylem .dugme { width: 100%; }

/* İlgili yazılar: iki eşit kart */
.hd-yazilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Diğer hizmetler: üç kart tam genişliğe yayılır */
.hd-diger { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ——— Orta ve dar ekran (kitle aynı kırılmalar) ——— */
@media (max-width: 60rem) {
  .hd-yan, .hd-ana { grid-column: auto; grid-row: auto; }
  .hd-yazilar, .hd-diger { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 40rem) {
  .hd-ana .adimlar { grid-template-columns: minmax(0, 1fr); row-gap: 1.6rem; }
  .hd-bilgi > div { grid-template-columns: minmax(0, 1fr); }
}