/*
  Uygulamanin sessiz tonu: sicak notrler, gradyan yok, golge yok.
  Tek dosya, yapi araci yok -- bu sayfalarin bozulma ihtimali sifira yakin olmali.
*/
:root {
  color-scheme: light dark;
  --bg: #FAF8F5;
  --surface: #FFFFFF;
  --ink: #1A1714;
  --ink-muted: #5C554C;
  --border: #E3DCD2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0C0B0A;
    --surface: #171613;
    --ink: #F3EFE9;
    --ink-muted: #A79E92;
    --border: #3C3831;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 42rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
h1 { font-size: 1.75rem; line-height: 1.2; margin: 0 0 .5rem; }
h2 { font-size: 1.1rem; margin: 2.25rem 0 .5rem; }
p, li { color: var(--ink); }
.lede, .meta, .back { color: var(--ink-muted); }
.meta { font-size: .9rem; }
.back { font-size: .9rem; margin-bottom: 2rem; }
a { color: inherit; text-decoration-color: var(--border); text-underline-offset: 3px; }
a:hover { text-decoration-color: currentColor; }
code { font-size: .95em; }
ul.links { list-style: none; padding: 0; margin: 2rem 0; }
ul.links li { border-top: 1px solid var(--border); }
ul.links li:last-child { border-bottom: 1px solid var(--border); }
ul.links a { display: block; padding: .9rem 0; text-decoration: none; }
table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: .95rem;
}
th, td {
  text-align: left;
  vertical-align: top;
  padding: .6rem .75rem .6rem 0;
  border-bottom: 1px solid var(--border);
}
th { color: var(--ink-muted); font-weight: 600; }