/* Marka renkleri: açık tema sarı + kırmızı + beyaz, koyu tema kırmızı + beyaz + siyah (uygulamayla aynı). */
:root { --bg:#FFFBF0; --text:#1D1D1F; --muted:#6B5E3A; --primary:#D11F35; --surface:#FFF1C7; --border:#F0DDA6; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0B0B0C; --text:#FFFFFF; --muted:#A1A1A8; --primary:#FF4D5E; --surface:#161618; --border:#2C2C30; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
header.site { border-bottom:1px solid var(--border); }
header.site nav { max-width:720px; margin:0 auto; padding:14px 16px; display:flex; gap:20px; flex-wrap:wrap; align-items:center; }
header.site .brand { font-weight:700; color:var(--text); text-decoration:none; margin-right:auto; display:inline-flex; align-items:center; gap:8px; }
header.site .brand img { width:32px; height:32px; }
a { color: var(--primary); }
h1 { font-size: 2rem; line-height:1.2; margin: 0 0 8px; }
h2 { font-size: 1.25rem; margin-top: 2rem; }
.lead { color: var(--muted); font-size: 1.1rem; }
.card { background: var(--surface); border:1px solid var(--border); border-radius:12px; padding:16px 20px; margin: 20px 0; }
ul { padding-left: 20px; }
footer { border-top:1px solid var(--border); color: var(--muted); font-size: .9rem; }
footer div { max-width:720px; margin:0 auto; padding:20px 16px; }
table { width:100%; border-collapse: collapse; font-size:.95rem; }
th, td { text-align:left; border-bottom:1px solid var(--border); padding:8px 6px; vertical-align:top; }
