/* ══════════════════════════════════════════════════════════════════════════════════ akkopar.com v8 — EĞİTİM sayfası ek stilleri (yalnız `egitim.html`) Sözleşme: web/TASARIM_SOZLESMESI_v8_TASLAK.md §2 token · §3a legend · §5b iskelet · §6 krom ⛔ `_v8.css` SSOT'a dokunulmaz; bu dosya ondan SONRA yüklenir ve yalnız EK yapar. ⛔ Yeni renk YOK (hepsi var(--…)) · radius YOK · gölge YOK · animasyon YOK · kart YOK. Yapı fikri değişmez: ince çizgi + altındaki künye satırı (belge konvansiyonu). ══════════════════════════════════════════════════════════════════════════════════ */ /* ── ON MODÜL RAFI — `.satirlar.sema-legend` düzeninin eğitim varyantı ──────── 40px sol sütun = `p-modul` piktogramı (§3a legend kuralı) · 13rem ad sütunu · kalan sütun tek cümle + ödev künyesi. Kart yok, çizgi var. */ .raf{margin-top:1.5rem} .raf li{padding-block:1rem} #raf .bolum-bas,.raf-bolum .bolum-bas{margin-bottom:1.7rem} .modul-no{ font-weight:500;color:var(--ikincil); font-variant-numeric:tabular-nums;margin-inline-end:.55rem; } .modul-govde{min-width:0} .modul-govde p{margin:0;font-size:var(--p2);line-height:1.66;max-width:62ch} .modul-govde .kunye{margin-top:.28rem} /* piktogram sol sütunu kaldırıldı (K16 — sema-legend artık hiçbir figure.sema'yı indekslemiyor, ama _v8.css'teki `.satirlar.sema-legend li` 3-kolon (40px+13rem+1fr) ızgarası sınıfa bağlı kaldığı için `.raf`'ın kendi sınıfı silinmedi, bkz. README); burada 2 kolona indiriliyor. */ .satirlar.sema-legend.raf li{grid-template-columns:minmax(0,13rem) minmax(0,1fr)} /* ── BİR MODÜLÜN 60 SANİYESİ — tez / soru / ödev (ödev örneği, gerçek metin) ── */ .ornek{margin:1.6rem 0 0;border-top:1px solid var(--hat)} .ornek > div{ display:grid;grid-template-columns:minmax(0,5.5rem) minmax(0,1fr); gap:.3rem 1.4rem;padding:.85rem 0;border-bottom:1px solid var(--hat); } .ornek dt{font-size:var(--p1);font-weight:600;color:var(--ikincil);line-height:1.5} .ornek dd{margin:0;font-size:var(--p2);line-height:1.66;color:var(--govde);max-width:58ch} /* ödev yüzeyi — gerçek slayt render'ı, belge ölçeğinde (§3) */ .ornek-yuzey{max-width:30rem} /* ── ÜÇ SORU KAROLARI — künye satırı üstte ince çizgiyle ayrılır ─────────────── */ .karo-kanit{margin-top:.85rem;padding-top:.8rem;border-top:1px solid var(--hat)} /* karo tepesindeki program-adı etiketi — punto/renk/büyük-harf `_v8.css` `.etiket-vurgu`den (rol 8, ortak); burada yalnız düzen (h3'ün üstünde, `.raf-etiket{margin:0 0 .6rem}` ile aynı boşluk) — AKK 09-08: "her sütunun EN ÜSTÜNE program adı". */ .karo-etiket{display:block;margin:0 0 .6rem} /* ── PROGRAM ANLATISI (.sorular/.soru) — kapsam satırı ve teslim künyesi ─────── */ .prog-kapsam{margin-top:.9rem} /* defter poster figürü bu turda çıkarıldı (kaynak PDF'te Türkçe karakter kaybı, K18 altı çözünürlük — kalıp haneye borç, AKK 09-07 karar); `.soru` iki-kolon SSOT ızgarası (`_v8.css`, 15rem+1fr) tek kalan çocuğu (metin) dar sütuna sıkıştırır — burada tam genişliğe alınır. Görsel dönünce bu kural kaldırılır. */ #defter{grid-template-columns:1fr} /* ── HERO 3-KATMAN (NE/KİME/ÇIKTI) — Tur B3 (AKK 09-07: "girişi anlatmıyor" fixi) ────── NE = `.bas-ne` + hemen altındaki `dl.hesap` (program+sayı, _v8.css'ten aynen); KİME = `.bas-kime`; ÇIKTI = mevcut `.bas-eylem/.bas-alt` (değişmedi). Yeni renk/radius/gölge YOK. */ .bas-ne{margin-top:1.5rem;font-size:var(--p2);line-height:1.6;color:var(--govde);max-width:62ch} .bas-kime{margin-top:1.1rem;font-size:var(--p2);line-height:1.66;color:var(--ikincil);max-width:64ch} /* ── KARNE-VİTRİN şeridi — raporlar.html'deki AYNI bileşen. Şerit mekaniği (`.sayfa-serit-bas`/`.sayfalar`/`.sayfa`/`.buyutec*`) `_v8.css`'ten (ortak) aynen devralınır; yalnız bu tek sarmalayıcı kural (üst boşluk + ayraç çizgisi) `_v8_raporlar.css` sayfasına özel olduğu için egitim kendi CSS'ine taşır (raporlar.css'e link vermek yerine — madde talimatı: "diğer HTML'lere/CSS'lere DOKUNMA"). Kart/gölge YOK, tek ince Hat çizgisi. */ .karne-vitrin{margin-top:clamp(28px,2.8vw,44px);padding-top:clamp(28px,2.8vw,44px); border-top:1px solid var(--hat)} @media (max-width:900px){ .raf li{padding-block:1.15rem} .satirlar.sema-legend.raf li{grid-template-columns:1fr} .ornek > div{grid-template-columns:1fr;gap:.15rem} .ornek-yuzey{max-width:22rem} } /* ══════════════════════════════════════════════════════════════════════════════════ ═══ TUR 6 YAYILIMI — §11 HAREKET DİLİ + §11.8 KIRMIZI VURGU (egitim) ═══ Sistem `_v8.css` §11.8'de kurulu; sayfa `` taşıdığı için rol 3 (bölüm işareti) + rol 7 (çift-renk başlık) ORADAN gelir — burada tekrarlanmaz. Uygulanan roller: 3 (6 bölüm H2) · 4 (aşağıda) · 6 (marka noktası, ortak üst bant) Uygulanmayan: 2 — `dl.hesap` sayımı ("204 slayt · 100 slayt · 88 slayt · 34 dosya …") K19'un AÇIK BORCU (kapı bu sayfada 6 kaynaksız rakam sayıyor) ve hiçbiri makine-işareti taşımıyor. Kırmızı, rol 2'nin sözleşmedeki tanımı gereği "ölçülen/hesaplanan" iddiasıdır — işaretsiz sayıya verilemez (A35). Borç kapanınca bu satır açılır. 5 — sayfada HTML belge yaprağı yok (vitrin kapakları bitmap yüzey). Tek an: sözleşmede bu sayfa için TANIMSIZ (§11.1 istisnası yalnız `surec`) → orkestre an KURULMADI, uydurulmadı. ══════════════════════════════════════════════════════════════════════════════════ */ /* ── ROL 4 · AKTİF / HOVER (150-200 ms cevap-hareketi) ──────────────────────────── Dinlenmede lacivert; kırmızı yalnız okur dokunduğunda (§11.1 "cevap" sınıfı). `.bag` hover/transition Tur 6'dan beri ORTAK `_v8.css` §11.8'de (satır ~932) — burada tekrarlanmaz (gecekondu temizliği 09-06). Aşağıdaki reduced-motion satırı DOKUNULMADI (K20d dosya-başına arıyor; tek satırlık blok boşalırsa kapı kırılır). */ /* Büyüteç: üç vitrin kapağı tıklanabilir yüzeydir (defter posteri bu turda çıkarıldı, yukarı bakınız) — imleç/odak o kenarı kırmızıya çevirir ("bu yüzey açılır"). Geçiş ORTAK CSS'te zaten var (border-color .2s), burada yalnız dinlenme-dışı RENK değişir. Not: `.buyutec-ipucu` metni 0,75rem (12px) — §11.8'in "14px altı metinde kırmızı ASLA" sınırı yüzünden o etiket lacivert kalır. */ .vurgu-sistemi .buyutec:hover img, .vurgu-sistemi .buyutec:focus-visible img{border-color:var(--kirmizi)} /* ══════════════════════════════════════════════════════════════════════════════════ ═══ TUR 12 ORYANTASYON KURGUSU (AKK onayı 09-07 — artık `egitim.html`'in kendisi) ═══ AKK 09-07: "4 raf kartı belirgin ama anlatıda hangi bölümde olduğum görünmüyor; kartlara tıklayınca ilgili bölüme gitmeli; her bölüm o eğitimin NEYİ AMAÇLADIĞINI söyleyen vurucu bir cümleyle başlamalı." Üç mekanizma: ① tıklanır sayım kalemi ② yapışkan sekme dizini (ortak `_v8.css` `.sekme-dizini`) ③ eyebrow + amaç cümlesi. Yeni renk YOK · kart YOK · radius YOK · gölge YOK. ══════════════════════════════════════════════════════════════════════════════════ */ /* ── ① TIKLANIR SAYIM KALEMİ — `dl.hesap` görünümü DEĞİŞMEZ; dt+dd birlikte tıklanır. `` yalnız dt metnini sarar (dl içerik modeli dt/dd dışına almaz), tıklama alanı `::after` ile tüm kaleme gerilir ("stretched link"). Renk devralınır, hover'da altı çizgi. */ .hesap-kart{position:relative} .hesap-bag{color:inherit;text-decoration:none} .hesap-bag::after{content:"";position:absolute;inset:0} .hesap-kart:hover .hesap-bag{text-decoration:underline;text-underline-offset:.18em} /* Odak halkası tek metne değil, kalemin TAMAMINA çizilir (tıklama alanı orası). */ .hesap-kart:has(.hesap-bag:focus-visible){outline:2px solid var(--kirmizi);outline-offset:3px} /* G22 (2026-09-24, A2-tur1 madde 3): .hesap-kart yalnız lacivert banttaki 4 kartla sınırlı DEĞİL — raf-4'teki (bant--kagit) 4 kart açık zeminde kalır, kırmızı orada zaten ≥3:1. Yalnız lacivert banttaki (koyu #1d1d1f) kopya 2,86:1 ölçüldü (egitim_kart_halka.py) → üstteki kural DOKUNULMADI, koyu zemine ÖZEL renk burada eklendi (0,3,0 > 0,2,0, kazanır). */ .bant--lacivert .hesap-kart:has(.hesap-bag:focus-visible){outline-color:var(--deep-acc)} .hesap-bag:focus-visible{outline:0} .hesap-ipucu{margin-top:.9rem} /* ── ② YAPIŞKAN DİZİN + ③ EYEBROW/AMAÇ CÜMLESİ — 2026-09-08'de ORTAK `_v8.css`'e TAŞINDI (kopya-yapıştır yasağı): `raporlar.html` de aynı bölüm kalıbını kullanıyor (dört belge = dört bölüm) ve `_v8_egitim.css`'i YÜKLEMİYOR. Kurallar birebir aynen taşındı — bkz. `_v8.css` "BÖLÜM ORYANTASYON KALIBI". Burada yalnız egitim'e özgü kalan satır (raf bölümünün başlık boşluğu) durur; o da dosyanın başındaki `#raf .bolum-bas,.raf-bolum .bolum-bas` kuralıdır. */ /* ── HAREKET KAPALI (§11.1 · K20d — dosya başına zorunlu) ─────────────────────────── */ @media (prefers-reduced-motion:reduce){ .vurgu-sistemi main .bag{transition-duration:.01ms} }