/* Apple-tarzı dark tema — SF Pro (sistem) fontları, sistem mavisi, yüksek kontrast. */
:root{
  --bg:#000;
  --surface:#1c1c1e;     /* iOS dark elevated */
  --surface-2:#2c2c2e;
  --text:#f5f5f7;        /* Apple primary light text */
  --body:#e3e3e6;
  --muted:#a1a1a6;       /* secondary label */
  --faint:#86868b;       /* tertiary */
  --accent:#0a84ff;      /* iOS systemBlue (dark) */
  --hairline:rgba(255,255,255,.12);
  --radius:18px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height:1.6; letter-spacing:-.01em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.wrap{max-width:700px; margin:0 auto; padding:64px 22px 90px}
h1{font-size:clamp(2rem,6vw,2.6rem); font-weight:700; letter-spacing:-.03em; line-height:1.08; margin:0 0 10px}
h2{font-size:1.35rem; font-weight:600; letter-spacing:-.02em; margin:42px 0 10px}
h3{font-size:1.06rem; font-weight:600; margin:0 0 4px}
.sub{color:var(--muted); font-size:1.12rem; margin:0 0 34px; max-width:38em}
p,li{font-size:1.02rem; color:var(--body)}
.muted{color:var(--muted)}
strong{color:var(--text)}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
ul{padding-left:20px; margin:.4em 0}
li{margin:.25em 0}
.badge{display:inline-block; background:var(--surface-2); color:var(--muted);
  border-radius:980px; padding:5px 13px; font-size:.82rem; font-weight:500; margin-bottom:22px}
.card{background:var(--surface); border:1px solid var(--hairline); border-radius:var(--radius);
  padding:20px 22px; margin:14px 0; display:block; text-decoration:none; color:inherit;
  transition:background .2s ease, transform .2s ease}
.card:hover{background:var(--surface-2); transform:translateY(-1px); text-decoration:none}
.card .row{display:flex; align-items:center; justify-content:space-between; gap:14px}
.card p{margin:4px 0 0; color:var(--muted); font-size:.95rem}
.chev{color:var(--faint); font-size:1.3rem; line-height:1}
.back{display:inline-flex; align-items:center; gap:5px; color:var(--accent); margin-bottom:24px; font-size:.98rem}
.divider{border:none; border-top:1px solid var(--hairline); margin:40px 0 28px}
footer{margin-top:50px; padding-top:22px; border-top:1px solid var(--hairline); color:var(--faint); font-size:.88rem}
footer a{color:var(--muted)}
code{background:var(--surface-2); padding:2px 7px; border-radius:6px; font-size:.9em; color:var(--text)}
::selection{background:rgba(10,132,255,.3)}