/* Rota web — paylaşılan stil. Layout: üstte ince bar, içerik tek sütun, kenarda indir butonu */
:root {
  --paper:#F2F6F4; --card:#FFFFFF; --ink:#13201D; --muted:#55645F; --line:#DCE5E1;
  --green:#0F766E; --green-ink:#FFFFFF; --green-soft:#DDEFEA; --sun:#E59A2F;
  --display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;
  --body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --shadow:0 1px 2px rgba(19,32,29,.06), 0 12px 32px rgba(19,32,29,.08);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --paper:#0D1412; --card:#151F1C; --ink:#EEF4F2; --muted:#9DABA6; --line:#25322E;
  --green:#19A493; --green-ink:#04110E; --green-soft:#12302B; --sun:#F0B254;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.35); color-scheme:dark; } }
:root[data-theme="dark"] {
  --paper:#0D1412; --card:#151F1C; --ink:#EEF4F2; --muted:#9DABA6; --line:#25322E;
  --green:#19A493; --green-ink:#04110E; --green-soft:#12302B; --sun:#F0B254;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.35); color-scheme:dark; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 var(--body); }
a { color:var(--green); }
:focus-visible { outline:2px solid var(--green); outline-offset:2px; border-radius:6px; }
.wrap { max-width:1120px; margin:0 auto; padding-left:max(20px, env(safe-area-inset-left, 0px)); padding-right:max(20px, env(safe-area-inset-right, 0px)); }

/* Top bar */
body::before { content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top, 0px); z-index:30; background:var(--paper); }
.bar { position:sticky; top:env(safe-area-inset-top, 0px); z-index:20; background:color-mix(in srgb, var(--paper) 88%, transparent);
       backdrop-filter:saturate(1.4) blur(12px); -webkit-backdrop-filter:saturate(1.4) blur(12px); border-bottom:1px solid var(--line); }
.bar .wrap { display:flex; align-items:center; gap:18px; height:60px; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font:700 20px/1 var(--display); letter-spacing:-.01em; }
.brand img { width:30px; height:30px; border-radius:8px; }
.bar nav { display:flex; gap:20px; margin-left:auto; align-items:center; }
.bar nav a { color:var(--muted); text-decoration:none; font-weight:500; font-size:15px; }
.bar nav a:hover { color:var(--ink); }
.bar nav a.get, .bar nav a.get:hover { color:var(--paper); }
.lang-btn { border:1px solid var(--line); background:transparent; color:var(--muted); border-radius:999px; font:600 12px/1 var(--body); padding:7px 10px; cursor:pointer; letter-spacing:.04em; }
.get { display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:var(--paper); text-decoration:none; font-weight:600; font-size:14px;
       padding:9px 14px; border-radius:999px; white-space:nowrap; }
.get svg { width:16px; height:16px; fill:currentColor; }
@media (max-width:760px) { .bar nav a.hide-sm { display:none; } .bar nav { gap:12px; } }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 20px; border-radius:14px; font:600 16px/1.2 var(--body);
       text-decoration:none; border:1.5px solid transparent; cursor:pointer; }
.btn.primary { background:var(--green); color:var(--green-ink); }
.btn.ghost { border-color:var(--line); color:var(--ink); background:var(--card); }
.btn svg { width:18px; height:18px; fill:currentColor; }

/* Text pages (gizlilik, destek) */
.doc { max-width:760px; margin:32px auto 64px; background:var(--card); border:1px solid var(--line); border-radius:22px; padding:32px clamp(20px, 4vw, 44px); }
.doc h1 { font:700 clamp(28px, 4vw, 36px)/1.15 var(--display); margin:0 0 6px; letter-spacing:-.02em; text-wrap:balance; }
.doc h2 { font:650 19px/1.3 var(--display); margin:30px 0 6px; }
.doc h3 { font:600 16px/1.4 var(--body); margin:20px 0 2px; }
.doc p, .doc li { color:var(--muted); }
.doc ul { padding-left:20px; }
.doc .meta { font-size:14px; margin:0 0 10px; color:var(--muted); }
.doc hr { border:0; border-top:1px solid var(--line); margin:40px 0; }
.chips { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0 0; }
.chips a { padding:6px 14px; border-radius:999px; border:1.5px solid var(--green); color:var(--green); text-decoration:none; font-weight:600; font-size:14px; }

footer.site { border-top:1px solid var(--line); padding-block:28px 40px; color:var(--muted); font-size:14px; }
footer.site .wrap { display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
footer.site a { color:var(--muted); text-decoration:none; }
footer.site a:hover { color:var(--ink); }
footer.site .sp { margin-left:auto; }
@media (prefers-reduced-motion: reduce) { * { animation:none !important; transition:none !important; } }