/* gizce.com.tr — yol haritası belgesiyle aynı görsel dil:
   erik (#8A2E62), çam yeşili (#1D6E64), mürekkep (#1A1720);
   başlıklarda Georgia, künye/etiketlerde Menlo. */

:root{
  --ink:#1A1720; --soft:#4A4353; --muted:#6E6579; --line:#E4DEE9;
  --plum:#8A2E62; --teal:#1D6E64; --sunk:#F7F4F9; --kagit:#FFFEFC;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--kagit); color:var(--ink);
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;margin:0}
a{color:var(--plum)}

/* --- Üst --- */
.ust{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  max-width:800px;margin:0 auto;padding:22px 24px;
  border-bottom:1px solid var(--line);flex-wrap:wrap;
}
.marka{
  font-family:Georgia,serif;font-size:21px;font-weight:700;
  color:var(--ink);text-decoration:none;letter-spacing:-.2px;
}
.ust nav{display:flex;gap:18px;flex-wrap:wrap}
.ust nav a{
  color:var(--soft);text-decoration:none;font-size:15px;
  padding-bottom:2px;border-bottom:1.5px solid transparent;
}
.ust nav a:hover{color:var(--plum);border-bottom-color:var(--line)}
.ust nav a.etkin{color:var(--plum);border-bottom-color:var(--plum)}

/* --- Gövde --- */
main{max-width:800px;margin:0 auto;padding:0 24px}
.yazi{padding:48px 0 64px}
.yazi h1{font-size:clamp(30px,5vw,42px);letter-spacing:-.6px;margin-bottom:24px}

.icerik h2{
  font-size:26px;margin:44px 0 12px;padding-top:20px;
  border-top:1px solid var(--line);letter-spacing:-.3px;
}
.icerik h2:first-child{border-top:none;padding-top:0;margin-top:0}
.icerik h3{font-size:20px;margin:30px 0 8px;color:var(--plum)}
.icerik p{margin:0 0 18px}
.icerik ul,.icerik ol{margin:0 0 18px;padding-left:22px}
.icerik li{margin:6px 0}
.icerik strong{color:var(--ink)}
.icerik hr{border:none;border-top:1px solid var(--line);margin:36px 0}
.icerik blockquote{
  margin:24px 0;padding:14px 18px;background:var(--sunk);
  border-left:3px solid var(--plum);color:var(--soft);
}
.icerik blockquote p:last-child{margin:0}
.icerik code{
  font-family:Menlo,Consolas,monospace;font-size:.88em;
  background:var(--sunk);padding:2px 5px;border-radius:3px;
}
.icerik pre{
  background:var(--sunk);padding:14px 16px;border-radius:6px;
  overflow-x:auto;border:1px solid var(--line);
}
.icerik pre code{background:none;padding:0}
.icerik table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;display:block;overflow-x:auto}
.icerik th{
  text-align:left;font-family:Menlo,monospace;font-size:12px;letter-spacing:.5px;
  text-transform:uppercase;color:var(--muted);background:var(--sunk);
  padding:10px 12px;border-bottom:1px solid var(--ink);
}
.icerik td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.icerik img{max-width:100%;height:auto;border-radius:6px}

.giris-metni{font-size:19px;color:var(--soft)}

.dugme{
  display:inline-block;background:var(--plum);color:#fff;text-decoration:none;
  padding:12px 22px;border-radius:6px;font-weight:600;font-size:16px;
}
.dugme:hover{background:#73264F}

/* --- Alt --- */
.alt{border-top:1px solid var(--line);margin-top:40px;background:var(--sunk)}
.alt-ic{max-width:800px;margin:0 auto;padding:32px 24px 44px}
.alt-marka{font-family:Georgia,serif;font-weight:700;margin:0 0 12px;font-size:17px}
.alt nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.alt nav a{color:var(--soft);text-decoration:none;font-size:14px}
.alt nav a:hover{color:var(--plum)}
.alt-not{
  margin:0;font-family:Menlo,monospace;font-size:11px;
  letter-spacing:.6px;text-transform:uppercase;color:var(--muted);
}

@media (max-width:560px){
  body{font-size:16px}
  .ust{padding:16px}
  main{padding:0 16px}
  .yazi{padding:32px 0 48px}
}