/* Surya · eğitim videoları (/egitim) ve giriş sayfasındaki bağlantısı. oturum.css'in üstüne; aynı dil: krem zemin, gece bandı,
   kiremit vurgu, Jost ve Barlow, ince çizgi, 2 px köşe. Telefonda iki sütun, geniş ekranda üç. */

/* ---- giriş sayfası: gece bandındaki bağlantı ---- */
.gece-egitim{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.egitim-bag{display:inline-flex;align-items:center;gap:7px;min-height:40px;color:var(--gece-vurgu);font-size:13.5px;font-weight:600;text-decoration:none}
.egitim-bag svg{width:18px;height:18px;flex:none}
.egitim-bag circle{fill:none;stroke:currentColor;stroke-width:1.2}
.egitim-bag path{fill:currentColor}
.egitim-bag-not{display:none}
.egitim-bag:hover .egitim-bag-ad{color:#fff}

/* ---- eğitim sayfası ---- */
.icerik.egitim{max-width:900px}
.geri{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;margin:-12px 0 14px;font-size:14px;font-weight:600;color:var(--kiremit);text-decoration:none}
.geri::before{content:"";width:7px;height:7px;margin-right:9px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.geri:hover{color:var(--murekkep)}
.videolar{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--murekkep)}
.video{min-width:0}
.video video{display:block;width:100%;aspect-ratio:9/16;border-radius:2px;background:var(--gece);object-fit:cover}
.video-no{margin-top:12px;font-size:11.5px;font-weight:600;letter-spacing:.1em;color:var(--kiremit);font-variant-numeric:tabular-nums}
.video h2{margin-top:4px;font-family:var(--display);font-size:18px;line-height:1.3;font-weight:500;text-wrap:balance}
.video-not{margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--ikincil)}
.egitim .alt-not{margin-top:36px}

@media (min-width:640px){
  .videolar{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}
}
@media (min-width:900px){
  .gece-egitim{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:0}
  .egitim-bag{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:4px 14px;margin-top:72px;padding-top:22px;border-top:1px solid var(--gece-cizgi);max-width:340px}
  .egitim-bag svg{grid-row:span 2;width:44px;height:44px}
  .egitim-bag circle{stroke-width:1}
  .egitim-bag-ad{font-family:var(--display);font-size:20px;line-height:1.3;font-weight:500;color:#fff;transition:color .2s}
  .egitim-bag-not{display:block;font-size:13.5px;line-height:1.5;font-weight:400;color:var(--gece-yazi)}
  .egitim-bag:hover .egitim-bag-ad{color:var(--gece-vurgu)}
  .icerik.egitim{justify-content:flex-start}
  .geri{margin-top:0}
}