:root{--zumrut:#174C3E;--yesil:#1F6B4F;--turkuaz:#2A8C83;--lacivert:#1D3461;--mercan:#C9502F;--safran:#F2A73B;
--altin:#D9A93F;--krem:#F6EFDF;--parlak:#FFF8E8;--zemin:#FAF5EA;--cizgi:#EADFC8;--ink:#14231C;--sessiz:#5A5446;--leaf:#8CC47A;
--kart:#FFFFFF;--okuma:18px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--zemin:#101A16;--kart:#16231D;--cizgi:#2A3A31;--ink:#EDE6D3;--sessiz:#B6AE98}}
:root[data-theme=dark]{--zemin:#101A16;--kart:#16231D;--cizgi:#2A3A31;--ink:#EDE6D3;--sessiz:#B6AE98}
*{box-sizing:border-box}
body{margin:0;background:var(--zemin);color:var(--ink);font:16px/1.6 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.nakis{background-image:url(/assets/nakis.png);background-size:22px 22px}
header.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--zemin) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi)}
header.top .wrap{display:flex;align-items:center;gap:14px;height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:18px;color:var(--yesil)}
:root[data-theme=dark] .brand,.dark-brand{color:var(--leaf)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand{color:var(--leaf)}}
.logo{width:34px;height:33px;color:currentColor}
nav.links{margin-left:auto;display:flex;gap:4px}
nav.links a{text-decoration:none;font-weight:700;font-size:14.5px;padding:8px 12px;border-radius:10px}
nav.links a:hover,nav.links a[aria-current]{background:color-mix(in srgb,var(--altin) 22%,transparent)}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:14px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:800}
.btn.altin{background:var(--altin);color:#2A1C04}.btn.cizgi{border:1.5px solid color-mix(in srgb,var(--krem) 60%,transparent);color:var(--krem)}
.btn[aria-disabled=true]{opacity:.75;cursor:default}
.hero{background:linear-gradient(135deg,#174C3E,#1F6B4F 60%,#23786A);color:var(--krem);position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:end;padding-top:56px}
.hero h1{font-size:clamp(36px,6vw,58px);line-height:1.05;margin:0 0 14px;color:var(--parlak);letter-spacing:-1px}
.hero p.lead{font-size:19px;max-width:34em;margin:0 0 26px;color:color-mix(in srgb,var(--krem) 90%,transparent)}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:56px}
.hero .arch{display:block;width:100%;max-width:340px;justify-self:center;margin-bottom:-4px}
.hero small{display:block;margin-top:10px;opacity:.8}
.serit{border-top:1.5px solid color-mix(in srgb,var(--altin) 55%,transparent);background:rgba(10,30,24,.55)}
.serit .wrap{display:flex;gap:28px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;font-size:14px}
.serit b{color:var(--altin)}
section{padding:64px 0}
h2.bas{font-size:30px;margin:0 0 6px;letter-spacing:-.5px}
p.alt{color:var(--sessiz);margin:0 0 28px;max-width:40em}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:22px}
.kart h3{margin:10px 0 6px;font-size:18px}.kart p{margin:0;color:var(--sessiz)}
.ikon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--parlak)}
.ikon svg{width:24px;height:24px}
.bg-yesil{background:var(--yesil)}.bg-lacivert{background:var(--lacivert)}.bg-turkuaz{background:var(--turkuaz)}.bg-mercan{background:var(--mercan)}.bg-safran{background:var(--safran)}.bg-altin{background:var(--altin)}
.kitaplar{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
@media (max-width:560px){.kitaplar{grid-template-columns:1fr 1fr;gap:14px}.kapak{padding:12px}.kapak .ad{font-size:16px}}
.kitap{text-decoration:none;display:flex;flex-direction:column;gap:10px}
.kapak{aspect-ratio:3/4;border-radius:16px;position:relative;overflow:hidden;color:var(--parlak);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 24px rgba(40,30,10,.18)}
.kapak.lacivert{background:var(--lacivert)}.kapak.turkuaz{background:#1E6E67}.kapak.mercan{background:#9E3C22}
.kapak svg.kemer{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:62%;height:auto}
.kapak .ad{position:relative;font-weight:800;font-size:19px;line-height:1.2;color:var(--parlak)}
.kapak .yazar{position:relative;font-size:13px;color:var(--altin);font-weight:700;margin-top:4px}
.kitap .durum{font-size:13px;color:var(--sessiz)}
.kitap.yakinda .kapak{filter:saturate(.7);opacity:.85}
.kitap.yakinda .kapak::after{content:"Yakında";position:absolute;top:10px;right:10px;font-size:11px;font-weight:800;letter-spacing:.5px;background:rgba(0,0,0,.35);color:var(--parlak);padding:3px 8px;border-radius:999px}
.etiket{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--altin) 25%,transparent);color:var(--ink)}
footer{border-top:1px solid var(--cizgi);padding:36px 0 48px;color:var(--sessiz);font-size:14px}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}
/* okuma */
.okuma-bas{background:var(--lacivert);color:var(--krem)}
.okuma-bas.turkuaz{background:#1E6E67}.okuma-bas.mercan{background:#9E3C22}
.okuma-bas .wrap{max-width:760px;padding-top:44px;padding-bottom:36px}
.okuma-bas h1{font-size:clamp(32px,5vw,46px);margin:8px 0 4px;color:var(--parlak);line-height:1.1}
.okuma-bas .alt{font-size:18px;opacity:.9}.okuma-bas .yazar{color:var(--altin);font-weight:800;margin-top:10px}
.okuma{max-width:760px;margin:0 auto;padding:28px 20px 80px}
.arac{position:sticky;top:62px;z-index:4;background:var(--zemin);border-bottom:1px solid var(--cizgi);display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0}
.arac button{min-height:40px;min-width:40px;padding:0 12px;border-radius:10px;border:1px solid var(--cizgi);background:var(--kart);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.arac button[aria-pressed=true]{background:var(--altin);color:#2A1C04;border-color:var(--altin)}
.arac .bosluk{flex:1}
.icindekiler{background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;padding:18px 22px;margin:24px 0}
.icindekiler ol{margin:8px 0 0;padding-left:22px}.icindekiler a{text-decoration:none}.icindekiler a:hover{text-decoration:underline}
.bolum h2{font-size:24px;margin:48px 0 14px;padding-top:8px;border-top:1px solid var(--cizgi)}
.p{font-size:var(--okuma);line-height:1.75;margin:0 0 18px;font-family:Manrope,system-ui,sans-serif}
.p.siir{font-style:italic;padding-left:18px;border-left:3px solid var(--altin)}
.ar{display:none;font-family:Amiri,serif;font-size:calc(var(--okuma) + 4px);line-height:2;direction:rtl;text-align:right;color:var(--sessiz);margin:-8px 0 22px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--altin) 10%,transparent)}
body.asil .ar{display:block}
.not{font-size:14.5px;color:var(--sessiz);background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:16px 20px;margin-top:40px}
.not p{margin:0 0 8px}
.sayfa{max-width:720px;margin:0 auto;padding:40px 20px 72px}
.sayfa h1{font-size:34px;line-height:1.15}.sayfa h2{font-size:20px;color:var(--yesil);margin-top:30px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sayfa h2{color:var(--leaf)}}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero .arch{max-width:170px;order:-1;margin:0}.grid{grid-template-columns:1fr 1fr}.hero .cta{padding-bottom:36px}}
@media (max-width:560px){.grid{grid-template-columns:1fr}nav.links a{padding:8px 8px;font-size:14px}.brand span{display:none}section{padding:44px 0}}