/* Rehber yazıları — legal.css'in üzerine biner, onu değiştirmez.
   Sayfalarda önce legal.css, sonra bu dosya yüklenir. */

.rehber-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 6px;font-size:13.5px;color:var(--muted)}
.rehber-meta time{font-variant-numeric:tabular-nums}

/* İçindekiler */
.rehber-toc{margin-top:26px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.rehber-toc h2{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}
.rehber-toc ol{margin:0;padding-left:20px}
.rehber-toc li{color:var(--muted);margin:5px 0}
.rehber-toc a{color:var(--ink);font-weight:600;text-decoration:none}
.rehber-toc a:hover{color:var(--blue);text-decoration:underline}

/* Gövde */
.legal-card h3{font-size:17px;margin:22px 0 6px}
.legal-card h3:first-of-type{margin-top:6px}
.legal-card ol{color:var(--muted);padding-left:22px}
.legal-card li{margin:5px 0}
.legal-card p+p{margin-top:12px}
.legal-card strong{color:var(--ink)}

/* Tablo */
.rehber-tablo{width:100%;border-collapse:collapse;margin-top:14px;font-size:15px}
.rehber-tablo th,.rehber-tablo td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.rehber-tablo th{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rehber-tablo td{color:var(--muted)}
.rehber-tablo td:first-child{color:var(--ink);font-weight:650}
.rehber-tablo tr:last-child td{border-bottom:0}
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Vurgu kutusu */
.rehber-not{margin-top:16px;padding:16px 18px;border-radius:11px;background:#edf2ff;border:1px solid #b9caf6}
.rehber-not p{margin:0;color:var(--ink)}
.rehber-not p+p{margin-top:8px}

/* Soru–cevap */
.rehber-sss{margin-top:14px}
.rehber-sss>div{padding:16px 0;border-bottom:1px solid var(--line)}
.rehber-sss>div:last-child{border-bottom:0;padding-bottom:0}
.rehber-sss h3{margin:0 0 6px;font-size:16.5px}
.rehber-sss p{margin:0}

/* Sonraki yazılar */
.rehber-liste{display:grid;gap:12px;margin-top:16px}
.rehber-liste a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--white);text-decoration:none}
.rehber-liste a:hover{border-color:#b9caf6;background:#f9fbff}
.rehber-liste b{display:block;color:var(--ink);font-size:16.5px;margin-bottom:3px}
.rehber-liste span{color:var(--muted);font-weight:400;font-size:14.5px;line-height:1.6}

/* Kaynakça */
.rehber-kaynak{margin-top:28px;font-size:14px;color:var(--muted)}
.rehber-kaynak h2{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.rehber-kaynak ul{margin:0;padding-left:20px}
.rehber-kaynak li{margin:4px 0}
.rehber-kaynak a{color:var(--blue)}

/* Uygulamaya çağrı */
.rehber-cta{margin-top:28px;padding:26px 30px;border:1px solid #b9caf6;border-radius:16px;background:#edf2ff}
.rehber-cta h2{margin:0 0 8px}
.rehber-cta p{color:var(--muted);margin:0}

/* Koyu tema — uygulamanın temasıyla tutarlı olsun diye.
   Aynı bloğu legal.css'e kopyalarsan gizlilik/koşullar sayfaları da uyar. */
@media (prefers-color-scheme:dark){
  :root{--ink:#e8edf6;--muted:#9aa7bb;--paper:#0d1522;--line:#233047;--white:#131d2d;--blue:#7fa2f2}
  .legal-head{background:rgba(19,29,45,.96)}
  .legal-mark{background:#233047;color:#e8edf6}
  .rehber-not,.rehber-cta{background:#16233b;border-color:#2b3d5c}
  .featured-card{background:#16233b;border-color:#2b3d5c}
  .rehber-liste a:hover{background:#16233b;border-color:#2b3d5c}
  .mail-button{background:#2156d8}
  .data-status{color:#5fc4a4}
}

@media (max-width:600px){
  .rehber-toc{padding:16px 18px}
  .rehber-cta{padding:21px}
  .rehber-tablo{font-size:14px}
}