/* Ko Villas — yasal sayfaların ortak stili.
   Tokenlar web uygulamasının globals.css'iyle AYNI; oradan buraya
   gelen kişi başka bir siteye düşmüş gibi olmamalı.
   ⚠ Eski sürüm terracotta vurgu ve el yazısı başlık kullanıyordu;
   ikisi de brand.dart kararıyla terk edildi (aksiyon mürekkeptir,
   renk yalnız DURUM taşır). */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#faf9f7;--surface:#fff;--sunk:#f4f2ee;
  --ink:#1a1915;--body:#3d3a34;--muted:#6b665d;--faint:#948f85;
  --line:#e6e2da;--line-soft:#f0ede7;
  --green:#2f6b4f;--green-bg:#e8f2ec;
  --red:#9b3b34;--red-bg:#fbeae7;
  --serif:'Source Serif 4',Georgia,serif;
  --sans:Inter,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#171614;--surface:#1f1e1b;--sunk:#252420;
    --ink:#f0ede7;--body:#d6d1c8;--muted:#a09a90;--faint:#7d7770;
    --line:#33312c;--line-soft:#2a2925;
    --green:#7fc4a0;--green-bg:#1b2d24;
    --red:#e09a90;--red-bg:#2e1f1d;
  }
}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{background:var(--bg);color:var(--body);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;line-height:1.7;font-size:16px}

nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 28px;
  display:flex;align-items:center;justify-content:space-between;
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
nav .logo{display:flex;align-items:center;gap:8px;
  font-family:var(--serif);font-size:17px;font-weight:600;
  color:var(--ink);text-decoration:none;letter-spacing:-.01em}
nav .logo:before{content:"K";display:grid;place-items:center;
  width:26px;height:26px;font-size:13px;font-weight:600;
  color:var(--bg);background:var(--ink);border-radius:50%}
nav .logo span{display:none}
nav .back{font-family:var(--mono);font-size:11.5px;color:var(--faint);
  text-decoration:none;letter-spacing:.06em}
nav .back:hover{color:var(--ink)}

.wrap{max-width:780px;margin:0 auto;padding:104px 24px 80px}

.doc-head{padding-bottom:28px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.doc-head .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);font-weight:500}
.doc-head h1{font-family:var(--serif);font-size:clamp(30px,5vw,42px);
  line-height:1.1;margin:10px 0 12px;font-weight:600;
  letter-spacing:-.022em;color:var(--ink)}
.doc-head .meta{font-family:var(--mono);font-size:11.5px;color:var(--faint);
  letter-spacing:.04em}
.doc-head .lede{font-size:18px;color:var(--muted);margin-top:16px;
  line-height:1.65;max-width:64ch}

.plain{background:var(--surface);border:1px solid var(--line);
  border-left:3px solid var(--faint);border-radius:0 10px 10px 0;
  padding:16px 20px;margin:22px 0}
.plain b{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);display:block;
  margin-bottom:7px;font-weight:500}
.plain p{font-size:15px;color:var(--muted);line-height:1.65}

.toc{background:var(--surface);border:1px solid var(--line);
  border-radius:12px;padding:20px 24px;margin:28px 0 44px}
.toc h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);margin-bottom:12px;font-weight:500}
.toc ol{list-style:none;counter-reset:t;columns:2;column-gap:28px}
.toc li{counter-increment:t;font-size:14px;margin-bottom:7px;break-inside:avoid}
.toc li:before{content:counter(t) ".";font-family:var(--mono);font-size:11px;
  color:var(--faint);margin-right:7px}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--ink)}
@media(max-width:620px){.toc ol{columns:1}}

section{margin-bottom:44px;scroll-margin-top:84px}
section h2{font-family:var(--serif);font-size:23px;font-weight:600;
  margin-bottom:8px;letter-spacing:-.018em;line-height:1.25;color:var(--ink)}
section h2 .n{font-family:var(--mono);font-size:12px;color:var(--faint);
  font-weight:500;margin-right:10px;letter-spacing:.04em}
section h3{font-family:var(--serif);font-size:17px;font-weight:600;
  margin:26px 0 8px;color:var(--ink)}
section p{font-size:16px;color:var(--body);margin-bottom:13px;max-width:72ch}
section p strong,section li strong{color:var(--ink);font-weight:600}
section ul,section ol{margin:0 0 14px 22px}
section li{font-size:16px;color:var(--body);margin-bottom:8px;max-width:70ch}
section a{color:var(--ink);text-decoration:underline;
  text-decoration-color:var(--line);text-underline-offset:3px}
section a:hover{text-decoration-color:var(--ink)}

.caps{font-size:14.5px;letter-spacing:.005em;background:var(--sunk);
  border-radius:10px;padding:16px 20px;margin:18px 0;
  color:var(--muted);line-height:1.6;text-transform:none}

.warn{background:var(--red-bg);border-left:3px solid var(--red);
  border-radius:0 10px 10px 0;padding:15px 20px;margin:18px 0}
.warn b{color:var(--red);font-family:var(--mono);font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;display:block;
  margin-bottom:7px;font-weight:500}
.warn p{font-size:15px;color:var(--red);margin:0}

.fill{background:var(--sunk);border-radius:4px;padding:1px 6px;
  font-family:var(--mono);font-size:.85em;color:var(--ink)}

table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}
th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);padding:10px 13px;
  background:var(--sunk);font-weight:500;white-space:nowrap}
td{padding:11px 13px;border-bottom:1px solid var(--line-soft);
  color:var(--body);vertical-align:top}
tr:last-child td{border-bottom:none}
td strong{color:var(--ink)}

footer{border-top:1px solid var(--line);padding:32px 24px 60px;
  text-align:center;max-width:780px;margin:0 auto}
footer .links{display:flex;gap:20px;justify-content:center;
  flex-wrap:wrap;margin-bottom:14px}
footer .links a{font-size:13.5px;color:var(--muted);text-decoration:none}
footer .links a:hover{color:var(--ink)}
footer p{font-family:var(--mono);font-size:11px;color:var(--faint);
  letter-spacing:.04em}