/* AIFA AKADEMI — ERPGOLD Kurumsal Wiki tasarımı (157de726) temelli ortak stil */
:root{
  color-scheme:light;
  --bg:#f2f1f0; --card:#ffffff; --card2:#fafafa; --chip:#f4f4f4; --ink:#1c1b1a; --mut:#5f5e5b;
  --line:#e4e3e1; --line2:#d2d1cf; --acc:#0f6cbd; --A:#0f6cbd; --onA:#ffffff; --Asoft:#e5eef8; --Ahover:#0c5a9d;
  --code:#ecebe9; --hover:rgba(0,0,0,.05); --uyari:#c50f1f; --uyari-zemin:#fbeaec; --uyari-cizgi:#efb3b9;
  --basari:#0e700e; --basari-zemin:#e6f3e6; --dikkat:#7a5300; --dikkat-zemin:#fff4ce; --mor:#5c2e91; --mor-zemin:#efe6f7;
  --shadow:0 1px 2px rgba(0,0,0,.05),0 2px 10px rgba(0,0,0,.05); --shadow-lg:0 4px 10px rgba(0,0,0,.07),0 12px 32px rgba(0,0,0,.10);
  --ust:rgba(255,255,255,.84);
  /* eski sinif adlari icin es anlamlilar */
  --fg:var(--ink); --fg2:#3a3937; --pan:var(--card); --pan2:var(--chip); --sf:var(--card); --accs:var(--Asoft); --acci:#0f548c; --acc2:var(--A); --acc-hover:var(--Ahover); --kod-zemin:var(--card);
}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#1d1d1d; --card:#292929; --card2:#242424; --chip:#333231; --ink:#f4f4f3; --mut:#a8a7a4;
  --line:#3c3b3a; --line2:#4c4b4a; --A:#79b4ee; --onA:#111110; --Asoft:#243546; --Ahover:#9cc8f5;
  --code:#353433; --hover:rgba(255,255,255,.06); --uyari:#ff8f98; --uyari-zemin:#3a1c1f; --uyari-cizgi:#5e2a30;
  --basari:#7ed47a; --basari-zemin:#16301a; --dikkat:#f0cd62; --dikkat-zemin:#33290a; --mor:#cfb0f0; --mor-zemin:#2b1a3d;
  --shadow:0 2px 6px rgba(0,0,0,.35); --shadow-lg:0 6px 16px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.45);
  --ust:rgba(41,41,41,.84); --fg2:#d6d5d3; --acci:#9cc8f5;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme=light]){
  color-scheme:dark;
  --bg:#1d1d1d; --card:#292929; --card2:#242424; --chip:#333231; --ink:#f4f4f3; --mut:#a8a7a4;
  --line:#3c3b3a; --line2:#4c4b4a; --A:#79b4ee; --onA:#111110; --Asoft:#243546; --Ahover:#9cc8f5;
  --code:#353433; --hover:rgba(255,255,255,.06); --uyari:#ff8f98; --uyari-zemin:#3a1c1f; --uyari-cizgi:#5e2a30;
  --basari:#7ed47a; --basari-zemin:#16301a; --dikkat:#f0cd62; --dikkat-zemin:#33290a; --mor:#cfb0f0; --mor-zemin:#2b1a3d;
  --shadow:0 2px 6px rgba(0,0,0,.35); --shadow-lg:0 6px 16px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.45);
  --ust:rgba(41,41,41,.84); --fg2:#d6d5d3; --acci:#9cc8f5;
}}

*{box-sizing:border-box}
*{scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}
::selection{background:var(--A);color:var(--onA)}
:focus-visible{outline:2px solid var(--A);outline-offset:2px}
html{scroll-padding-top:70px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",sans-serif;font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}
[id]{scroll-margin-top:70px}
a{color:var(--A);text-decoration:none}a:hover{color:var(--Ahover);text-decoration:underline}
code,pre{font-family:Consolas,"Cascadia Mono","Cascadia Code","SF Mono",ui-monospace,monospace;font-size:.9em}
code{background:var(--code);padding:1.5px 5px;border-radius:4px;overflow-wrap:anywhere}
pre{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px;overflow:auto;white-space:pre;line-height:1.55;box-shadow:var(--shadow)}
pre code{background:none;padding:0;font-size:13px}
p,li,td,dd,dt{overflow-wrap:break-word}
strong,b{font-weight:600}
hr{border:0;border-top:1px solid var(--line);margin:36px 0}
img{max-width:100%}

/* ---------- ÜST BAR ---------- */
header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;height:54px;padding:0 16px;
  background:var(--ust);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
header .brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;padding:4px 6px;border-radius:4px;min-width:0}
header .brand:hover{background:var(--chip)}
header .brand img.logo{height:34px;width:auto;display:block;flex-shrink:0}
header .brand a{color:inherit;text-decoration:none}
header .brand .alt{font-weight:400;color:var(--mut)}
header .ara{flex:1;max-width:620px;position:relative;margin:0 auto;min-width:0}
header .ara svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mut);pointer-events:none}
header input{width:100%;height:34px;padding:0 34px 0 36px;border:1px solid var(--line2);border-radius:4px;background:var(--card);color:var(--ink);font:inherit;font-size:14px}
header input::placeholder{color:var(--mut)}
header input:focus{outline:none;border-color:var(--A)}
header .ara button,header #clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:26px;width:26px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--mut);font-size:18px;line-height:1;cursor:pointer}
header .ara button:hover,header #clear:hover{background:var(--chip);color:var(--ink)}
header .sag{display:flex;align-items:center;gap:10px;margin-left:auto}
header .chip{font-size:12px;color:var(--mut);white-space:nowrap;border:1px solid var(--line);background:var(--chip);border-radius:3px;padding:3px 9px}
header button.dugme,header a.dugme{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;background:none;border:1px solid var(--line2);border-radius:4px;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;white-space:nowrap;text-decoration:none}
header button.dugme:hover,header a.dugme:hover{background:var(--chip);color:var(--ink)}
header #menu{display:none;width:36px;height:34px;padding:0;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:4px;background:none;color:var(--ink);cursor:pointer;flex-shrink:0}
header #menu:hover{background:var(--chip)}

/* ---------- KABUK ---------- */
.wrap{display:grid;grid-template-columns:266px minmax(0,1fr);align-items:start;min-height:calc(100vh - 54px)}
.wrap>div:only-child{grid-column:1 / -1}
.wrap>div{min-width:0}
nav#toc{position:sticky;top:54px;height:calc(100vh - 54px);overflow-y:auto;padding:14px 12px 24px;border-right:1px solid var(--line);font-size:13.5px}
nav#toc a.ana{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:4px;color:var(--ink);font-size:13.5px}
nav#toc a.ana:hover{background:var(--chip);text-decoration:none}
nav#toc a.ana.active{background:var(--Asoft);color:var(--A);font-weight:600}
nav#toc a.ana svg{flex-shrink:0}
nav#toc .nav-baslik{font-size:11px;letter-spacing:.08em;font-weight:600;color:var(--mut);padding:16px 10px 6px;text-transform:uppercase}
nav#toc .nav-alt{margin:18px 10px 0;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--mut);line-height:1.55}
/* kitap / teknik wiki / kitapçık: .ch .c .sub ; kurumsal wiki: .grp>a .sub .cur */
nav .ch .c,nav .grp>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:4px;color:var(--ink);font-size:13.5px;line-height:1.35;text-decoration:none;position:relative}
nav .ch .c:hover,nav .grp>a:hover{background:var(--chip);text-decoration:none;color:var(--ink)}
nav .ch .c.active,nav .grp.open>a{background:var(--Asoft);color:var(--A);font-weight:600}
nav .grp>a small{color:var(--mut);font-weight:400;font-size:11.5px}
nav .sub{display:none;padding:2px 0 6px 8px}
nav .ch.open .sub,nav .grp.open .sub{display:block}
nav .sub a{display:block;padding:4px 10px 4px 14px;color:var(--mut);font-size:12.5px;line-height:1.4;border-radius:4px;border-left:2px solid var(--line);margin-left:6px;overflow-wrap:break-word;text-decoration:none}
nav .sub a.l3{padding-left:26px;font-size:12px}
nav .sub a:hover{color:var(--ink);background:var(--chip);text-decoration:none}
nav .sub a.active,nav .sub a.cur{color:var(--A);border-left-color:var(--A);font-weight:600;background:var(--Asoft)}
nav.arama .ch .sub{display:block}
nav a[hidden]{display:none!important}
#perde{display:none;position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.35)}

/* ---------- GÖVDE ---------- */
main{padding:28px 40px 90px;width:100%;max-width:none;min-width:0}
section.chapter{display:none}section.chapter.active{display:block}
h1,h2,h3,h4{font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;line-height:1.25;font-weight:600;letter-spacing:-.01em}
h1{font-size:28px;font-weight:650;margin:0 0 10px}
h2{font-size:19px;margin:28px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--line)}
h3{font-size:16px;margin:24px 0 8px}
h4{font-size:14px;margin:20px 0 6px;color:var(--mut)}
main p{font-size:15px;line-height:1.7;margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:22px}li{margin:4px 0;font-size:14.5px;line-height:1.7}
.crumb{font-size:13px;color:var(--mut);margin-bottom:14px}.crumb a{color:var(--A)}.crumb b{color:var(--ink);font-weight:400}
.eyebrow,.kapak-ust{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--A);margin-bottom:8px}
.meta{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px;font-size:12.5px;color:var(--mut)}
.meta b{color:var(--ink)}
.badge,.rozet,.legend span{font-size:11px;font-weight:600;color:var(--mut);background:var(--chip);border:1px solid var(--line);border-radius:3px;padding:3px 9px;line-height:1.4;display:inline-block}
.badge.r{color:var(--A);background:var(--Asoft);border-color:transparent}
.badge.c{color:var(--uyari);border-color:var(--uyari-cizgi)}
.uretim{font-size:12.5px;color:var(--mut);margin-bottom:20px}
.legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}

/* makale ızgarası: gövde + sağ ray */
.artgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:20px}
.artgrid article{min-width:0}
aside.ray{min-width:0;display:flex;flex-direction:column;gap:14px;position:sticky;top:68px}
.kutu{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}
.kutu .kb{background:var(--Asoft);padding:10px 14px;font-weight:600;font-size:13px;border-bottom:1px solid var(--line)}
.kutu .kv{display:flex;justify-content:space-between;gap:12px;padding:7px 14px;border-bottom:1px solid var(--line);font-size:13px}
.kutu .kv:last-child{border-bottom:0}
.kutu .kv span:first-child{color:var(--mut);flex-shrink:0}.kutu .kv span:last-child{font-weight:600;text-align:right;overflow-wrap:anywhere}
.kutu .kv .etiketler{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;font-weight:400}
.kutu2{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.kutu2 .kb{font-size:11px;letter-spacing:.08em;font-weight:600;color:var(--mut);text-transform:uppercase;margin-bottom:6px}
.kutu2 a{display:block;padding:4px 0;font-size:13px}
.kutu2 ul{list-style:none;padding:0;margin:0;max-height:52vh;overflow:auto}.kutu2 li{margin:0;font-size:13px}
.kutu2 p{font-size:12px;color:var(--mut);margin:8px 0 0}

/* içerik parçaları */
h4.lvl{margin:1.4em 0 .4em;padding:6px 12px;border-left:3px solid var(--A);background:var(--card);border-radius:0 6px 6px 0;font-size:14px;color:var(--ink);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
h4.lvl1{border-left-color:var(--basari)}h4.lvl2{border-left-color:var(--A)}h4.lvl3{border-left-color:var(--dikkat)}
details.teknik{border:1px dashed var(--line2);border-radius:8px;padding:6px 14px;margin:12px 0;background:var(--card)}
details.teknik summary{cursor:pointer;font-weight:600;color:var(--A)}
.lvl4{display:inline-block;background:var(--mor);color:#fff;font-size:.7em;padding:1px 6px;border-radius:4px;margin-right:6px}
blockquote{margin:14px 0;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:8px;color:var(--fg2);font-size:14px}
blockquote p:last-child{margin-bottom:0}
blockquote.box{border-left-width:3px}
.box-neden{border-left-color:var(--A);background:var(--Asoft)}
.box-karistirma,.box-hata{border-left-color:var(--uyari);background:var(--uyari-zemin);border-color:var(--uyari-cizgi)}
.box-ornek{border-left-color:var(--basari);background:var(--basari-zemin)}
.box-uyari{border-left-color:var(--dikkat);background:var(--dikkat-zemin)}
.box-kaynak{border-left-color:var(--line2);font-size:.92em}
.box-gap,.box-ctr{border-left-color:var(--mor);background:var(--mor-zemin)}
.box-neden p:first-child strong::before{content:"❓ "}.box-karistirma p:first-child strong::before{content:"⚠ "}.box-ornek p:first-child strong::before{content:"🏪 "}.box-uyari p:first-child strong::before{content:"⚠ "}
.tw{overflow-x:auto;margin:12px 0 18px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow);max-width:100%}
table{border-collapse:collapse;width:100%;font-size:13.5px;line-height:1.5}
th,td{padding:8px 10px;text-align:left;border:0;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);font-weight:600;border-bottom:2px solid var(--line2);white-space:nowrap;background:var(--card2)}
tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--hover)}
main>table,section>table,article>table{border:1px solid var(--line);border-radius:8px;background:var(--card)}
h2.quiz-h,h3.quiz-h{background:var(--card);padding:10px 12px;border-radius:8px;border:1px solid var(--line)}
.answers{display:none}.answers.show{display:block}
.btn-ans,button.dugme,a.dugme{margin:8px 0;padding:7px 14px;border:1px solid var(--line2);background:var(--card);color:var(--ink);border-radius:4px;cursor:pointer;font:inherit;font-size:13px}
.btn-ans:hover{background:var(--chip)}
.birincil{background:var(--A)!important;color:var(--onA)!important;border:0!important;font-weight:600}
.birincil:hover{background:var(--Ahover)!important;text-decoration:none}
li.chk label{cursor:pointer}li.chk input:checked+*{text-decoration:line-through;color:var(--mut)}li.chk{list-style:none;margin-left:-20px}
.term{border-bottom:1px dotted var(--A);cursor:help}
#pop{position:fixed;z-index:60;max-width:380px;background:var(--card);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;box-shadow:var(--shadow-lg);display:none;font-size:13.5px}
#pop b{color:var(--A)}#pop a{display:block;margin-top:6px}
#results,#res{display:none;padding:28px 40px 60px}#results.show,#res.show{display:block}
#results h2,#res h2{margin-top:0;border:0;font-size:22px}
#results .r,#res .it{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:0 0 8px;max-width:880px}
#results .r a,#res .it a{font-weight:600;font-size:14.5px}
#results .r small{color:var(--mut);margin-left:6px;font-size:11px;border:1px solid var(--line);background:var(--chip);border-radius:3px;padding:1px 6px;text-transform:uppercase;letter-spacing:.05em}
#results .r p,#res .it p{margin:4px 0 0;color:var(--mut);font-size:13px}
.kitapcik main h4{font-family:Consolas,"Cascadia Mono",ui-monospace,monospace;font-size:13.5px;font-weight:500;margin:26px 0 8px;padding:7px 11px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--A);border-radius:0 6px 6px 0;color:var(--ink)}
.kitapcik main h4 code{background:none;padding:0;font-size:inherit;color:var(--A)}
.kitapcik sub{font-size:10.5px;color:var(--mut)}
.rel{margin-top:32px;padding-top:12px;border-top:1px solid var(--line);font-size:14px}.rel ul{columns:2;gap:24px;padding-left:18px}.rel li{break-inside:avoid}

/* ---------- ÖNCEKİ / SONRAKİ ---------- */
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.pn>a,.pn>span{display:flex;flex-direction:column;gap:3px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;min-height:104px;box-shadow:var(--shadow)}
.pn>span:empty{visibility:hidden}
.pn>a:hover{border-color:var(--A);text-decoration:none;color:var(--ink);box-shadow:var(--shadow-lg)}
.pn>a.sonraki,.pn>a.r{text-align:right;align-items:flex-end}
.pn small{display:block;font-size:11.5px;color:var(--mut);margin-bottom:1px}
.pn .bol{font-size:11px;color:var(--A);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.pn .ad,.pn b{font-weight:600;font-size:13.5px;line-height:1.35;color:var(--ink)}
.pn .acik{font-size:12.5px;color:var(--mut);line-height:1.45;font-weight:400}

/* ---------- ANA SAYFA ---------- */
.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:26px 0 6px}
.stat>div,.stat>a{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none}
.stat>a:hover{border-color:var(--A);text-decoration:none}
.stat .n{font-size:24px;font-weight:650;letter-spacing:-.01em}.stat .l{font-size:12.5px;color:var(--mut)}
.cards,.roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:14px 0 26px}
.card,.role{display:block;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px;color:var(--ink);box-shadow:var(--shadow);text-decoration:none;font-size:13.5px;line-height:1.5}
.card:hover,.role:hover{border-color:var(--A);box-shadow:var(--shadow-lg);text-decoration:none;color:var(--ink)}
.card b,.role b{display:block;font-weight:600;font-size:14.5px;margin-bottom:4px;color:var(--ink)}
.card small,.role span{display:block;color:var(--mut);font-size:13px;line-height:1.45;margin-top:6px}
.card .acik{display:block;color:var(--mut);font-size:13px}
.card .dugme{margin:12px 0 0;display:inline-flex;align-items:center;gap:8px}
.secs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.secs a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--ink);font-weight:600;font-size:13.5px;text-decoration:none}
.secs a:hover{border-color:var(--A);background:var(--card2)}
.secs a small{color:var(--mut);font-size:12px;white-space:nowrap;font-weight:400}
.secs a br{display:none}
.kapak{margin:0 0 6px}
.kapak h1{font-size:32px;line-height:1.2;font-weight:650;margin:0 0 10px}
.kapak p{margin:0;max-width:76ch;color:var(--mut);font-size:15px}
.kapak .rozetler{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
main h2.bolum{margin:34px 0 14px;border:0;font-size:20px}
main p.alt{margin:-8px 0 14px;color:var(--mut);font-size:13.5px}
.one{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}
.one>div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px 20px;box-shadow:var(--shadow)}
.one .baslik{font-size:17px;font-weight:650;margin:12px 0 6px}
.one p{margin:0;color:var(--mut);font-size:13.5px;line-height:1.55}

/* ---------- DAR EKRAN ---------- */
@media (max-width:1120px){ .artgrid{grid-template-columns:1fr} aside.ray{position:static} }
@media (max-width:900px){
  header{gap:8px;padding:0 10px}
  header #menu{display:inline-flex}
  header .brand .alt{display:none}
  header .chip{display:none}
  header a.dugme.ek{display:none}
  .wrap{grid-template-columns:1fr}
  nav#toc{position:fixed;top:54px;left:0;bottom:0;height:auto;width:min(320px,86vw);z-index:40;background:var(--card);transform:translateX(-102%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}
  body.nav-acik nav#toc{transform:none}
  body.nav-acik #perde{display:block}
  main,#results,#res{padding:18px 16px 70px;max-width:100vw}
  pre,.tw{max-width:calc(100vw - 32px)}
  h1{font-size:24px}.kapak h1{font-size:26px}h2{font-size:18px}
  .rel ul{columns:1}
}
@media (max-width:600px){
  header .brand span.ad{display:none}
  header button.dugme span{display:none}
  header button.dugme{padding:0 9px}
  header input{padding-left:32px;font-size:16px}
  .pn{grid-template-columns:1fr}.pn>a.sonraki,.pn>a.r{text-align:left;align-items:flex-start}.pn>a,.pn>span{min-height:0}.pn>span:empty{display:none}
  .stat{grid-template-columns:1fr 1fr}
  main{padding:16px 14px 60px}
}
@media print{ header,nav#toc,.pn,#pop,#perde{display:none} .wrap{display:block} main{max-width:100%;padding:0} body{background:#fff;color:#000} section.chapter{display:block} }