:root { --zemin:#161616; --kutu:#1f1f1f; --yazi:#d9d9d9; --soluk:#9a9a9a; --vurgu:#efa01d; --cizgi:#2e2e2e; }
* { box-sizing:border-box; }
body { margin:0; background:var(--zemin); color:var(--yazi); font:16px/1.65 "Segoe UI", Roboto, Arial, sans-serif; }
.kap { max-width:860px; margin:0 auto; padding:40px 16px 64px; }
header a { color:var(--vurgu); text-decoration:none; font-weight:600; }
h1 { color:#fff; font-size:30px; margin:18px 0 4px; }
.tarih { color:var(--soluk); font-size:14px; margin-bottom:28px; }
h2 { color:var(--vurgu); font-size:20px; margin:34px 0 10px; padding-bottom:6px; border-bottom:1px solid var(--cizgi); }
ul, ol { padding-left:22px; } li { margin:4px 0; }
table { width:100%; border-collapse:collapse; margin:10px 0; }
th, td { text-align:left; vertical-align:top; padding:8px 10px; border-bottom:1px solid var(--cizgi); }
th { color:#fff; width:30%; font-weight:600; }
.kutu { background:var(--kutu); border:1px solid var(--cizgi); padding:16px 18px; margin:14px 0; }
a { color:var(--vurgu); }
footer { margin-top:48px; color:var(--soluk); font-size:14px; border-top:1px solid var(--cizgi); padding-top:16px; }
@media (max-width:600px) { th { width:38%; } h1 { font-size:24px; } }