/* ============================================================
   ÇALIŞMA KİTABI TEMASI — tema.css
   config/temalar.php → calisma-kitabi. core.css + dynamic.css'ten SONRA yüklenir.
   Site bir Excel çalışma kitabıdır: şerit (header), ad kutusu + fx çubuğu, renkli sayfa
   sekmeleri (yelpaze), hücre ızgarası. Excel marka yeşili + Office grafik paletinin koyu tonları.
   Kurallar: gradient yok, gölge yok, inline style yok, emoji yok (Font Awesome duotone).
   Tüm seçiciler body.tema-calisma-kitabi altında → Depo Klasik'e sızmaz.
   Bölüm renk sınıfları: .ck-kat-dosya (mavi) .ck-kat-hesap (turuncu) .ck-kat-challenge (altın)
   .ck-kat-teal .ck-kat-mor .ck-kat-arsiv (yeşil) .ck-kat-hata (bordo)
   ============================================================ */

body.tema-calisma-kitabi {
    --ck-yesil: #2B542C; --ck-yesil-koyu: #1B371C; --ck-yesil-orta: #3E7A40; --ck-yesil-acik: #DCEBD9; --ck-yesil-sis: #EFF7EA;
    --ck-mavi: #2F5597; --ck-mavi-acik: #DCE6F7;
    --ck-turuncu: #C55A11; --ck-turuncu-acik: #FCE4D2;
    --ck-altin: #9A6B00; --ck-altin-acik: #FFF1C2;
    --ck-teal: #2C5A5A; --ck-teal-acik: #D5F0F0;
    --ck-mor: #5A2C5A; --ck-mor-acik: #F0D5F0;
    --ck-bordo: #843534; --ck-bordo-acik: #F2DEDE;
    --ck-murekkep: #1A1F1A; --ck-metin: #4B524B; --ck-soluk: #7A817A; --ck-cizgi: #E3E7E1; --ck-cizgi-koyu: #C9CFC7;
    --ck-kagit: #FFFFFF; --ck-zemin: #F6F8F5; --ck-izgara: #E7EBE5;
    --ck-bas: 'Nunito', ui-rounded, 'Segoe UI', system-ui, sans-serif;
    --ck-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
    --ck-r-yuzey: 24px; --ck-r-kart: 18px; --ck-r-alan: 12px; --ck-r-rozet: 8px;
    --ck-kontrol: 48px; --ck-kap: 1280px; --ck-kenar: 32px;
    --ck-c: var(--ck-yesil); --ck-c-acik: var(--ck-yesil-acik);

    /* core.css token köprüsü: iç sayfalar tema renklerini otomatik alsın */
    --color-primary: var(--ck-yesil);
    --color-primary-dark: var(--ck-yesil-koyu);
    --color-primary-light: var(--ck-yesil-orta);
    --color-bg: var(--ck-zemin);
    --color-bg-secondary: var(--ck-kagit);
    --color-bg-tertiary: var(--ck-yesil-sis);
    --color-text: var(--ck-murekkep);
    --color-text-secondary: var(--ck-metin);
    --color-border: var(--ck-cizgi);
    --radius-sm: 10px; --radius-md: 12px; --radius-lg: 18px; --radius-xl: 24px;

    background: var(--ck-zemin);
    color: var(--ck-murekkep);
    font-family: var(--ck-bas);
    font-variant-numeric: tabular-nums;
}
html.dark body.tema-calisma-kitabi {
    --ck-murekkep: #ECEFEA; --ck-metin: #C2C9C0; --ck-soluk: #8E968D; --ck-cizgi: #24302A; --ck-cizgi-koyu: #3A4A40;
    --ck-kagit: #10160F; --ck-zemin: #0B100B; --ck-izgara: #1A231B;
    --ck-yesil-acik: #1B371C; --ck-yesil-sis: #14201A; --ck-mavi-acik: #17223A; --ck-turuncu-acik: #3A2412; --ck-altin-acik: #3A2E08; --ck-teal-acik: #10302F; --ck-mor-acik: #2E1A2E; --ck-bordo-acik: #3A1B1B;
    --ck-mavi: #7FA6EE; --ck-turuncu: #F0955A; --ck-altin: #E6B85C; --ck-teal: #6FC3C3; --ck-mor: #C48CC4; --ck-yesil-orta: #6FB673; --ck-yesil: #4E9A52; --ck-yesil-koyu: #6FB673; --ck-bordo: #E08A88;
    --color-primary: var(--ck-yesil); --color-primary-dark: var(--ck-yesil-koyu); --color-primary-light: var(--ck-yesil-orta);
    --color-bg: var(--ck-zemin); --color-bg-secondary: var(--ck-kagit); --color-bg-tertiary: var(--ck-yesil-sis);
    --color-text: var(--ck-murekkep); --color-text-secondary: var(--ck-metin); --color-border: var(--ck-cizgi);
    --fa-primary-color: currentColor; --fa-secondary-color: currentColor;
    background: var(--ck-zemin) !important;
}
html.dark body.tema-calisma-kitabi .main-content { background: var(--ck-zemin); }

/* Bölüm renkleri */
body.tema-calisma-kitabi .ck-kat-dosya     { --ck-c: var(--ck-mavi);    --ck-c-acik: var(--ck-mavi-acik); }
body.tema-calisma-kitabi .ck-kat-hesap     { --ck-c: var(--ck-turuncu); --ck-c-acik: var(--ck-turuncu-acik); }
body.tema-calisma-kitabi .ck-kat-challenge { --ck-c: var(--ck-altin);   --ck-c-acik: var(--ck-altin-acik); }
body.tema-calisma-kitabi .ck-kat-teal      { --ck-c: var(--ck-teal);    --ck-c-acik: var(--ck-teal-acik); }
body.tema-calisma-kitabi .ck-kat-mor       { --ck-c: var(--ck-mor);     --ck-c-acik: var(--ck-mor-acik); }
body.tema-calisma-kitabi .ck-kat-arsiv     { --ck-c: var(--ck-yesil);   --ck-c-acik: var(--ck-yesil-acik); }
body.tema-calisma-kitabi .ck-kat-hata      { --ck-c: var(--ck-bordo);   --ck-c-acik: var(--ck-bordo-acik); }
body.tema-calisma-kitabi .ck-t-mavi { background: var(--ck-mavi); } body.tema-calisma-kitabi .ck-t-turuncu { background: var(--ck-turuncu); }
body.tema-calisma-kitabi .ck-t-altin { background: var(--ck-altin); } body.tema-calisma-kitabi .ck-t-teal { background: var(--ck-teal); }
body.tema-calisma-kitabi .ck-t-mor { background: var(--ck-mor); } body.tema-calisma-kitabi .ck-t-bordo { background: var(--ck-bordo); }
body.tema-calisma-kitabi .ck-t-yesil { background: var(--ck-yesil); }

/* Temel */
body.tema-calisma-kitabi .ck-kap { width: 100%; max-width: calc(var(--ck-kap) + var(--ck-kenar) * 2); margin: 0 auto; padding-left: var(--ck-kenar); padding-right: var(--ck-kenar); box-sizing: border-box; }
body.tema-calisma-kitabi .main-content { padding-top: 0; background: var(--ck-zemin); }
body.tema-calisma-kitabi h1, body.tema-calisma-kitabi h2, body.tema-calisma-kitabi h3, body.tema-calisma-kitabi h4 { font-family: var(--ck-bas); font-weight: 900; letter-spacing: -0.025em; line-height: 1.08; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ck-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--ck-c); }
body.tema-calisma-kitabi .ck-kicker::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--ck-c); flex: none; }
body.tema-calisma-kitabi .ck-mono { font-family: var(--ck-mono); }
body.tema-calisma-kitabi .ck-y15{height:15%} body.tema-calisma-kitabi .ck-y20{height:20%} body.tema-calisma-kitabi .ck-y25{height:25%} body.tema-calisma-kitabi .ck-y30{height:30%} body.tema-calisma-kitabi .ck-y35{height:35%} body.tema-calisma-kitabi .ck-y40{height:40%} body.tema-calisma-kitabi .ck-y45{height:45%} body.tema-calisma-kitabi .ck-y50{height:50%} body.tema-calisma-kitabi .ck-y55{height:55%} body.tema-calisma-kitabi .ck-y60{height:60%} body.tema-calisma-kitabi .ck-y65{height:65%} body.tema-calisma-kitabi .ck-y70{height:70%} body.tema-calisma-kitabi .ck-y75{height:75%} body.tema-calisma-kitabi .ck-y80{height:80%} body.tema-calisma-kitabi .ck-y85{height:85%} body.tema-calisma-kitabi .ck-y90{height:90%} body.tema-calisma-kitabi .ck-y95{height:95%} body.tema-calisma-kitabi .ck-y100{height:100%}

/* Düğmeler (tema geneli) */
body.tema-calisma-kitabi .ck-dugme { display: inline-flex; align-items: center; gap: 10px; height: var(--ck-kontrol); padding: 0 22px; border-radius: 12px; background: var(--ck-c); color: #fff; font: 900 16px/1 var(--ck-bas); border: 2px solid var(--ck-c); cursor: pointer; text-decoration: none; white-space: nowrap; }
body.tema-calisma-kitabi .ck-dugme:hover { background: var(--ck-murekkep); border-color: var(--ck-murekkep); color: var(--ck-kagit); }
body.tema-calisma-kitabi .ck-dugme--ikincil { background: var(--ck-kagit); color: var(--ck-murekkep); border-color: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .ck-dugme--ikincil:hover { background: var(--ck-kagit); color: var(--ck-murekkep); border-color: var(--ck-c); }
body.tema-calisma-kitabi .ck-dugmeler { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
body.tema-calisma-kitabi .ck-dugme .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .5; }
body.tema-calisma-kitabi .ck-rozet { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 8px; background: var(--ck-kagit); border: 2px solid var(--ck-c); color: var(--ck-murekkep); font-weight: 900; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }

/* ============ ŞERİT (header) ============ */
body.tema-calisma-kitabi .ck-serit { position: sticky; top: 0; z-index: 1000; background: var(--ck-kagit); border-bottom: 1px solid var(--ck-cizgi); font-size: 16px; }
body.tema-calisma-kitabi .ck-serit-ic { display: flex; align-items: center; gap: 24px; height: 72px; }
body.tema-calisma-kitabi .ck-logo { display: inline-flex; align-items: center; text-decoration: none; flex: none; height: 40px; }
body.tema-calisma-kitabi .ck-logo .ck-logo-kanca { display: none !important; width: 0 !important; height: 0 !important; }
body.tema-calisma-kitabi .ck-logo img.ck-logo-yazi { height: 28px; width: auto; display: block; }
body.tema-calisma-kitabi .ck-logo img.ck-logo-yazi--gece { display: none; }
html.dark body.tema-calisma-kitabi .ck-logo img.ck-logo-yazi--gunduz { display: none; }
html.dark body.tema-calisma-kitabi .ck-logo img.ck-logo-yazi--gece { display: block; }
body.tema-calisma-kitabi .ck-nav { display: flex; gap: 6px; margin-left: 4px; }
body.tema-calisma-kitabi .ck-nav-a { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; font-weight: 800; font-size: 15px; color: var(--ck-metin); border: 2px solid transparent; text-decoration: none; white-space: nowrap; }
body.tema-calisma-kitabi .ck-nav-a::before { content: ""; width: 9px; height: 9px; border-radius: 3px; background: var(--ck-c); flex: none; }
body.tema-calisma-kitabi .ck-nav-a .fad { display: none; }
body.tema-calisma-kitabi .ck-nav-a:hover { background: var(--ck-c-acik); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ck-nav-a.is-aktif { background: var(--ck-c-acik); color: var(--ck-murekkep); border-color: var(--ck-c); }
body.tema-calisma-kitabi .ck-serit-sag { margin-left: auto; display: flex; align-items: center; gap: 8px; position: relative; }
body.tema-calisma-kitabi .ck-ikon { width: 40px; height: 40px; border-radius: 10px; border: 2px solid var(--ck-cizgi); background: var(--ck-kagit); color: var(--ck-murekkep); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; text-decoration: none; padding: 0; }
body.tema-calisma-kitabi .ck-ikon:hover { border-color: var(--ck-yesil); color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-ikon .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ck-giris { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; border: 2px solid var(--ck-cizgi); color: var(--ck-murekkep); font-weight: 900; font-size: 14px; text-decoration: none; }
body.tema-calisma-kitabi .ck-giris:hover { border-color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-giris .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ck-kayit { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 10px; background: var(--ck-yesil); border: 2px solid var(--ck-yesil); color: #fff; font-weight: 900; font-size: 14px; text-decoration: none; }
body.tema-calisma-kitabi .ck-kayit:hover { background: var(--ck-yesil-koyu); border-color: var(--ck-yesil-koyu); color: #fff; }
body.tema-calisma-kitabi .ck-mobil-btn { display: none; }

/* Arama açılır kutusu (DropdownManager .show ekler) */
body.tema-calisma-kitabi .ck-arama-sarici { position: relative; }
body.tema-calisma-kitabi .ck-arama { display: none; position: absolute; top: calc(100% + 10px); right: 0; width: min(440px, calc(100vw - 32px)); background: var(--ck-kagit); border: 2px solid var(--ck-cizgi-koyu); border-radius: 14px; padding: 10px; z-index: 1001; }
body.tema-calisma-kitabi .ck-arama.show { display: block; }
body.tema-calisma-kitabi .ck-arama-form, body.tema-calisma-kitabi .ck-mobil-arama { display: flex; align-items: stretch; height: 48px; border: 2px solid var(--ck-cizgi); border-radius: 10px; overflow: hidden; background: var(--ck-kagit); }
body.tema-calisma-kitabi .ck-arama-form:focus-within, body.tema-calisma-kitabi .ck-mobil-arama:focus-within { border-color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-arama-fx { width: 44px; display: grid; place-items: center; font: italic 900 16px var(--ck-bas); color: var(--ck-yesil); border-right: 1px solid var(--ck-cizgi); flex: none; }
body.tema-calisma-kitabi .ck-arama-girdi { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 12px; font: 500 14px var(--ck-mono); color: var(--ck-murekkep); outline: none; }
body.tema-calisma-kitabi .ck-arama-btn { width: 48px; border: 0; background: var(--ck-yesil); color: #fff; cursor: pointer; font-size: 15px; flex: none; }
body.tema-calisma-kitabi .ck-arama-btn:hover { background: var(--ck-yesil-koyu); }
body.tema-calisma-kitabi .ck-arama-btn .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; }

/* Kullanıcı menüsü */
body.tema-calisma-kitabi .ck-kullanici-sarici { position: relative; }
body.tema-calisma-kitabi .ck-kullanici { width: 40px; height: 40px; border-radius: 10px; border: 2px solid var(--ck-yesil); background: var(--ck-yesil-acik); padding: 0; cursor: pointer; display: grid; place-items: center; overflow: hidden; }
body.tema-calisma-kitabi .ck-kullanici-avatar { width: 100%; height: 100%; object-fit: cover; display: block; }
body.tema-calisma-kitabi .ck-kullanici-harf { font: 900 16px var(--ck-bas); color: var(--ck-yesil-koyu); }
body.tema-calisma-kitabi .ck-kullanici-menu { display: none; position: absolute; top: calc(100% + 10px); right: 0; width: 260px; background: var(--ck-kagit); border: 2px solid var(--ck-cizgi-koyu); border-radius: 14px; padding: 8px; z-index: 1001; }
body.tema-calisma-kitabi .ck-kullanici-menu.show { display: block; }
body.tema-calisma-kitabi .ck-kullanici-bas { display: flex; flex-direction: column; padding: 10px 12px 12px; border-bottom: 1px solid var(--ck-cizgi); margin-bottom: 6px; }
body.tema-calisma-kitabi .ck-kullanici-ad { font-weight: 900; font-size: 15px; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ck-kullanici-eposta { font-size: 12px; color: var(--ck-soluk); font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
body.tema-calisma-kitabi .ck-kullanici-a { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 12px; border-radius: 9px; font: 800 14px var(--ck-bas); color: var(--ck-metin); text-decoration: none; background: transparent; border: 0; cursor: pointer; text-align: left; }
body.tema-calisma-kitabi .ck-kullanici-a:hover { background: var(--ck-yesil-sis); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ck-kullanici-a .fad { width: 18px; text-align: center; --fa-primary-color: var(--ck-yesil); --fa-secondary-color: var(--ck-yesil-orta); }
body.tema-calisma-kitabi .ck-kullanici-cikis { margin: 6px 0 0; padding-top: 6px; border-top: 1px solid var(--ck-cizgi); }
body.tema-calisma-kitabi .ck-kullanici-a--cikis { color: var(--ck-bordo); }
body.tema-calisma-kitabi .ck-kullanici-a--cikis .fad { --fa-primary-color: var(--ck-bordo); --fa-secondary-color: var(--ck-bordo); }

/* Mobil menü (mobile-menu.js .active ekler) */
body.tema-calisma-kitabi .ck-mobil { display: none; position: static; flex-direction: column; gap: 6px; padding: 12px var(--ck-kenar) 16px; border-top: 1px solid var(--ck-cizgi); background: var(--ck-kagit); max-height: none; overflow: visible; transform: none; opacity: 1; visibility: visible; box-shadow: none; width: auto; left: auto; right: auto; }
body.tema-calisma-kitabi .ck-mobil.active { display: flex; }
body.tema-calisma-kitabi .ck-mobil-a { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 14px; border-radius: 10px; font-weight: 800; font-size: 15px; color: var(--ck-murekkep); text-decoration: none; border: 2px solid transparent; background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ck-mobil-a::before { content: ""; width: 9px; height: 9px; border-radius: 3px; background: var(--ck-c); flex: none; }
body.tema-calisma-kitabi .ck-mobil-a .fad { display: none; }
body.tema-calisma-kitabi .ck-mobil-a:not([class*="ck-kat-"]) { background: transparent; border-color: var(--ck-cizgi); }
body.tema-calisma-kitabi .ck-mobil-arama { margin-bottom: 8px; }

/* Ad kutusu + fx çubuğu */
body.tema-calisma-kitabi .ck-fx { background: var(--ck-kagit); border-top: 1px solid var(--ck-cizgi); }
body.tema-calisma-kitabi .ck-fx-ic { display: flex; align-items: stretch; height: 44px; }
body.tema-calisma-kitabi .ck-adkutu { width: 96px; display: grid; place-items: center; font: 800 14px var(--ck-mono); border-right: 1px solid var(--ck-cizgi); color: var(--ck-yesil); flex: none; }
body.tema-calisma-kitabi .ck-fx-isaret { width: 48px; display: grid; place-items: center; font: italic 900 17px var(--ck-bas); color: var(--ck-yesil); border-right: 1px solid var(--ck-cizgi); flex: none; }
body.tema-calisma-kitabi .ck-formul { flex: 1; min-width: 0; display: flex; align-items: center; padding: 0 16px; font: 500 14px var(--ck-mono); color: var(--ck-murekkep); white-space: nowrap; overflow: hidden; }
body.tema-calisma-kitabi .ck-imlec { display: inline-block; width: 2px; height: 18px; background: var(--ck-yesil); margin-left: 2px; animation: ck-yanip 1s steps(2) infinite; flex: none; }
body.tema-calisma-kitabi .ck-sonuc { margin-left: auto; padding: 4px 10px; border-radius: 8px; background: var(--ck-yesil-acik); color: var(--ck-yesil-koyu); font-weight: 700; font-size: 13px; flex: none; }
body.tema-calisma-kitabi .ck-sonuc:empty { display: none; }
@keyframes ck-yanip { 50% { opacity: 0; } }

/* ============ HERO ============ */
body.tema-calisma-kitabi .ck-hero { position: relative; overflow: hidden; padding: 40px 0 32px; min-height: calc(100vh - 73px); min-height: calc(100svh - 73px); display: flex; align-items: center; box-sizing: border-box; }
body.tema-calisma-kitabi .ck-hero > .ck-kap { width: 100%; }
body.tema-calisma-kitabi .ck-hero-izgara { position: absolute; inset: 0; opacity: .6; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M48 0H0v48' fill='none' stroke='%23E7EBE5' stroke-width='1'/%3E%3C/svg%3E"); }
html.dark body.tema-calisma-kitabi .ck-hero-izgara { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M48 0H0v48' fill='none' stroke='%231A231B' stroke-width='1'/%3E%3C/svg%3E"); }
body.tema-calisma-kitabi .ck-hero-ic { position: relative; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 40px; align-items: center; }
body.tema-calisma-kitabi .ck-hero-baslik { font-size: clamp(44px, 5.4vw, 76px); letter-spacing: -0.035em; line-height: .98; margin: 16px 0 0; }
body.tema-calisma-kitabi .ck-hero-baslik em { font-style: normal; color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-hero-alt { font-size: 20px; color: var(--ck-metin); font-weight: 600; margin: 22px 0 0; max-width: 560px; line-height: 1.5; }
body.tema-calisma-kitabi .ck-yapistir { margin-top: 30px; display: flex; border: 2px solid var(--ck-cizgi-koyu); border-radius: 16px; background: var(--ck-kagit); overflow: hidden; height: 64px; }
body.tema-calisma-kitabi .ck-yapistir:focus-within { border-color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-yapistir-adkutu { width: 72px; display: grid; place-items: center; font: italic 900 18px var(--ck-bas); color: var(--ck-yesil); border-right: 1px solid var(--ck-cizgi); margin: 0; flex: none; }
body.tema-calisma-kitabi .ck-yapistir-girdi { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 16px; font: 500 16px var(--ck-mono); color: var(--ck-murekkep); outline: none; }
body.tema-calisma-kitabi .ck-yapistir-btn { border: 0; background: var(--ck-yesil); color: #fff; font: 900 16px var(--ck-bas); padding: 0 24px; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; flex: none; }
body.tema-calisma-kitabi .ck-yapistir-btn:hover { background: var(--ck-yesil-koyu); }
body.tema-calisma-kitabi .ck-yapistir-btn .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
body.tema-calisma-kitabi .ck-hero-yollar { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
body.tema-calisma-kitabi .ck-yol { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; border: 2px solid var(--ck-c-acik); background: var(--ck-c-acik); color: var(--ck-murekkep); font-weight: 800; font-size: 14px; text-decoration: none; }
body.tema-calisma-kitabi .ck-yol::before { content: ""; width: 9px; height: 9px; border-radius: 3px; background: var(--ck-c); flex: none; }
body.tema-calisma-kitabi .ck-yol .fad { display: none; }
body.tema-calisma-kitabi .ck-yol:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ck-hero-not { margin: 18px 0 0; font-size: 13px; color: var(--ck-soluk); font-weight: 600; }

/* Yelpaze: sayfa sekmeleri */
body.tema-calisma-kitabi .ck-yelpaze { position: relative; height: 560px; }
body.tema-calisma-kitabi .ck-pivot { position: absolute; left: 50%; bottom: 70px; width: 0; height: 0; }
body.tema-calisma-kitabi .ck-sekme { position: absolute; left: -110px; bottom: 0; width: 220px; height: 420px; transform-origin: 50% 100%; border-radius: 22px 22px 8px 8px; background: var(--ck-c-acik); border: 2px solid var(--ck-c); padding: 22px 22px 18px; display: flex; flex-direction: column; gap: 10px; color: var(--ck-murekkep); text-decoration: none; box-sizing: border-box; }
body.tema-calisma-kitabi .ck-sekme:hover, body.tema-calisma-kitabi .ck-sekme:focus-visible { outline: 4px solid var(--ck-c); outline-offset: 2px; z-index: 9; }
body.tema-calisma-kitabi .ck-sekme-ad { font-weight: 900; font-size: 17px; letter-spacing: -0.02em; display: flex; align-items: center; gap: 8px; }
body.tema-calisma-kitabi .ck-sekme-ad::before { content: ""; width: 12px; height: 12px; border-radius: 4px; background: var(--ck-c); flex: none; }
body.tema-calisma-kitabi .ck-sekme-sayi { font-size: 26px; font-weight: 900; letter-spacing: -0.04em; color: var(--ck-c); line-height: 1; word-break: break-word; }
body.tema-calisma-kitabi .ck-sekme-aciklama { font-size: 12px; color: var(--ck-metin); font-weight: 600; line-height: 1.4; }
body.tema-calisma-kitabi .ck-sekme-grafik { margin-top: auto; display: flex; align-items: flex-end; gap: 5px; height: 110px; padding: 8px; background: var(--ck-kagit); border-radius: 12px; border: 1px solid var(--ck-c); box-sizing: border-box; }
body.tema-calisma-kitabi .ck-sekme-grafik b { flex: 1; background: var(--ck-c); border-radius: 4px 4px 0 0; transform: scaleY(0); transform-origin: bottom; transition: transform 900ms cubic-bezier(.2, .8, .2, 1); }
body.tema-calisma-kitabi .ck-sekme.is-gorundu .ck-sekme-grafik b { transform: scaleY(1); }
body.tema-calisma-kitabi .ck-sekme-grafik b:nth-child(2) { transition-delay: 80ms; } body.tema-calisma-kitabi .ck-sekme-grafik b:nth-child(3) { transition-delay: 160ms; } body.tema-calisma-kitabi .ck-sekme-grafik b:nth-child(4) { transition-delay: 240ms; } body.tema-calisma-kitabi .ck-sekme-grafik b:nth-child(5) { transition-delay: 320ms; } body.tema-calisma-kitabi .ck-sekme-grafik b:nth-child(6) { transition-delay: 400ms; }
body.tema-calisma-kitabi .ck-s1 { transform: rotate(-46deg); z-index: 1; }
body.tema-calisma-kitabi .ck-s2 { transform: rotate(-28deg); z-index: 2; }
body.tema-calisma-kitabi .ck-s3 { transform: rotate(-9deg); z-index: 3; }
body.tema-calisma-kitabi .ck-s4 { transform: rotate(9deg); z-index: 4; }
body.tema-calisma-kitabi .ck-s5 { transform: rotate(28deg); z-index: 5; }
body.tema-calisma-kitabi .ck-s6 { transform: rotate(46deg); z-index: 6; }
body.tema-calisma-kitabi .ck-sekme-cubugu { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; gap: 4px; justify-content: center; flex-wrap: wrap; padding: 10px 10px 0; background: var(--ck-kagit); border: 1px solid var(--ck-cizgi); border-radius: 12px; }
body.tema-calisma-kitabi .ck-sekme-cubugu span { padding: 6px 14px; border-radius: 0 0 10px 10px; background: var(--ck-c-acik); border: 2px solid var(--ck-c); border-top: 0; font: 800 12px var(--ck-bas); color: var(--ck-murekkep); }

/* ============ BÖLÜMLER ============ */
body.tema-calisma-kitabi .ck-bolum { padding: clamp(56px, 7vw, 96px) 0; }
body.tema-calisma-kitabi .ck-bolum + .ck-bolum { padding-top: 0; }
body.tema-calisma-kitabi .ck-bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; flex-wrap: wrap; }
body.tema-calisma-kitabi .ck-h2 { font-size: clamp(30px, 3.6vw, 46px); margin: 10px 0 0; }
body.tema-calisma-kitabi .ck-h2 a { color: inherit; text-decoration: none; }
body.tema-calisma-kitabi .ck-bolum-alt { color: var(--ck-metin); font-weight: 600; font-size: 17px; max-width: 620px; margin: 8px 0 0; line-height: 1.5; }
body.tema-calisma-kitabi .ck-tumu { font-weight: 900; color: var(--ck-c); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; text-decoration: none; font-size: 15px; }
body.tema-calisma-kitabi .ck-tumu .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; }
body.tema-calisma-kitabi .ck-tumu:hover { color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ck-yuzey { border-radius: var(--ck-r-yuzey); background: var(--ck-c-acik); padding: clamp(28px, 4vw, 48px); }

/* Günün challenge'ı */
body.tema-calisma-kitabi .ck-challenge { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 40px; align-items: center; }
body.tema-calisma-kitabi .ck-afis-no { font-size: clamp(80px, 12vw, 150px); font-weight: 900; letter-spacing: -0.06em; line-height: .85; color: var(--ck-c); margin-top: 8px; }
body.tema-calisma-kitabi .ck-challenge-baslik { font-size: clamp(28px, 3vw, 40px); margin: 12px 0 12px; }
body.tema-calisma-kitabi .ck-challenge-baslik a { color: inherit; text-decoration: none; }
body.tema-calisma-kitabi .ck-challenge-baslik a:hover { color: var(--ck-c); }
body.tema-calisma-kitabi .ck-challenge-hikaye { color: var(--ck-metin); font-weight: 600; font-size: 17px; margin: 0; line-height: 1.5; }
body.tema-calisma-kitabi .ck-meta { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin: 18px 0 0; font-weight: 800; font-size: 14px; color: var(--ck-metin); }
body.tema-calisma-kitabi .ck-meta .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ck-zorluk { display: inline-flex; gap: 3px; }
body.tema-calisma-kitabi .ck-zorluk i { width: 10px; height: 14px; border-radius: 3px; background: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .ck-zorluk i.is-dolu { background: var(--ck-c); }
body.tema-calisma-kitabi .ck-challenge-not { margin: 16px 0 0; font-size: 13px; font-weight: 700; color: var(--ck-soluk); }
body.tema-calisma-kitabi .ck-kitap { border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-c); overflow: hidden; }
body.tema-calisma-kitabi .ck-kitap-ust { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--ck-cizgi); font: 700 13px var(--ck-mono); }
body.tema-calisma-kitabi .ck-kitap-adkutu { padding: 4px 10px; border: 1px solid var(--ck-cizgi-koyu); border-radius: 6px; color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-kitap-fx { font: italic 900 15px var(--ck-bas); color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-kitap-imlec { display: inline-block; width: 2px; height: 16px; background: var(--ck-yesil); animation: ck-yanip 1s steps(2) infinite; }
body.tema-calisma-kitabi .ck-kitap-tablo { width: 100%; border-collapse: collapse; font: 500 14px var(--ck-mono); table-layout: fixed; }
body.tema-calisma-kitabi .ck-kitap-tablo th, body.tema-calisma-kitabi .ck-kitap-tablo td { border: 1px solid var(--ck-izgara); padding: 0 10px; height: 34px; white-space: nowrap; overflow: hidden; }
body.tema-calisma-kitabi .ck-kitap-tablo th { background: var(--ck-zemin); color: var(--ck-soluk); font: 700 12px var(--ck-bas); text-align: center; }
body.tema-calisma-kitabi .ck-kitap-tablo th:first-child, body.tema-calisma-kitabi .ck-kitap-tablo td:first-child { width: 40px; background: var(--ck-zemin); color: var(--ck-soluk); text-align: center; font: 700 12px var(--ck-bas); }
body.tema-calisma-kitabi .ck-kitap-baslik { font-weight: 700; font-family: var(--ck-bas); }
body.tema-calisma-kitabi .ck-kitap-sis::after { content: ""; display: block; height: 10px; width: 70%; border-radius: 5px; background: var(--ck-izgara); }
body.tema-calisma-kitabi .ck-kitap-cevap { border: 2px dashed var(--ck-c); background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ck-kitap-cevap.is-secili { outline: 2px solid var(--ck-yesil); outline-offset: -2px; }
body.tema-calisma-kitabi .ck-kitap-sekmeler { display: flex; gap: 4px; padding: 8px 10px 0; border-top: 1px solid var(--ck-cizgi); background: var(--ck-zemin); }
body.tema-calisma-kitabi .ck-kitap-sekmeler span { padding: 6px 14px; border-radius: 0 0 8px 8px; background: var(--ck-kagit); border: 1px solid var(--ck-cizgi-koyu); border-top: 0; font: 800 12px var(--ck-bas); color: var(--ck-metin); }
body.tema-calisma-kitabi .ck-kitap-sekmeler span.is-aktif { border-color: var(--ck-c); border-bottom: 3px solid var(--ck-c); color: var(--ck-murekkep); }

/* Mozaik: popüler dosyalar */
body.tema-calisma-kitabi .ck-mozaik { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
body.tema-calisma-kitabi .ck-moz { grid-column: span 3; border-radius: var(--ck-r-kart); background: var(--ck-c-acik); border: 2px solid transparent; padding: 24px; display: flex; flex-direction: column; gap: 8px; min-height: 200px; color: var(--ck-murekkep); text-decoration: none; box-sizing: border-box; }
body.tema-calisma-kitabi .ck-moz:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ck-moz--buyuk { grid-column: span 6; grid-row: span 2; min-height: 416px; }
body.tema-calisma-kitabi .ck-mozaik .ck-moz:nth-child(2) { --ck-c: var(--ck-turuncu); --ck-c-acik: var(--ck-turuncu-acik); }
body.tema-calisma-kitabi .ck-mozaik .ck-moz:nth-child(3) { --ck-c: var(--ck-teal); --ck-c-acik: var(--ck-teal-acik); }
body.tema-calisma-kitabi .ck-mozaik .ck-moz:nth-child(4) { --ck-c: var(--ck-mor); --ck-c-acik: var(--ck-mor-acik); }
body.tema-calisma-kitabi .ck-moz-ad { font-size: 18px; font-weight: 900; line-height: 1.2; letter-spacing: -0.01em; display: flex; align-items: flex-start; gap: 8px; }
body.tema-calisma-kitabi .ck-moz-ad::before { content: ""; width: 12px; height: 12px; border-radius: 4px; background: var(--ck-c); flex: none; margin-top: 5px; }
body.tema-calisma-kitabi .ck-moz--buyuk .ck-moz-ad { font-size: 24px; }
body.tema-calisma-kitabi .ck-moz-sayi { font-size: 36px; font-weight: 900; letter-spacing: -0.04em; color: var(--ck-c); line-height: 1; }
body.tema-calisma-kitabi .ck-moz-sayi small { font-size: 14px; letter-spacing: 0; font-weight: 800; color: var(--ck-metin); }
body.tema-calisma-kitabi .ck-moz--buyuk .ck-moz-sayi { font-size: 64px; }
body.tema-calisma-kitabi .ck-moz-aciklama { font-size: 13px; color: var(--ck-metin); font-weight: 700; }
body.tema-calisma-kitabi .ck-moz-etiketler { display: flex; gap: 6px; flex-wrap: wrap; }
body.tema-calisma-kitabi .ck-moz-etiketler i { font: 700 11px var(--ck-mono); font-style: normal; padding: 3px 8px; border-radius: 6px; background: var(--ck-kagit); border: 1px solid var(--ck-c); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ck-mini { margin-top: auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }
body.tema-calisma-kitabi .ck-mini i { height: 18px; background: var(--ck-kagit); border: 1px solid var(--ck-c); border-radius: 3px; }
body.tema-calisma-kitabi .ck-mini i.is-dolu { background: var(--ck-c); opacity: .85; }
body.tema-calisma-kitabi .ck-mini i.is-yarim { background: var(--ck-c); opacity: .4; }
body.tema-calisma-kitabi .ck-grafik { margin-top: auto; display: flex; align-items: flex-end; gap: 8px; height: 160px; padding: 14px; background: var(--ck-kagit); border-radius: 12px; border: 1px solid var(--ck-c); box-sizing: border-box; }
body.tema-calisma-kitabi .ck-grafik b { flex: 1; background: var(--ck-c); border-radius: 5px 5px 0 0; transform: scaleY(0); transform-origin: bottom; transition: transform 900ms cubic-bezier(.2, .8, .2, 1); }
body.tema-calisma-kitabi .ck-grafik.is-gorundu b { transform: scaleY(1); }
body.tema-calisma-kitabi .ck-grafik b:nth-child(2) { transition-delay: 80ms; } body.tema-calisma-kitabi .ck-grafik b:nth-child(3) { transition-delay: 160ms; } body.tema-calisma-kitabi .ck-grafik b:nth-child(4) { transition-delay: 240ms; } body.tema-calisma-kitabi .ck-grafik b:nth-child(5) { transition-delay: 320ms; } body.tema-calisma-kitabi .ck-grafik b:nth-child(6) { transition-delay: 400ms; }
body.tema-calisma-kitabi .ck-grafik-etiket { display: flex; justify-content: space-between; gap: 8px; font: 800 11px var(--ck-bas); color: var(--ck-soluk); }
body.tema-calisma-kitabi .ck-grafik-etiket em { font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Son eklenenler: çalışma sayfası */
body.tema-calisma-kitabi .ck-sayfa { border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-c); overflow: hidden; }
body.tema-calisma-kitabi .ck-sayfa-tablo { width: 100%; border-collapse: collapse; font: 600 15px var(--ck-bas); }
body.tema-calisma-kitabi .ck-sayfa-tablo th, body.tema-calisma-kitabi .ck-sayfa-tablo td { border: 1px solid var(--ck-izgara); padding: 0 14px; height: 52px; }
body.tema-calisma-kitabi .ck-sayfa-tablo th { background: var(--ck-zemin); color: var(--ck-soluk); font: 800 12px var(--ck-bas); letter-spacing: .06em; text-transform: uppercase; text-align: left; }
body.tema-calisma-kitabi .ck-sayfa-no { width: 48px; text-align: center; background: var(--ck-zemin); color: var(--ck-soluk); font: 700 12px var(--ck-bas); }
body.tema-calisma-kitabi .ck-sayfa-ad a { color: var(--ck-murekkep); text-decoration: none; font-weight: 800; display: flex; align-items: center; gap: 10px; }
body.tema-calisma-kitabi .ck-sayfa-ad a:hover { color: var(--ck-c); }
body.tema-calisma-kitabi .ck-sayfa-ad .fad { --fa-primary-color: var(--ck-yesil); --fa-secondary-color: var(--ck-yesil-orta); }
body.tema-calisma-kitabi .ck-sayfa-tablo .ck-sayi { text-align: right; font-family: var(--ck-mono); font-size: 14px; font-weight: 500; white-space: nowrap; }
body.tema-calisma-kitabi .ck-sayfa-tablo tbody tr:hover td { background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ck-sayfa-tablo tbody tr:hover td.ck-sayfa-no { background: var(--ck-c-acik); }

/* Hesaplayıcılar */
body.tema-calisma-kitabi .ck-hesaplar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.tema-calisma-kitabi .ck-hesap { border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); padding: 22px; display: flex; flex-direction: column; gap: 6px; color: var(--ck-murekkep); text-decoration: none; }
body.tema-calisma-kitabi .ck-hesap:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ck-hesap-etiket { font: 900 12px var(--ck-bas); letter-spacing: .08em; text-transform: uppercase; color: var(--ck-c); display: inline-flex; align-items: center; gap: 6px; }
body.tema-calisma-kitabi .ck-hesap-etiket .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ck-hesap-baslik { font-size: 22px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.15; margin: 4px 0; }
body.tema-calisma-kitabi .ck-hesap-aciklama { font-size: 14px; color: var(--ck-metin); font-weight: 600; line-height: 1.45; }
body.tema-calisma-kitabi .ck-hesap-sonuc { margin-top: auto; padding-top: 14px; display: flex; align-items: center; justify-content: space-between; }
body.tema-calisma-kitabi .ck-hesap-sonuc small { font-weight: 800; color: var(--ck-metin); font-size: 13px; }
body.tema-calisma-kitabi .ck-hesap-sonuc strong { width: 40px; height: 40px; border-radius: 10px; background: var(--ck-c-acik); color: var(--ck-c); display: grid; place-items: center; }
body.tema-calisma-kitabi .ck-hesap-sonuc strong .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; }
body.tema-calisma-kitabi .ck-hesap:hover .ck-hesap-sonuc strong { background: var(--ck-c); color: #fff; }

/* Günün ipucu: mevcut bileşeni yüzeye uydur */
body.tema-calisma-kitabi .ck-ipucu .excel-tip-card { background: var(--ck-c-acik); border: 2px solid var(--ck-c); border-radius: var(--ck-r-yuzey); box-shadow: none; }

/* Arşiv yüzeyi */
body.tema-calisma-kitabi .ck-arsiv { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px; align-items: center; }
body.tema-calisma-kitabi .ck-arsiv-sayilar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body.tema-calisma-kitabi .ck-arsiv-sayi { background: var(--ck-kagit); border: 2px solid var(--ck-c); border-radius: var(--ck-r-kart); padding: 18px 20px; display: flex; flex-direction: column; gap: 4px; }
body.tema-calisma-kitabi .ck-arsiv-sayi strong { font-size: clamp(24px, 2.4vw, 34px); font-weight: 900; letter-spacing: -0.04em; color: var(--ck-c); line-height: 1; }
body.tema-calisma-kitabi .ck-arsiv-sayi span { font-size: 13px; font-weight: 800; color: var(--ck-metin); }

/* ============ FOOTER ============ */
body.tema-calisma-kitabi .ck-alt { margin-top: 40px; background: var(--ck-kagit); border-top: 1px solid var(--ck-cizgi); font-size: 15px; }
body.tema-calisma-kitabi .ck-tuy { display: grid; grid-template-columns: repeat(7, 1fr); height: 12px; }
body.tema-calisma-kitabi .ck-tuy i { display: block; }
body.tema-calisma-kitabi .ck-alt-izgara { display: grid; grid-template-columns: 2fr 1fr 1fr 1.4fr; gap: 32px; padding-top: 48px; padding-bottom: 40px; }
body.tema-calisma-kitabi .ck-alt-logo { display: inline-block; }
body.tema-calisma-kitabi .ck-alt-logo img { height: 25px; width: auto; display: block; }
body.tema-calisma-kitabi .ck-alt-logo img.ck-alt-logo-gece { display: none; }
html.dark body.tema-calisma-kitabi .ck-alt-logo img.ck-alt-logo-gunduz { display: none; }
html.dark body.tema-calisma-kitabi .ck-alt-logo img.ck-alt-logo-gece { display: block; }
body.tema-calisma-kitabi .ck-alt-slogan { font-weight: 900; font-size: 18px; letter-spacing: -0.01em; margin: 16px 0 0; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ck-alt-aciklama { color: var(--ck-soluk); font-size: 13px; font-weight: 600; margin: 8px 0 0; line-height: 1.5; max-width: 380px; }
body.tema-calisma-kitabi .ck-alt-sosyal { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
body.tema-calisma-kitabi .ck-alt-sosyal-a { width: 36px; height: 36px; border-radius: 9px; border: 2px solid var(--ck-cizgi); color: var(--ck-metin); display: grid; place-items: center; text-decoration: none; font-size: 14px; }
body.tema-calisma-kitabi .ck-alt-sosyal-a:hover { border-color: var(--ck-yesil); color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-alt-baslik { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 12px; color: var(--ck-soluk); font-weight: 900; }
body.tema-calisma-kitabi .ck-alt-a { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--ck-metin); padding: 5px 0; text-decoration: none; }
body.tema-calisma-kitabi .ck-alt-a[class*="ck-kat-"]::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--ck-c); flex: none; }
body.tema-calisma-kitabi .ck-alt-a:hover { color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-alt-bulten-not { color: var(--ck-metin); font-size: 13px; font-weight: 600; margin: 0 0 12px; line-height: 1.5; }
body.tema-calisma-kitabi .ck-alt-bulten-grup { display: flex; align-items: stretch; height: 48px; border: 2px solid var(--ck-cizgi); border-radius: 10px; overflow: hidden; background: var(--ck-kagit); }
body.tema-calisma-kitabi .ck-alt-bulten-grup:focus-within { border-color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-alt-bulten-girdi { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 12px; font: 600 14px var(--ck-bas); color: var(--ck-murekkep); outline: none; }
body.tema-calisma-kitabi .ck-alt-bulten-btn { width: 48px; border: 0; background: var(--ck-yesil); color: #fff; cursor: pointer; flex: none; }
body.tema-calisma-kitabi .ck-alt-bulten-btn:hover { background: var(--ck-yesil-koyu); }
body.tema-calisma-kitabi .ck-alt-bulten-btn .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; }
body.tema-calisma-kitabi .honeypot-field { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }
body.tema-calisma-kitabi .ck-alt-istatistik { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 0 24px; }
body.tema-calisma-kitabi .ck-alt-ist { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; border: 2px solid var(--ck-cizgi); font-size: 13px; color: var(--ck-metin); font-weight: 700; }
body.tema-calisma-kitabi .ck-alt-ist strong { font-weight: 900; color: var(--ck-murekkep); font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi .ck-alt-ist .fad { --fa-primary-color: var(--ck-yesil); --fa-secondary-color: var(--ck-yesil-orta); }
body.tema-calisma-kitabi .ck-nabiz { color: var(--ck-yesil); font-size: 9px; animation: ck-yanip 1.6s steps(2) infinite; }
body.tema-calisma-kitabi .ck-alt-yasal { border-top: 1px solid var(--ck-cizgi); padding-top: 18px; padding-bottom: 18px; font-size: 12px; color: var(--ck-soluk); font-weight: 700; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
body.tema-calisma-kitabi .ck-alt-yasal-a { display: flex; gap: 16px; flex-wrap: wrap; }
body.tema-calisma-kitabi .ck-alt-yasal-a a { color: var(--ck-soluk); text-decoration: none; }
body.tema-calisma-kitabi .ck-alt-yasal-a a:hover { color: var(--ck-yesil); }
body.tema-calisma-kitabi .ck-tema-secici { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
body.tema-calisma-kitabi .ck-tema-secici .tema-secici-label { display: inline-flex; align-items: center; gap: 6px; font-weight: 900; color: var(--ck-metin); }
body.tema-calisma-kitabi .ck-tema-secici .tema-secici-select { height: 34px; border: 2px solid var(--ck-cizgi); border-radius: 9px; background: var(--ck-kagit); color: var(--ck-murekkep); font: 800 13px var(--ck-bas); padding: 0 10px; }

/* ============ DUYARLI ============ */
@media (max-width: 1100px) {
    body.tema-calisma-kitabi .ck-nav { display: none; }
    body.tema-calisma-kitabi .ck-mobil-btn { display: inline-flex; }
    body.tema-calisma-kitabi .ck-hero-ic { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi .ck-yelpaze { height: 520px; }
    body.tema-calisma-kitabi .ck-hero { min-height: 0; display: block; padding-top: 48px; }
    body.tema-calisma-kitabi .ck-sekme { width: 200px; height: 360px; left: -100px; }
    body.tema-calisma-kitabi .ck-challenge, body.tema-calisma-kitabi .ck-arsiv { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi .ck-moz, body.tema-calisma-kitabi .ck-moz--buyuk { grid-column: span 6; grid-row: auto; }
    body.tema-calisma-kitabi .ck-hesaplar { grid-template-columns: 1fr 1fr; }
    body.tema-calisma-kitabi .ck-alt-izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    body.tema-calisma-kitabi { --ck-kenar: 16px; }
    body.tema-calisma-kitabi .ck-logo img.ck-logo-yazi { height: 22px; }
    body.tema-calisma-kitabi .ck-giris span, body.tema-calisma-kitabi .ck-kayit { display: none; }
    body.tema-calisma-kitabi .ck-giris { width: 40px; padding: 0; justify-content: center; }
    body.tema-calisma-kitabi .ck-adkutu { width: 64px; }
    body.tema-calisma-kitabi .ck-fx-isaret { display: none; }
    body.tema-calisma-kitabi .ck-hero { padding-top: 40px; }
    body.tema-calisma-kitabi .ck-yelpaze { height: 400px; }
    body.tema-calisma-kitabi .ck-pivot { bottom: 40px; }
    body.tema-calisma-kitabi .ck-sekme { width: 160px; height: 300px; left: -80px; padding: 12px; }
    body.tema-calisma-kitabi .ck-sekme-sayi { font-size: 26px; }
    body.tema-calisma-kitabi .ck-sekme-grafik { height: 80px; }
    body.tema-calisma-kitabi .ck-s1 { transform: rotate(-46deg); } body.tema-calisma-kitabi .ck-s6 { transform: rotate(47deg); }
    body.tema-calisma-kitabi .ck-sekme-cubugu { display: none; }
    body.tema-calisma-kitabi .ck-yapistir { flex-wrap: wrap; height: auto; }
    body.tema-calisma-kitabi .ck-yapistir-girdi { height: 56px; min-width: 60%; }
    body.tema-calisma-kitabi .ck-yapistir-btn { width: 100%; height: 48px; justify-content: center; }
    body.tema-calisma-kitabi .ck-moz, body.tema-calisma-kitabi .ck-moz--buyuk { grid-column: span 12; }
    body.tema-calisma-kitabi .ck-hesaplar { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi .ck-arsiv-sayilar { grid-template-columns: 1fr 1fr; }
    body.tema-calisma-kitabi .ck-alt-izgara { grid-template-columns: 1fr; gap: 24px; }
    body.tema-calisma-kitabi .ck-sayfa-tablo th:nth-child(5), body.tema-calisma-kitabi .ck-sayfa-tablo td:nth-child(5), body.tema-calisma-kitabi .ck-sayfa-tablo th:nth-child(6), body.tema-calisma-kitabi .ck-sayfa-tablo td:nth-child(6) { display: none; }
    body.tema-calisma-kitabi .ck-kitap-tablo th:nth-child(5), body.tema-calisma-kitabi .ck-kitap-tablo td:nth-child(5) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    body.tema-calisma-kitabi .ck-sekme-grafik b, body.tema-calisma-kitabi .ck-grafik b { transition: none; transform: scaleY(1); }
    body.tema-calisma-kitabi .ck-imlec, body.tema-calisma-kitabi .ck-kitap-imlec, body.tema-calisma-kitabi .ck-nabiz { animation: none; }
}