.og-menu-folder{grid-column:1/-1;min-width:0}.og-menu-folder>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:11px 14px;border-radius:9px;color:var(--metin2);cursor:pointer;font-size:13px}.og-menu-folder>summary::-webkit-details-marker{display:none}.og-menu-folder>summary:after{content:'⌄';margin-left:auto}.og-menu-folder[open]>summary:after{transform:rotate(180deg)}.og-menu-folder>div{display:grid;gap:3px;margin:4px 0 8px 23px;padding-left:12px;border-left:1px solid var(--cizgi)}.og-menu-folder>div>a{display:block!important;text-decoration:none;padding:9px 12px;border-radius:8px;color:var(--metin2);font-size:12px}.og-menu-folder>div>a.aktif,.og-menu-folder>div>a:hover{background:var(--ana-acik,#eeedff);color:var(--ana,#554ad8)}.og-menu-folder a:focus-visible,.og-menu-folder summary:focus-visible{outline:2px solid var(--ana,#554ad8);outline-offset:2px}

/* Mobile learning navigation and shared device-permission shortcut. */
/* overflow:hidden KULLANILMAZ: ızgara içindeki bir <details> bununla birlikte
   yanlış ölçülüyor — kapalıyken başlık tek satıra kırpılıyor, açıkken de satır
   büyümediği için içerik alttaki kutucukların üstüne biniyordu. Yuvarlatma
   köşeleri bu yüzden başlığın kendisine verilir. */
/* order:1 — tam genişlikteki klasörler kutucuk ızgarasını ortasından bölüp yarım
   satırlar bırakıyordu; hepsi listenin sonuna iner, üstte düzgün 4'lü ızgara kalır. */
.menu-izgara>.og-menu-folder{order:1;border:1px solid #dde5f0;border-radius:13px;background:#fff}
.menu-izgara>.og-menu-folder>summary{min-height:44px;padding:8px 11px;gap:9px;color:var(--metin);font-size:13px;font-weight:700;background:#f5f7fd;border-radius:12px 12px 0 0}
.menu-izgara>.og-menu-folder:not([open])>summary{border-radius:12px}
.menu-izgara>.og-menu-folder>summary>.ik{width:28px;height:28px;padding:6px;background:#e8eafd;color:var(--ana);border-radius:9px;flex:none}
.menu-izgara>.og-menu-folder>summary:after{font-size:17px;line-height:1;color:var(--metin2)}
.menu-izgara>.og-menu-folder>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:8px;border:0}
.menu-izgara>.og-menu-folder>div>a{display:flex!important;flex-direction:row;align-items:center;justify-content:center;min-height:38px;padding:7px 6px;text-align:center;font-size:11px;font-weight:650;line-height:1.2;background:#f6f8fb;border:1px solid #edf0f6;border-radius:9px;overflow-wrap:anywhere}
.menu-izgara>.og-menu-folder>div>a.aktif{background:#eeedff;border-color:#d6d3ff;color:var(--ana)}
.ust-cihaz-izinleri{font-family:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 11px;margin:0 8px;border:1px solid #e0e6f2;border-radius:11px;background:#f7f9fd;color:#465b85;white-space:nowrap;flex:none;text-decoration:none}
.ust-cihaz-izinleri strong{display:block;font-size:12px;line-height:1.4;font-weight:650}.ust-cihaz-izinleri small{display:block;font-size:10px;line-height:1.4;color:#72809b}.ust-cihaz-izinleri:hover{border-color:#b7c5e4;background:#eef2fc}.ust-cihaz-izinleri:focus-visible{outline:2px solid var(--ana);outline-offset:3px}.izin-mobil{display:none}
@media(max-width:899px){.ust-cihaz-izinleri{margin:0;padding:7px 9px}.ust-cihaz-izinleri small{display:none}.ust-cihaz-izinleri .izin-masaustu{display:none}.ust-cihaz-izinleri .izin-mobil{display:inline}.ust-cihaz-izinleri{gap:5px}.ust-sag{gap:4px}.ust-arama{width:min(230px,25vw)}}
/* Telefonda üst çubukta iki ayrı zil çıkıyordu; cihaz izinleri düğmesi hesap
   menüsündeki "Bildirim ayarları" ile zaten açılabiliyor. */
@media(max-width:639px){.ust-cihaz-izinleri{display:none}
 /* Kırıntı yolunun telefon biçimi aşağıda, temel tanımlardan sonra. */}
@media(max-width:359px){.ust-sag>.ust-arama+.ikon-dugme{display:none}.ust-ic{gap:6px}.ust-cihaz-izinleri{padding:7px}.ust .marka{gap:6px;font-size:18px}.ust .marka-simge{width:28px;height:28px}}

.site-geri{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 10px;margin-right:6px;background:#fff;border:1px solid #dfe5f0;border-radius:9px;color:#4a6289;font-size:12px;font-weight:600}.site-geri:hover{background:#f0f4fb}.site-geri:focus-visible{outline:2px solid var(--ana);outline-offset:2px}.sayfa-konumu{flex-wrap:wrap}@media print{.site-geri{display:none}}
/* Telefonda kırıntı yolu uygulama başlık çubuğuna dönüşür: yuvarlak geri oku ve
   sayfa adı. "Çalışma alanım / …" masaüstü bağlamıdır; telefonda aynı bilgi alt
   çubukta ve üst markada zaten var, burada acemi bir web sayfası izlenimi veriyor.
   Bu blok yukarıdaki temel .sayfa-konumu/.site-geri tanımlarından SONRA gelmeli;
   aynı özgüllükte oldukları için önce yazılırsa flex-wrap ve font-size eziliyor. */
@media(max-width:639px){
 /* Kırıntı yolu telefonda TÜMÜYLE kalkar: geri oku da, yanındaki sayfa adı da.
    Sayfa adı hemen altta kendi başlığında zaten yazıyordu; ikisi birlikte aynı
    adı iki kez gösteriyordu. Geri gitme işi alt çubuk ve cihazın kendi geri
    hareketiyle yapılır — uygulama kabuğunda ikinci bir geri oku fazlalıktı. */
 .sayfa-konumu{display:none}

 /* Sayfa adı, mobil uygulamadaki başlık kartı gibi kendi kutusunda durur. */
 .icerik>.sayfa-basi,
 .icerik>*>.sayfa-basi{
   display:flex;flex-wrap:wrap;align-items:center;gap:10px;
   margin:0 0 14px;padding:13px 15px;
   background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;
   box-shadow:0 1px 2px rgba(16,24,40,.05),0 6px 16px -12px rgba(16,24,40,.28);
 }
 /* Kutu içeriği kutudan taşmasın: başlık ve eylemler daralabilir olmalı. */
 .icerik>.sayfa-basi>*,
 .icerik>*>.sayfa-basi>*{min-width:0;max-width:100%}
 .icerik>.sayfa-basi h1,
 .icerik>*>.sayfa-basi h1{font-size:1.16rem;line-height:1.3;letter-spacing:-.015em;font-weight:700}
 .icerik>.sayfa-basi p,
 .icerik>*>.sayfa-basi p{font-size:.8rem;line-height:1.5;margin-top:3px}
 /* Başlığın yanındaki eylemler kutunun içinde kalır; sığmazsa alt satıra sarar. */
 .icerik>.sayfa-basi>.sayfa-eylem,
 .icerik>*>.sayfa-basi>.sayfa-eylem{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px}
}