/* Kavşak · kavsakapp.com ortak stil. Harici kaynak yok (yazı tipi dahil). Mor #833AB4 + siyah; açık/koyu tema. */
:root{
  --bg:#FFFFFF; --surface:#F6F4F9; --surface-2:#EEEAF4; --ink:#0B0B0D; --ink-dim:#55555C; --line:#DCD6E4;
  --brand:#833AB4; --brand-ink:#6B2C96; --on-brand:#FFFFFF; --brand-tint:#F3EAFA; --focus:#833AB4;
  --r:16px; --maks:760px;
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#000000; --surface:#121214; --surface-2:#1C1C20; --ink:#ECECF0; --ink-dim:#A6A6AE; --line:#34303C;
    --brand:#B57BEE; --brand-ink:#C99CF3; --on-brand:#14091F; --brand-tint:#21142E; --focus:#C99CF3;
  }
}
:root[data-theme="dark"]{
  --bg:#000000; --surface:#121214; --surface-2:#1C1C20; --ink:#ECECF0; --ink-dim:#A6A6AE; --line:#34303C;
  --brand:#B57BEE; --brand-ink:#C99CF3; --on-brand:#14091F; --brand-tint:#21142E; --focus:#C99CF3;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
body{margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  overflow-wrap:anywhere;}
a{color:var(--brand-ink); text-underline-offset:2px;}
a:focus-visible, summary:focus-visible, .tablo:focus-visible{outline:3px solid var(--focus); outline-offset:2px; border-radius:6px;}
.kap{max-width:var(--maks); margin:0 auto; padding:0 16px;}
.atla{position:absolute; left:-9999px; top:8px; background:var(--brand); color:var(--on-brand); padding:8px 12px; border-radius:10px; z-index:10;}
.atla:focus{left:16px;}

/* üst çubuk */
.ust{position:sticky; top:0; z-index:5; background:color-mix(in srgb, var(--bg) 88%, transparent);
  -webkit-backdrop-filter:saturate(1.4) blur(12px); backdrop-filter:saturate(1.4) blur(12px); border-bottom:1px solid var(--line);}
.ust-ic{display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding-top:10px; padding-bottom:10px;}
.logo{display:inline-flex; align-items:center; gap:8px; color:var(--ink); text-decoration:none; font-weight:800; font-size:19px; letter-spacing:-.01em;}
.logo .isaret{display:block; border-radius:8px;}
.menu{display:flex; gap:4px 14px; flex-wrap:wrap; margin-left:auto; font-size:14px;}
.menu a{color:var(--ink-dim); text-decoration:none; padding:4px 0;}
.menu a:hover{color:var(--ink);}
.menu a[aria-current="page"]{color:var(--brand-ink); font-weight:700;}
@media (max-width:560px){ .menu{margin-left:0; width:100%; gap:2px 12px;} }

/* metin */
main{padding-top:20px; padding-bottom:40px;}
h1{font-size:clamp(26px, 6vw, 34px); line-height:1.2; letter-spacing:-.015em; margin:8px 0 14px;}
h2{font-size:22px; line-height:1.3; margin:36px 0 10px;}
h2.bolum{font-size:20px; text-transform:none; padding:12px 14px; border-radius:12px; background:var(--brand-tint); color:var(--brand-ink); margin-top:40px;}
h3{font-size:18px; line-height:1.35; margin:28px 0 8px;}
h4{font-size:16px; margin:22px 0 6px;}
h5{font-size:15px; margin:18px 0 6px; color:var(--ink-dim);}
h2, h3, h4, h5{scroll-margin-top:84px;}
p{margin:0 0 12px;}
ul, ol{margin:0 0 14px; padding-left:24px;}
li{margin:4px 0;}
li > ul, li > ol{margin:6px 0 6px;}
li > p{margin:6px 0;}
hr{border:0; border-top:1px solid var(--line); margin:28px 0;}
strong{font-weight:700;}
.giris{font-size:18px; color:var(--ink-dim);}
.kucuk{font-size:13px; color:var(--ink-dim);}
.kirinti{font-size:13px; color:var(--ink-dim); margin:0 0 4px;}
.kirinti a{color:var(--ink-dim);}
.basa{margin-top:28px; font-size:14px;}

/* içindekiler */
.icindekiler{margin:6px 0 22px;}
.icindekiler details{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:4px 14px;}
.icindekiler summary{cursor:pointer; font-weight:700; padding:8px 0;}
.icindekiler ol{list-style:none; padding:0 0 8px; margin:0; font-size:14px;}
.icindekiler li{margin:2px 0;}
.icindekiler li.d1{font-weight:700; margin-top:10px;}
.icindekiler li.d2{padding-left:10px;}
.icindekiler a{text-decoration:none;}
.icindekiler a:hover{text-decoration:underline;}

/* tablo: yalnızca kendi kabı yatay kayar, sayfa kaymaz */
.tablo{overflow-x:auto; -webkit-overflow-scrolling:touch; margin:8px 0 18px; border:1px solid var(--line); border-radius:12px;}
table{border-collapse:collapse; width:100%; min-width:520px; font-size:14px; line-height:1.5;}
th, td{text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--line);}
th{background:var(--surface-2); font-weight:700;}
tr:last-child td{border-bottom:0;}

/* ekran metni örnekleri */
blockquote.ornek{margin:10px 0 18px; padding:12px 16px; border-left:4px solid var(--brand); background:var(--surface); border-radius:0 12px 12px 0;}
blockquote.ornek p:last-child{margin-bottom:0;}

/* ana sayfa */
.kahraman{text-align:center; padding:18px 0 8px;}
.kahraman-isaret svg{display:inline-block; border-radius:20px;}
.kahraman h1{margin-top:10px;}
.rozetler{list-style:none; padding:0; margin:14px 0 0; display:flex; flex-wrap:wrap; gap:8px; justify-content:center;}
.rozetler li{margin:0; padding:6px 12px; border-radius:999px; background:var(--brand-tint); color:var(--brand-ink); font-size:14px; font-weight:600;}
.kartlar{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px;}
.kart{display:block; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; color:var(--ink);}
.kart h3{margin:0 0 4px; font-size:17px;}
.kart p{margin:0; color:var(--ink-dim); font-size:15px;}
a.kart{text-decoration:none;}
a.kart h3{color:var(--brand-ink);}
a.kart:hover{border-color:var(--brand);}
.not-kutu{margin:26px 0; padding:14px 16px; border-radius:var(--r); background:var(--brand-tint); border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);}
.not-kutu p:last-child{margin-bottom:0;}

/* destek */
.adimlar li{margin:8px 0;}
.sss details{border:1px solid var(--line); border-radius:12px; background:var(--surface); margin:8px 0; padding:2px 14px;}
.sss summary{cursor:pointer; font-weight:700; padding:10px 0;}
.sss details[open] summary{border-bottom:1px solid var(--line); margin-bottom:10px;}
.sss details p:last-child{margin-bottom:12px;}

/* alt bilgi */
.alt{border-top:1px solid var(--line); background:var(--surface); padding:20px 0 28px; font-size:14px; color:var(--ink-dim);}
.alt p{margin:0 0 6px;}

@media print{
  .ust, .alt, .icindekiler, .basa, .atla{display:none;}
  body{background:#fff; color:#000;}
  .tablo{overflow:visible; border:0;}
  table{min-width:0;}
  details{display:block;}
}