:root{--zemin:#f7f3ec;--yuzey:#fffdf8;--metin:#1f2430;--metin2:#5b6170;--vurgu:#8b2332;--vurgu2:#1d3557;--cizgi:#e4dccd;--serif:Georgia,"Times New Roman",Cambria,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--zemin:#14161c;--yuzey:#1b1e26;--metin:#ece6da;--metin2:#a9a49a;--vurgu:#e07a86;--vurgu2:#9fb8d9;--cizgi:#2c303b}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--zemin);color:var(--metin);font:17px/1.7 var(--sans)}
a{color:var(--vurgu2)}a:hover{color:var(--vurgu)}img{max-width:100%;height:auto;display:block}
.kp{max-width:1080px;margin:0 auto;padding:0 20px}.dar{max-width:720px}
.ust{border-bottom:1px solid var(--cizgi);background:var(--yuzey)}.ust .kp{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;flex-wrap:wrap}
.marka{font:700 1.35rem/1 var(--serif);color:var(--metin);text-decoration:none;letter-spacing:.01em}.marka small{display:block;font:500 .72rem/1.4 var(--sans);color:var(--metin2);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;flex-wrap:wrap}nav a{display:block;padding:8px 12px;border-radius:8px;color:var(--metin);text-decoration:none;font-size:.95rem}nav a:hover,nav a[aria-current]{background:var(--zemin);color:var(--vurgu)}
.kahraman{padding:72px 0 56px;border-bottom:1px solid var(--cizgi)}.kahraman .kp{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}
.etiket{font:600 .75rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--vurgu)}
h1,h2,h3{font-family:var(--serif);line-height:1.2;color:var(--metin)}h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:.4em 0 .3em}h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .6em}h3{font-size:1.25rem}
.giris{font-size:1.15rem;color:var(--metin2);max-width:36em}.dugme{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--vurgu);color:#fff;text-decoration:none;font-weight:600;margin:8px 8px 0 0}.dugme--cizgi{background:transparent;color:var(--vurgu);border:1.5px solid var(--vurgu)}.dugme:hover{color:#fff;opacity:.92}.dugme--cizgi:hover{color:var(--vurgu)}
.kapaklar{display:flex;gap:16px;justify-content:center}.kapaklar a{flex:1;max-width:190px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45);border-radius:4px;overflow:hidden;transform:rotate(-2deg)}.kapaklar a+a{transform:rotate(3deg) translateY(18px)}
.bolum{padding:64px 0}.bolum+.bolum{border-top:1px solid var(--cizgi)}
.kitaplar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.kitap{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;padding:20px}.kitap img{border-radius:3px;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}.kitap h3{margin:.2em 0 .4em}.kitap p{margin:0;color:var(--metin2);font-size:.95rem}
.yazilar{display:grid;gap:18px}.yazi-kart{display:block;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;padding:22px 24px;text-decoration:none;color:var(--metin)}.yazi-kart:hover{border-color:var(--vurgu)}.yazi-kart h3{margin:0 0 .35em;color:var(--metin)}.yazi-kart p{margin:0;color:var(--metin2)}.meta{font-size:.82rem;color:var(--metin2);letter-spacing:.04em}
.makale{font-family:var(--serif);font-size:1.12rem;line-height:1.85}.makale p{margin:0 0 1.15em}.makale h2,.makale h3{margin:1.6em 0 .6em}.makale blockquote{margin:1.4em 0;padding:.4em 1.2em;border-left:3px solid var(--vurgu);color:var(--metin2)}
.sayfa-bas{padding:56px 0 28px;border-bottom:1px solid var(--cizgi)}.sayfa-bas h1{margin:.3em 0 .2em}
.not{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:16px 18px;font-size:.95rem;color:var(--metin2)}
.alt{border-top:1px solid var(--cizgi);background:var(--yuzey);padding:32px 0;font-size:.9rem;color:var(--metin2)}.alt .kp{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.kaydir{position:fixed;inset:0 0 auto 0;height:3px;background:var(--vurgu);transform-origin:0 50%;transform:scaleX(0);z-index:9}
@media (max-width:760px){.kahraman .kp{grid-template-columns:1fr}.kapaklar{order:-1}.kitap{grid-template-columns:90px 1fr}body{font-size:16px}.kahraman{padding:40px 0}}