/* Eğitim sol paneli (Tuna 2026-10-06): /egitim/ hub sayfaları (scripts/egitim-hub.mjs) ve eğitim uygulaması
   (storefront src/egitim/EgitimApp.tsx) AYNI paneli ve aynı içerik sütununu kullanır; sayfa değişince panel ve başlık
   yerinden oynamaz. docs/TASARIM-STANDARDI.md kural 2: sola yaslı, 264px, opak beyaz, sağda 1px çizgi, grup başlıkları;
   seçili = koyu kalın yazı + açık zemin, sol çizgi YOK (kural 6). 900px altında panel üstte yatay şerit, seçili = alt çizgi. */
html{scrollbar-gutter:stable}
.hub{display:grid;grid-template-columns:var(--ps-yan-w,264px) minmax(0,1fr);align-items:start;align-content:start;min-height:calc(100vh - var(--ps-header-h,44px))}
.yan{position:sticky;top:var(--ps-header-h,44px);height:calc(100vh - var(--ps-header-h,44px));overflow-y:auto;
  background:var(--ps-yan-bg,#fff);border-right:1px solid var(--ps-yan-cizgi,#eadfd6);
  padding:26px 18px 40px clamp(16px,3vw,30px)}
.yan .grp{margin:18px 8px 6px 12px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ps-yan-bas,#9c8d80)}
.yan .grp:first-child{margin-top:0}
.yan-grup{display:flex;flex-direction:column;gap:1px}
.yan a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 10px 6px 12px;
  border-radius:var(--ps-r-kontrol,8px);color:var(--ps-yan-oge,#6f6258);text-decoration:none;font-size:15px;font-weight:600;line-height:1.35}
.yan a[hidden]{display:none}
.yan a:hover{color:var(--ps-yan-secili,#241a12);background:var(--ps-yan-secili-bg,#FFF1EA)}
.yan a[aria-current="page"]{color:var(--ps-yan-secili,#241a12);font-weight:700;background:var(--ps-yan-secili-bg,#FFF1EA)}
.yan a:focus-visible{outline:2px solid var(--ps-vurgu,#FF4500);outline-offset:1px}
.yan .sayi{font-size:12.5px;font-weight:600;color:var(--ps-yan-bas,#9c8d80);font-variant-numeric:tabular-nums}
/* Öğretmenin sınıfları: Sınıflarım açıkken altında girintili (yalnız masaüstü) */
.yan a.alt-oge{padding:5px 10px 5px 26px;font-size:14px;font-weight:600}
.orta{min-width:0;max-width:1180px;padding:0 clamp(16px,3vw,44px) 64px var(--ps-icerik-sol,44px)}
@media(max-width:900px){
  .hub{grid-template-columns:minmax(0,1fr)}
  .yan{position:static;height:auto;display:flex;overflow-x:auto;scrollbar-width:none;border-right:0;
    border-bottom:1px solid var(--ps-yan-cizgi,#eadfd6);padding:0 8px}
  .yan::-webkit-scrollbar{display:none}
  .yan .grp{display:none}
  .yan-grup{flex-direction:row;gap:0}
  .yan a{flex:none;white-space:nowrap;border-radius:0;padding:12px 10px 10px;font-size:15px}
  .yan a:hover{background:none}
  .yan a[aria-current="page"]{background:none;box-shadow:inset 0 -2px 0 var(--ps-vurgu,#FF4500)}
  .yan .sayi{display:none}
  .yan a.alt-oge{display:none}
  .orta{padding:0 16px 48px}
}