/* Lodos rehber — sol menü + içerik.
   Site tokenlarını (style.min.css :root) kullanır, kendi rengini tanımlamaz;
   marka rengi değişirse rehber de kendiliğinden değişsin diye. */

.gd-wrap{width:100%;max-width:1240px;margin:0 auto;padding:112px var(--sp-xl) var(--sp-sec)}
.gd-grid{display:grid;grid-template-columns:248px minmax(0,1fr);gap:56px;align-items:start}

/* ── Sol menü ───────────────────────────────────────────────── */
.gd-side{position:sticky;top:96px;max-height:calc(100vh - 128px);overflow-y:auto;
         padding-right:12px;font-size:14px;line-height:1.45}
.gd-side-home{display:block;font-weight:600;color:var(--c-ink);padding:6px 0 14px;
              border-bottom:1px solid var(--c-divider);margin-bottom:18px}
.gd-side-home.is-current{color:var(--c-primary)}
.gd-side-group{margin-bottom:22px}
.gd-side-title{font-size:11px;font-weight:700;letter-spacing:.7px;color:var(--c-ink-48);
               margin-bottom:8px}
.gd-side-list li{margin:0}
.gd-side-link{display:block;padding:6px 10px;margin-left:-10px;border-radius:var(--r-sm);
              color:var(--c-ink-80);transition:background .12s,color .12s}
.gd-side-link:hover{background:var(--c-parchment);color:var(--c-ink)}
.gd-side-link.is-current{background:color-mix(in srgb,var(--c-primary) 10%,transparent);
                         color:var(--c-primary);font-weight:600}

/* ── İçerik ─────────────────────────────────────────────────── */
.gd-main{min-width:0;max-width:760px}
.gd-crumbs{display:flex;gap:8px;font-size:13px;color:var(--c-ink-48);margin-bottom:18px}
.gd-crumbs a{color:var(--c-ink-48)}
.gd-crumbs a:hover{color:var(--c-primary)}

.gd-head h1{font-family:var(--f-display);font-size:40px;line-height:1.1;
            letter-spacing:-1.2px;margin-bottom:14px}
.gd-lede{font-size:19px;line-height:1.5;color:var(--c-ink-80);margin-bottom:16px}
.gd-meta{font-size:13px;color:var(--c-ink-48);display:flex;gap:8px;align-items:center}

.gd-langs{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.gd-lang{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);
         border:1px solid var(--c-hairline);color:var(--c-ink-48)}
.gd-lang:hover{border-color:var(--c-primary);color:var(--c-primary)}
.gd-lang.is-current{background:var(--c-ink);border-color:var(--c-ink);color:#fff}

/* İçindekiler */
.gd-toc{margin:32px 0;padding:18px 22px;background:var(--c-pearl);
        border:1px solid var(--c-divider);border-radius:var(--r-md)}
.gd-toc-title{font-size:11px;font-weight:700;letter-spacing:.7px;color:var(--c-ink-48);
              margin-bottom:10px}
.gd-toc ol{counter-reset:gdtoc;font-size:15px}
.gd-toc li{counter-increment:gdtoc;margin:5px 0;padding-left:24px;position:relative}
.gd-toc li::before{content:counter(gdtoc);position:absolute;left:0;top:0;
                   font-size:12px;font-weight:600;color:var(--c-ink-48)}
.gd-toc a{color:var(--c-ink-80)}
.gd-toc a:hover{color:var(--c-primary)}

/* Gövde */
.gd-body{font-size:17px;line-height:1.62;color:var(--c-ink-80)}
.gd-body h2{font-family:var(--f-display);font-size:27px;line-height:1.2;letter-spacing:-.6px;
            color:var(--c-ink);margin:44px 0 14px;scroll-margin-top:96px}
.gd-body h3{font-size:20px;font-weight:650;color:var(--c-ink);margin:30px 0 10px;
            scroll-margin-top:96px}
.gd-body p{margin-bottom:17px}
.gd-body strong{color:var(--c-ink);font-weight:650}
.gd-body ul,.gd-body ol{margin:0 0 17px 0;padding-left:22px}
.gd-body ul{list-style:disc}
.gd-body ol{list-style:decimal}
.gd-body li{margin-bottom:8px;padding-left:4px}
.gd-body li::marker{color:var(--c-ink-48)}
.gd-body a{color:var(--c-primary);text-decoration:underline;text-underline-offset:3px}
.gd-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;
              background:var(--c-parchment);padding:2px 6px;border-radius:var(--r-xs)}

/* SSS */
.gd-faq{margin-top:52px;padding-top:34px;border-top:1px solid var(--c-divider)}
.gd-faq h2{font-family:var(--f-display);font-size:24px;letter-spacing:-.5px;margin-bottom:16px}
.gd-qa{border:1px solid var(--c-divider);border-radius:var(--r-md);
       padding:14px 18px;margin-bottom:10px;background:var(--c-canvas)}
.gd-qa summary{cursor:pointer;font-weight:600;color:var(--c-ink);font-size:16px;
               list-style:none}
.gd-qa summary::-webkit-details-marker{display:none}
.gd-qa summary::after{content:"+";float:right;color:var(--c-ink-48);font-weight:400}
.gd-qa[open] summary::after{content:"–"}
.gd-qa p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--c-ink-80)}

/* İlgili modüller */
.gd-mods{margin-top:44px;padding-top:32px;border-top:1px solid var(--c-divider)}
.gd-mods h2{font-family:var(--f-display);font-size:20px;letter-spacing:-.4px;margin-bottom:14px}
.gd-mods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.gd-mod{display:block;padding:14px 16px;border:1px solid var(--c-divider);
        border-radius:var(--r-md);transition:border-color .15s,transform .15s}
.gd-mod:hover{border-color:var(--c-primary);transform:translateY(-1px)}
.gd-mod-name{display:block;font-weight:650;color:var(--c-ink);font-size:15px}
.gd-mod-tag{display:block;font-size:13px;color:var(--c-ink-48);margin-top:2px}

/* Önceki / sonraki */
.gd-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;
        padding-top:28px;border-top:1px solid var(--c-divider)}
.gd-nav a{padding:16px 18px;border:1px solid var(--c-divider);border-radius:var(--r-md);
          transition:border-color .15s}
.gd-nav a:hover{border-color:var(--c-primary)}
.gd-nav-next{text-align:right}
.gd-nav-dir{display:block;font-size:12px;color:var(--c-ink-48);margin-bottom:4px}
.gd-nav-t{display:block;font-weight:600;color:var(--c-ink);font-size:15px;line-height:1.35}

/* Ana sayfa kartları */
.gd-sec{margin-top:44px}
.gd-sec-title{font-family:var(--f-display);font-size:15px;font-weight:700;letter-spacing:.4px;
              color:var(--c-ink-48);margin-bottom:14px}
.gd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.gd-card a{display:block;height:100%;padding:20px 22px;border:1px solid var(--c-divider);
           border-radius:var(--r-lg);transition:border-color .15s,transform .15s}
.gd-card a:hover{border-color:var(--c-primary);transform:translateY(-2px)}
.gd-card h3{font-size:17px;font-weight:650;color:var(--c-ink);margin-bottom:7px;line-height:1.3}
.gd-card p{font-size:14.5px;line-height:1.5;color:var(--c-ink-48);margin-bottom:12px}
.gd-card-meta{font-size:12px;color:var(--c-ink-48)}

/* ── Mobil ──────────────────────────────────────────────────── */
@media (max-width:960px){
  .gd-wrap{padding:88px var(--sp-lg) var(--sp-xl)}
  .gd-grid{grid-template-columns:1fr;gap:28px}
  .gd-side{position:static;max-height:none;overflow:visible;padding:16px 18px;
           border:1px solid var(--c-divider);border-radius:var(--r-md);
           background:var(--c-pearl)}
  .gd-side-group{margin-bottom:16px}
  .gd-head h1{font-size:31px;letter-spacing:-.8px}
  .gd-lede{font-size:17px}
  .gd-body{font-size:16.5px}
  .gd-body h2{font-size:23px}
  .gd-nav{grid-template-columns:1fr}
  .gd-nav-next{text-align:left}
}