/* Araçlar sayfası: sakin ve okunur. Hareket yok, dekor az. */
.sayfa-araclar{background:var(--kagit)}
.arac-duzen{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,56px);max-width:1240px;min-height:calc(100svh - 60px);margin:0 auto;padding:calc(var(--ust) + 32px) var(--kenar) 72px}
.arac-ray{position:sticky;top:calc(var(--ust) + 24px);align-self:start;display:grid;gap:18px;max-height:calc(100svh - var(--ust) - 48px);overflow:auto}
.arac-grup p{margin-bottom:4px;font:400 12px/1.4 var(--mono);color:var(--soluk)}
.arac-grup a{display:block;padding:6px 10px;border-left:3px solid transparent;text-decoration:none;font-size:15px;line-height:1.3}
.arac-grup a:hover{background:#F6EFDF}
.arac-grup a[aria-current=page]{background:var(--gece);color:var(--kagit);border-left-color:var(--hardal)}
.arac-sahne{min-width:0}
.arac-sahne h1{margin-bottom:10px;font:400 clamp(38px,5vw,64px)/1 var(--serif);letter-spacing:-.01em}
.arac-sahne h3{margin:18px 0 6px;font:400 24px/1.1 var(--serif)}
.arac-giris{max-width:60ch;margin-bottom:8px;font-size:clamp(17px,1.4vw,19px);color:#2A3038}
.arac-gizlilik{margin-bottom:22px;font:400 12px/1.5 var(--mono);color:var(--soluk)}
.arac-video{margin-top:32px;padding-top:12px;border-top:2px solid rgba(20,22,25,.18);font-size:14px;color:var(--soluk)}
.arac-video button{padding:0;background:none;border:0;text-decoration:underline;color:var(--murekkep);text-align:left}
.arac-vitrin{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin-top:22px}
.arac-vitrin a{display:block;padding:14px 16px;background:#F6EFDF;border:2px solid var(--murekkep);text-decoration:none}
.arac-vitrin a:hover,.arac-vitrin a:focus-visible{background:var(--hardal)}
.arac-vitrin b{display:block;margin-bottom:2px;font:400 22px/1.15 var(--serif)}
.arac-vitrin span{font-size:14px;line-height:1.4;color:var(--soluk)}
.arac-vitrin a:hover span{color:var(--murekkep)}

.arac-govde{display:grid;gap:14px}
.arac-govde input[type=text],.arac-govde input[type=search],.arac-govde textarea{width:100%;min-height:46px;padding:10px 12px;background:#fff;border:2px solid var(--murekkep);font:400 15px/1.45 var(--mono);color:var(--murekkep)}
.arac-govde textarea{resize:vertical}
.arac-form{display:flex;gap:10px}
.arac-form input{flex:1;min-width:0}
.arac-form .dugme,.arac-dugmeler .dugme{box-shadow:none;min-height:46px}
.arac-dugmeler{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.arac-sonuc{display:grid;gap:14px;min-width:0}
.arac-sonuc:empty{display:none}
.arac-not{font:400 13px/1.5 var(--mono);color:var(--soluk)}
.arac-hata{font:400 14px/1.5 var(--mono);color:#A73424}
.arac-hata:empty{display:none}

.dosya-kutu{display:grid;gap:4px;justify-items:center;padding:clamp(28px,5vw,48px) 16px;background:#F6EFDF;border:2px dashed var(--murekkep);text-align:center;cursor:pointer;font:400 13px/1.4 var(--mono);color:var(--soluk)}
.dosya-kutu b{font:400 clamp(22px,2.6vw,30px)/1.15 var(--serif);color:var(--murekkep)}
.dosya-kutu:hover,.dosya-kutu.uzerinde{background:var(--hardal);color:var(--murekkep)}
.dosya-kutu:focus-within{outline:3px solid var(--mavi);outline-offset:3px}
.dosya-kutu.calisiyor{opacity:.55;cursor:progress}

.karar{padding:12px 14px;background:#F6EFDF;border-left:6px solid var(--celik-koyu)}
.karar b{display:block;font:500 18px/1.3 var(--govde)}
.karar p{font-size:15px;line-height:1.45;color:var(--soluk)}
.karar--iyi{border-left-color:#1F6B3A}
.karar--dikkat{border-left-color:#C89400}
.karar--tehlike{border-left-color:var(--kirmizi);background:#F9E3DC}

.arac-tablo{width:100%;border-collapse:collapse;font-size:14px}
.arac-tablo th{width:150px;padding:6px 10px 6px 0;text-align:left;vertical-align:top;font:400 12px/1.5 var(--mono);color:var(--soluk)}
.arac-tablo td{padding:6px 0;overflow-wrap:anywhere}
.arac-tablo tr{border-top:1px solid rgba(20,22,25,.18)}
.arac-tablo--genis th{width:auto}
.arac-tablo--genis td{padding-right:12px}
.satir--yuksek td:first-child{color:#A73424;font-weight:500}
.arac-tablo code,.bayraklar code{font:400 13px/1.4 var(--mono);overflow-wrap:anywhere}
.arac-liste{display:grid;gap:6px}
.arac-liste li{padding:8px 12px;background:#F6EFDF;border-left:4px solid var(--celik-koyu);font-size:14px;line-height:1.4}
.arac-liste b{display:block;font:500 15px/1.3 var(--govde)}
.arac-liste span{color:var(--soluk)}
.arac-liste--yuksek{border-left-color:var(--kirmizi)!important}
.arac-liste--orta{border-left-color:#C89400!important}
.arac-kod{max-height:300px;margin:0;overflow:auto;padding:10px 12px;background:var(--gece);color:var(--kagit);font:400 13px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.bayraklar{display:grid;gap:6px}
.bayraklar li{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:8px 12px;background:var(--hardal);border:2px solid var(--murekkep)}
.bayraklar code{font-weight:700;font-size:15px}
.bayraklar span{margin-right:auto;font:400 12px/1.3 var(--mono)}
.cozum{display:grid;gap:4px}
.cozum__ust{display:flex;justify-content:space-between;align-items:center;gap:10px;font:400 13px/1.3 var(--mono);color:var(--soluk)}
.mesaj-metin{padding:12px 14px;background:#fff;border:2px solid var(--murekkep);font-size:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.mesaj-metin mark{background:var(--hardal);color:var(--murekkep)}
.sifre-cikti{display:block;padding:14px;background:var(--gece);color:var(--kagit);font:400 clamp(16px,2.2vw,22px)/1.4 var(--mono);overflow-wrap:anywhere}
.sifre-ayar{display:grid;gap:10px}
.sifre-kaydir{display:block;font:400 13px/1.4 var(--mono)}
.sifre-secimler{display:flex;flex-wrap:wrap;gap:8px 18px}
.sifre-secim{display:flex;gap:6px;align-items:center;font-size:15px}
.osint-liste{display:flex;flex-wrap:wrap;gap:8px}
.osint-liste a{display:block;padding:7px 12px;background:var(--hardal);border:2px solid var(--murekkep);text-decoration:none;font:400 14px/1.2 var(--mono)}
.osint-liste--elle a{background:#F6EFDF}
.not-kutu{display:flex;gap:14px;align-items:center}
.not-harf{display:grid;place-items:center;width:72px;height:72px;flex:none;font:400 46px/1 var(--serif);border:3px solid var(--murekkep)}
.not-harf--iyi{background:#CFE6D2}
.not-harf--dikkat{background:var(--hardal)}
.not-harf--tehlike{background:var(--kirmizi);color:var(--kagit)}
.olta--kutu{padding:clamp(14px,2.4vw,24px);background:var(--gece);color:var(--kagit)}
.olta--kutu .arac-not{color:var(--celik);margin-bottom:10px}
.olta--kutu .olta__ilerleme{margin:0 0 14px}
.sayfa-araclar .ctf__sahne{box-shadow:none}
.sayfa-araclar .kontrol__sonuc{box-shadow:none}

/* Ana sayfadaki araç bölümü */
.araclar-tanitim{background:var(--kagit)}
.araclar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px}
.araclar-grid a{display:block;padding:14px 16px;background:#F6EFDF;border:2px solid var(--murekkep);text-decoration:none}
.araclar-grid a:hover,.araclar-grid a:focus-visible{background:var(--hardal)}
.araclar-grid b{display:block;font:400 22px/1.15 var(--serif)}
.araclar-grid span{font-size:14px;line-height:1.4;color:var(--soluk)}
.araclar-grid a:hover span{color:var(--murekkep)}
.araclar-tanitim .dugmeler{margin-top:24px}

@media (max-width:860px){
  .arac-duzen{grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;padding-top:calc(var(--ust) + 20px)}
  .arac-ray{position:static;display:flex;gap:6px;max-height:none;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
  .arac-grup{display:contents}
  .arac-grup p{display:none}
  .arac-grup a{flex:none;padding:7px 10px;background:#F6EFDF;border:2px solid var(--murekkep);font-size:14px}
  .arac-grup a[aria-current=page]{border-color:var(--gece)}
}
@media (max-width:520px){
  .arac-form{flex-direction:column}
  .arac-tablo th{width:104px}
}

.hex{background:var(--gece)}
.hex__liste{max-width:640px;margin:0 0 26px;color:var(--kagit);font:400 14px/1.4 var(--mono)}
.hex__liste li{padding:8px 0;border-top:2px solid rgba(239,230,210,.2)}
.hex__liste li::before{content:"› ";color:var(--hardal)}
.hex .baslik{display:block;max-width:760px}
.hex .baslik h2{margin-bottom:16px}