:root { --kagit: #efe8da; --murekkep: #20180e; --soluk: #5b5145; --cizgi: #c9bfa9; }
@media (prefers-color-scheme: dark) {
  :root { --kagit: #1b1813; --murekkep: #ece4d4; --soluk: #b3a993; --cizgi: #4a4234; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--kagit); color: var(--murekkep);
  font: 17px/1.6 Georgia, "Times New Roman", serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 2rem; line-height: 1.2; border-bottom: 3px double var(--murekkep); padding-bottom: 8px; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
a { color: inherit; }
.ust { margin: 0; font-weight: bold; }
.ust a { text-decoration: none; }
.tarih { color: var(--soluk); font-size: .9rem; }
table { width: 100%; border-collapse: collapse; font-size: .95rem; display: block; overflow-x: auto; }
th, td { border: 1px solid var(--cizgi); padding: 6px 8px; text-align: left; vertical-align: top; }