/* Kavira rehber sayfaları — TÜM ürünlerde aynı dosya (Değişmez #4: marka tektir).
   Kaynak: .claude/fabrika/rehber/rehber.css — ürün web/assets/ altına kopyalanır,
   orada elle düzenlenmez. Token'lar landing'lerin :root'undan alındı; ürünü
   ayıran tek şey --vurgu (sayfa içinde tanımlanır).
   Koyu tema: landing koyu, /app/ Slate Light. Bu sayfalar landing tarafında. */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#070B17;--bg-2:#0A0F1F;--surface:rgba(30,41,59,.5);
  --border:rgba(148,163,184,.12);--border-strong:rgba(148,163,184,.25);
  --text:#F1F5F9;--muted:#94A3B8;--dim:#64748B;
  --vurgu:#3B82F6;
}

html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
a{color:var(--vurgu);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,summary:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px;border-radius:4px}

/* ── Üst çubuk ── */
.ust{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 22px;border-bottom:1px solid var(--border);
  background:rgba(7,11,23,.9);backdrop-filter:blur(10px);
  position:sticky;top:0;z-index:10;
}
.marka{color:var(--text);font-weight:800;letter-spacing:-.02em;font-size:16px}
.marka:hover{text-decoration:none;color:var(--vurgu)}
.ust-bag{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ust-bag>a{color:var(--muted);font-size:14px;font-weight:500;padding:6px 10px}
.ust-bag>a:hover{color:var(--text);text-decoration:none}
.dugme{
  background:var(--vurgu);color:#04070F !important;font-weight:700;
  padding:9px 16px !important;border-radius:9px;font-size:14px;
}
.dugme:hover{text-decoration:none;filter:brightness(1.1)}

/* ── Yazı gövdesi ── */
.yazi{max-width:760px;margin:0 auto;padding:34px 20px 70px}
.iz{font-size:13px;color:var(--dim);margin-bottom:22px;display:flex;gap:7px;flex-wrap:wrap}
.iz a{color:var(--muted)}
.iz span{color:var(--dim)}

h1{
  font-size:clamp(28px,5vw,40px);line-height:1.18;font-weight:800;
  letter-spacing:-.025em;margin-bottom:18px;text-wrap:balance;
}
h2{
  font-size:clamp(21px,3vw,27px);line-height:1.3;font-weight:700;
  letter-spacing:-.02em;margin:46px 0 14px;scroll-margin-top:78px;text-wrap:balance;
}
h3{font-size:18px;font-weight:700;margin:26px 0 8px}
p{margin-bottom:16px;color:#DCE3ED}
.giris{font-size:19px;color:var(--muted);line-height:1.7;margin-bottom:12px}
.tarih{font-size:13px;color:var(--dim);margin-bottom:26px}

ul,ol{margin:0 0 18px 22px}
li{margin-bottom:7px;color:#DCE3ED}
li::marker{color:var(--dim)}
strong{color:#fff;font-weight:650}
code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.88em;background:rgba(148,163,184,.14);padding:2px 6px;
  border-radius:5px;color:#E2E8F0;white-space:nowrap;
}

/* Formül satırı — hesabın kendisi, gövde metninden ayrılsın */
.formul{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:15px;line-height:1.7;background:var(--bg-2);
  border:1px solid var(--border);border-left:3px solid var(--vurgu);
  border-radius:10px;padding:14px 16px;margin:0 0 18px;
  color:#E2E8F0;overflow-x:auto;white-space:pre-wrap;
}

/* ── Tablolar ── */
.tablo{overflow-x:auto;margin:0 0 20px;border:1px solid var(--border);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:440px}
caption{
  caption-side:bottom;text-align:left;font-size:13px;color:var(--dim);
  padding:10px 14px;border-top:1px solid var(--border);
}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}
th{
  background:rgba(148,163,184,.07);color:#fff;font-weight:650;font-size:13px;
  text-transform:uppercase;letter-spacing:.04em;
}
tbody tr:last-child td{border-bottom:none}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums}

/* ── Kutular ── */
.kutu-not,.kutu-uyari{
  background:var(--surface);border:1px solid var(--border);
  border-radius:12px;padding:15px 17px;margin:0 0 26px;font-size:15px;color:var(--muted);
}
.kutu-not>strong:first-child,.kutu-uyari>strong:first-child{
  display:block;color:#fff;margin-bottom:5px;font-size:14px;
}
/* Metin icindeki vurgular satir ici kalmali: hepsi blok olunca
   cumle paragraflara bolunuyordu (27.09 onizlemesinde gorundu). */
.kutu-not strong,.kutu-uyari strong{color:#fff}
.kutu-uyari{border-left:3px solid #F59E0B}
.kutu-not{border-left:3px solid var(--vurgu)}

.icindekiler{
  background:var(--bg-2);border:1px solid var(--border);border-radius:12px;
  padding:16px 20px;margin:0 0 34px;
}
.icindekiler strong{
  display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;
  color:var(--dim);margin-bottom:9px;
}
.icindekiler ol{margin:0 0 0 18px}
.icindekiler li{margin-bottom:5px;font-size:15px}
.icindekiler a{color:var(--muted)}
.icindekiler a:hover{color:var(--vurgu)}

/* ── SSS ── */
.sss{
  border:1px solid var(--border);border-radius:11px;margin-bottom:10px;
  background:var(--surface);
}
.sss summary{
  padding:13px 17px;cursor:pointer;font-weight:600;color:#fff;font-size:16px;
  list-style:none;display:flex;justify-content:space-between;gap:12px;
}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:'+';color:var(--vurgu);font-weight:700;font-size:19px;line-height:1}
.sss[open] summary::after{content:'−'}
.sss>div{padding:0 17px 15px;color:var(--muted);font-size:15.5px}
.sss>div p:last-child{margin-bottom:0}

/* ── Çağrı ── */
.cagri{
  background:var(--bg-2);border:1px solid var(--border-strong);
  border-radius:16px;padding:26px;margin:46px 0 34px;text-align:center;
}
.cagri h2{margin:0 0 10px;font-size:22px}
.cagri p{color:var(--muted);font-size:15.5px;margin-bottom:18px}
.dugme.buyuk{display:inline-block;padding:13px 26px !important;font-size:15.5px}
.cagri-not{display:block;margin-top:11px;font-size:13px;color:var(--dim)}

.devam h2{font-size:20px;margin-bottom:12px}
.devam ul{margin-left:20px}
.devam li{font-size:15.5px}

/* ── Rehber merkezi kartları ── */
.kartlar{display:grid;gap:14px;grid-template-columns:1fr;margin:28px 0 8px}
@media(min-width:660px){.kartlar{grid-template-columns:1fr 1fr}}
.kart{
  display:block;background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:19px 20px;transition:border-color .16s,transform .16s;
}
.kart:hover{border-color:var(--vurgu);text-decoration:none;transform:translateY(-2px)}
.kart h2{font-size:18px;margin:0 0 7px;color:#fff;letter-spacing:-.015em}
.kart p{font-size:14.5px;color:var(--muted);margin-bottom:10px}
.kart-alt{font-size:12.5px;color:var(--dim);font-variant-numeric:tabular-nums}

/* ── Alt ── */
.alt{border-top:1px solid var(--border);background:var(--bg-2);padding:38px 20px 26px}
.alt-ic{
  max-width:1000px;margin:0 auto;display:grid;gap:26px;
  grid-template-columns:1fr;
}
@media(min-width:700px){.alt-ic{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.alt-ic strong{display:block;color:#fff;font-size:14px;margin-bottom:10px}
.alt-ic p{font-size:14px;color:var(--dim);margin:0}
.alt-ic a{display:block;font-size:14px;color:var(--muted);margin-bottom:7px}
.alt-ic a:hover{color:var(--vurgu);text-decoration:none}
.alt-copy{
  max-width:1000px;margin:30px auto 0;padding-top:18px;
  border-top:1px solid var(--border);font-size:13px;color:var(--dim);
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .kart{transition:none}
  .kart:hover{transform:none}
}