@charset "UTF-8";
/* ==========================================================================
   cp-prompts.css — Prompt kütüphanesi katmanı
   --------------------------------------------------------------------------
   Kapsam: main.pr (main.gx.pr → gx token'larını miras alır)
   Bağımlılık: cp-inner.css tokenları (--g-ink, --g-card, --g-line, --g-brand…)
   Kural: hiçbir global seçici yok — her kural .pr ile başlar, mevcut sayfalar
   (gx rehber, px kategori, ana sayfa) bu dosyadan ETKİLENMEZ.
   ========================================================================== */

.pr{
  --pr-night:#050e0b;
  --pr-mono:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace;
  --pr-r:16px;
  --pr-r-lg:22px;
  --pr-sh:0 1px 2px rgba(16,24,20,.04),0 20px 44px -26px rgba(16,40,30,.30);
  --pr-sh-h:0 2px 6px rgba(16,24,20,.06),0 28px 56px -28px rgba(16,40,30,.42);
  --pr-brand:var(--g-brand,#10b981);
  --pr-brand-d:var(--g-deep,#047857);
  --pr-acc:#7dd3fc;
  background:var(--g-bg);
  color:var(--g-ink);
}
.pr *{box-sizing:border-box}
.pr .gx-ic{width:16px;height:16px;flex:none}

/* ── HERO ────────────────────────────────────────────────────────────────── */
.pr-hero{position:relative;overflow:hidden;background:var(--pr-night);color:#f2f8f5;padding:30px 0 44px;isolation:isolate}
.pr-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.pr-hero-bg .gx-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.pr-hero-bg .gx-orb-a{width:520px;height:520px;left:-140px;top:-260px;background:radial-gradient(circle,#10b981,transparent 65%)}
.pr-hero-bg .gx-orb-b{width:440px;height:440px;right:-120px;top:-140px;background:radial-gradient(circle,#0ea5e9,transparent 65%);opacity:.32}
.pr-hero-bg .gx-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 78% 68% at 32% 0%,#000 28%,transparent 76%);mask-image:radial-gradient(ellipse 78% 68% at 32% 0%,#000 28%,transparent 76%)}
.pr-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(52,211,153,.55),transparent)}
.pr-hero-in{max-width:860px;margin-top:26px}
.pr-hero-in-s{margin-top:18px}
.pr-kick{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;font-size:12.5px;font-weight:650;letter-spacing:.10em;text-transform:uppercase;color:#7fe3bd}
.pr-kick-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.18);animation:prPulse 2.4s ease-in-out infinite}
.pr-kick-ic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:rgba(52,211,153,.14);color:#6ee7b7}
.pr-kick-ic .gx-ic{width:14px;height:14px}
@keyframes prPulse{0%,100%{box-shadow:0 0 0 4px rgba(52,211,153,.16)}50%{box-shadow:0 0 0 8px rgba(52,211,153,.05)}}
.pr-h1{margin:0 0 18px;font-family:var(--g-disp);font-size:clamp(1.9rem,4.6vw,3.25rem);line-height:1.06;letter-spacing:-.035em;font-weight:800;color:#f6fbf9}
.pr-h1 em{font-style:normal;color:#6ee7b7;position:relative;white-space:nowrap}
.pr-h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.14em;background:linear-gradient(90deg,rgba(52,211,153,.55),rgba(125,211,252,.15));border-radius:2px;z-index:-1}
.pr-h1-s{font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.12}
.pr-lede{margin:0 0 22px;max-width:66ch;font-size:clamp(15px,1.5vw,17.5px);line-height:1.66;color:#b6c9c1}
.pr-lede-s{font-size:16px}
.pr-hero-intro{margin:-6px 0 0;max-width:72ch;font-size:14.5px;line-height:1.7;color:#93a8a0}
.pr-br{display:none}
@media(min-width:760px){.pr-br{display:inline}}

/* arama */
.pr-search{position:relative;display:flex;align-items:center;gap:10px;max-width:620px;padding:8px 8px 8px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);transition:border-color .2s,background .2s,box-shadow .2s}
.pr-search:focus-within{border-color:rgba(52,211,153,.55);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px rgba(52,211,153,.10)}
.pr-search>.gx-ic{color:#6ee7b7;width:18px;height:18px}
.pr-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#f2f8f5;font-size:15px;font-family:inherit;padding:8px 0}
.pr-search input::placeholder{color:#7d938b}
.pr-search-btn{flex:none;padding:9px 18px;border-radius:11px;border:0;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:#04231a;background:linear-gradient(135deg,#6ee7b7,#34d399);transition:transform .18s,filter .18s}
.pr-search-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}

/* hero çipleri */
.pr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pr-chips-row{margin:0 0 14px}
.pr-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;text-decoration:none;color:#c3d6ce;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:background .18s,border-color .18s,color .18s}
.pr-chip .gx-ic{width:14px;height:14px;opacity:.85}
a.pr-chip:hover{background:rgba(52,211,153,.16);border-color:rgba(52,211,153,.4);color:#eafff6}
.pr-chip-cat{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.32);color:#a9f5d6}
.pr-chip-lvl{background:rgba(125,211,252,.10);border-color:rgba(125,211,252,.26);color:#c6e9fb}

/* hero istatistik */
.pr-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:30px 0 0;padding:0;max-width:760px}
@media(min-width:640px){.pr-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pr-stats>div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}
.pr-stats dt{margin:0 0 4px;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#8ba49b;font-weight:600}
.pr-stats dd{margin:0;font-family:var(--g-disp);font-size:22px;font-weight:800;letter-spacing:-.02em;color:#eafff6}
.pr-stats-date{font-size:15px!important;letter-spacing:0!important;padding-top:4px}

/* model satırı */
.pr-models{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px}
.pr-models-k{font-size:12.5px;color:#8ba49b;font-weight:600}
.pr-model{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;color:#d8f7ea;background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.24)}
.pr-updated{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-size:12.5px;color:#8ba49b}
.pr-updated .gx-ic{width:13px;height:13px}

/* ── GÖVDE ───────────────────────────────────────────────────────────────── */
.pr-body{padding:34px 20px 64px}
.pr-sec{margin:0 0 54px}
.pr-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 20px}
.pr-h2{margin:2px 0 0;font-family:var(--g-disp);font-size:clamp(1.3rem,2.4vw,1.85rem);line-height:1.18;letter-spacing:-.025em;font-weight:780;color:var(--g-ink)}
.pr-p{margin:8px 0 18px;max-width:76ch;font-size:15px;line-height:1.72;color:var(--g-soft)}
.pr-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--pr-brand-d);text-decoration:none}
.pr-link:hover{text-decoration:underline}
.pr-kicker{margin:0}

/* kategori kartları */
.pr-cats{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:640px){.pr-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.pr-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pr-cat{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:var(--pr-r);background:var(--g-card);border:1px solid var(--g-line);text-decoration:none;color:inherit;transition:transform .2s var(--g-ease),border-color .2s,box-shadow .2s}
.pr-cat:hover{transform:translateY(-2px);border-color:rgba(16,185,129,.42);box-shadow:var(--pr-sh)}
.pr-cat-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(16,185,129,.10);color:var(--pr-brand-d)}
.pr-cat-ic .gx-ic{width:19px;height:19px}
.pr-cat-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pr-cat-t b{font-size:14.5px;font-weight:750;letter-spacing:-.01em}
.pr-cat-t small{font-size:12.5px;line-height:1.45;color:var(--g-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-cat-n{flex:none;min-width:26px;text-align:center;padding:3px 8px;border-radius:8px;font-size:12px;font-weight:750;font-family:var(--pr-mono);color:var(--pr-brand-d);background:rgba(16,185,129,.10)}

/* öne çıkanlar */
.pr-feat{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:820px){.pr-feat{grid-template-columns:1.35fr 1fr 1fr}}
.pr-feat-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--pr-r-lg);background:var(--g-card);border:1px solid var(--g-line);text-decoration:none;color:inherit;overflow:hidden;transition:transform .22s var(--g-ease),box-shadow .22s,border-color .22s}
.pr-feat-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#34d399,#7dd3fc);opacity:0;transition:opacity .22s}
.pr-feat-card:hover{transform:translateY(-3px);box-shadow:var(--pr-sh-h);border-color:rgba(16,185,129,.38)}
.pr-feat-card:hover::before{opacity:1}
.pr-feat-card.is-lead{background:linear-gradient(150deg,rgba(16,185,129,.09),rgba(125,211,252,.05));border-color:rgba(16,185,129,.26)}
.pr-feat-n{font-family:var(--pr-mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--pr-brand-d);opacity:.75}
.pr-feat-card h3{margin:0;font-family:var(--g-disp);font-size:17.5px;line-height:1.28;letter-spacing:-.02em;font-weight:750}
.pr-feat-card.is-lead h3{font-size:21px}
.pr-feat-card p{margin:0;font-size:13.5px;line-height:1.6;color:var(--g-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pr-feat-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:13px;font-weight:750;color:var(--pr-brand-d)}
.pr-feat-go .gx-ic{transition:transform .2s}
.pr-feat-card:hover .pr-feat-go .gx-ic{transform:translateX(3px)}

/* filtre */
.pr-filter{display:flex;flex-wrap:wrap;gap:6px}
.pr-f{padding:7px 13px;border-radius:999px;border:1px solid var(--g-line);background:var(--g-card);color:var(--g-soft);font-family:inherit;font-size:12.5px;font-weight:650;cursor:pointer;transition:all .16s}
.pr-f:hover{border-color:rgba(16,185,129,.4);color:var(--g-ink)}
.pr-f.is-on{background:var(--pr-brand-d);border-color:var(--pr-brand-d);color:#fff}

/* prompt kartları */
.pr-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:680px){.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.pr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pr-grid-2{grid-template-columns:1fr}
@media(min-width:680px){.pr-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pr-grid-3{grid-template-columns:1fr}
@media(min-width:680px){.pr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.pr-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pr-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:18px;border-radius:var(--pr-r);background:var(--g-card);border:1px solid var(--g-line);text-decoration:none;color:inherit;transition:transform .2s var(--g-ease),box-shadow .2s,border-color .2s}
.pr-card:hover{transform:translateY(-2px);box-shadow:var(--pr-sh);border-color:rgba(16,185,129,.38)}
.pr-card-top{display:flex;flex-wrap:wrap;gap:5px}
.pr-tag{padding:3px 8px;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.01em;color:var(--g-soft);background:rgba(16,40,30,.055);border:1px solid transparent}
html[data-theme="dark"] .pr-tag{background:rgba(255,255,255,.06)}
.pr-tag-cat{color:var(--pr-brand-d);background:rgba(16,185,129,.10)}
.pr-tag-star{display:inline-flex;align-items:center;gap:4px;color:#a16207;background:rgba(250,204,21,.14)}
.pr-tag-star .gx-ic{width:11px;height:11px}
html[data-theme="dark"] .pr-tag-star{color:#fcd34d}
.pr-card h2,.pr-card h3{margin:0;font-family:var(--g-disp);font-size:15.5px;line-height:1.32;letter-spacing:-.015em;font-weight:730;color:var(--g-ink)}
.pr-card p{margin:0;font-size:13px;line-height:1.6;color:var(--g-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pr-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--g-line);font-size:12px;font-weight:650;color:var(--g-soft)}
.pr-card-foot>span:first-child{display:inline-flex;align-items:center;gap:5px}
.pr-card-go{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;color:var(--pr-brand-d);background:rgba(16,185,129,.10);transition:transform .2s,background .2s}
.pr-card:hover .pr-card-go{transform:translate(2px,-2px);background:rgba(16,185,129,.18)}

/* nasıl çalışır */
.pr-how{padding:30px 24px;margin:0 0 54px;border-radius:var(--pr-r-lg);background:linear-gradient(160deg,rgba(16,185,129,.07),rgba(125,211,252,.04));border:1px solid var(--g-line)}
.pr-how-lede{margin:10px 0 24px;max-width:70ch;font-size:14.5px;line-height:1.7;color:var(--g-soft)}
.pr-steps{display:grid;gap:14px;grid-template-columns:1fr;list-style:none;margin:0;padding:0;counter-reset:none}
@media(min-width:800px){.pr-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pr-steps li{padding:16px;border-radius:14px;background:var(--g-card);border:1px solid var(--g-line)}
.pr-step-n{display:inline-block;margin-bottom:8px;font-family:var(--pr-mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--pr-brand-d)}
.pr-steps h3{margin:0 0 6px;font-size:14.5px;font-weight:750;letter-spacing:-.01em}
.pr-steps p{margin:0;font-size:13px;line-height:1.6;color:var(--g-soft)}
.pr-steps code{padding:1px 5px;border-radius:5px;font-family:var(--pr-mono);font-size:11.5px;background:rgba(16,185,129,.12);color:var(--pr-brand-d)}

/* SSS */
.pr-faq-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.pr-faq-i{border-radius:12px;background:var(--g-card);border:1px solid var(--g-line);overflow:hidden}
.pr-faq-i summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}
.pr-faq-i summary::-webkit-details-marker{display:none}
.pr-faq-i h3{margin:0;font-size:14.5px;font-weight:700;line-height:1.4;letter-spacing:-.01em}
.pr-faq-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;color:var(--pr-brand-d);background:rgba(16,185,129,.10);transition:transform .22s}
.pr-faq-i[open] .pr-faq-ic{transform:rotate(45deg)}
.pr-faq-a{padding:0 16px 15px;font-size:13.8px;line-height:1.72;color:var(--g-soft)}
.pr-faq-a p{margin:0}

/* CTA */
.pr-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:26px;border-radius:var(--pr-r-lg);background:var(--g-night);color:#eafff6;border:1px solid rgba(52,211,153,.22)}
.pr-cta p{margin:8px 0 0;font-size:14px;line-height:1.65;color:#a9c1b8;max-width:60ch}
.pr-cta a{color:#6ee7b7;text-decoration:underline;text-underline-offset:2px}
.pr-cta .pr-h2{color:#f6fbf9}
.pr-cta .gx-kicker{color:#7fe3bd}
.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;border:0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:750;text-decoration:none;color:#04231a;background:linear-gradient(135deg,#6ee7b7,#34d399);transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:0 10px 26px -14px rgba(52,211,153,.7)}
.pr-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.pr-btn-full{width:100%}
.pr-btn .gx-ic{width:15px;height:15px}

/* ── DETAY YERLEŞİMİ ─────────────────────────────────────────────────────── */
.pr-layout{display:grid;gap:30px;grid-template-columns:1fr;padding:34px 20px 64px;align-items:start}
@media(min-width:1000px){.pr-layout{grid-template-columns:minmax(0,1fr) 300px;gap:40px}}
.pr-main{min-width:0}
.pr-block{margin:0 0 40px;scroll-margin-top:104px}
.pr-side{min-width:0}
.pr-side-in{position:sticky;top:88px;display:flex;flex-direction:column;gap:12px}
@media(max-width:999px){.pr-side-in{position:static}}

.pr-panel{padding:16px;border-radius:var(--pr-r);background:var(--g-card);border:1px solid var(--g-line)}
.pr-panel-h{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:11.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--g-soft)}
.pr-panel-h .gx-ic{width:14px;height:14px;color:var(--pr-brand-d)}
.pr-panel-h2{margin-top:16px;padding-top:14px;border-top:1px solid var(--g-line)}
.pr-panel-p{margin:0 0 12px;font-size:12.5px;line-height:1.55;color:var(--g-soft)}
.pr-panel-cta{background:linear-gradient(150deg,rgba(16,185,129,.09),rgba(125,211,252,.05));border-color:rgba(16,185,129,.26)}
.pr-panel-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--pr-brand-d);text-decoration:none}
.pr-panel-link:hover{text-decoration:underline}
.pr-model-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pr-model-list li{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--g-ink)}
.pr-model-list .gx-ic{width:13px;height:13px;color:var(--pr-brand)}

.pr-toc{display:flex;flex-direction:column;gap:1px}
.pr-toc a{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;font-size:13px;font-weight:600;color:var(--g-soft);text-decoration:none;transition:background .16s,color .16s}
.pr-toc a span{font-family:var(--pr-mono);font-size:10.5px;opacity:.6;letter-spacing:.05em}
.pr-toc a:hover{background:rgba(16,185,129,.08);color:var(--g-ink)}
.pr-toc a.is-on{background:rgba(16,185,129,.12);color:var(--pr-brand-d)}

/* ── PROMPT BLOĞU ────────────────────────────────────────────────────────── */
.pr-prompt{position:relative;border-radius:var(--pr-r-lg);overflow:hidden;background:#06110d;border:1px solid rgba(52,211,153,.22);box-shadow:0 24px 60px -32px rgba(4,20,14,.65)}
.pr-prompt::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#34d399,rgba(125,211,252,.5),transparent)}
.pr-prompt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.pr-prompt-k{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:750;letter-spacing:.10em;text-transform:uppercase;color:#6ee7b7}
.pr-prompt-k .gx-ic{width:14px;height:14px}
.pr-prompt-meta{font-family:var(--pr-mono);font-size:11px;color:#6b8a7e}
.pr-copy{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 12px;border-radius:9px;border:1px solid rgba(52,211,153,.30);background:rgba(52,211,153,.12);color:#a9f5d6;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.pr-copy svg{width:14px;height:14px}
.pr-copy:hover{background:rgba(52,211,153,.22);border-color:rgba(52,211,153,.5)}
.pr-copy.is-done{background:#34d399;border-color:#34d399;color:#04231a}
.pr-copy-lg{padding:9px 15px;font-size:13px}
.pr-prompt-text{margin:0;padding:20px 18px 22px;font-family:var(--pr-mono);font-size:13.4px;line-height:1.82;color:#d7e9e2;white-space:pre-wrap;word-break:break-word;overflow-x:auto;tab-size:2}
.pr-prompt-text::selection{background:rgba(52,211,153,.3)}
.pr-prompt-note{margin:0;padding:11px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.6;color:#8faea1;background:rgba(125,211,252,.05)}
.pr-prompt-note .gx-ic{width:14px;height:14px;flex:none;margin-top:2px;color:#7dd3fc}
mark.pr-var{padding:1px 5px;border-radius:5px;background:rgba(52,211,153,.18);color:#8ff0c8;font-weight:600;border:1px solid rgba(52,211,153,.22)}

/* değişken tablosu */
.pr-vars{display:flex;flex-direction:column;gap:1px;margin-top:14px;border-radius:var(--pr-r);overflow:hidden;border:1px solid var(--g-line);background:var(--g-line)}
.pr-var-row{display:grid;gap:4px 14px;padding:12px 15px;background:var(--g-card);grid-template-columns:1fr}
@media(min-width:640px){.pr-var-row{grid-template-columns:auto 1fr auto;align-items:center}}
.pr-var-name{font-family:var(--pr-mono);font-size:12.5px;font-weight:700;color:var(--pr-brand-d);white-space:nowrap}
.pr-var-desc{font-size:13.5px;line-height:1.5;color:var(--g-ink)}
.pr-var-ex{font-family:var(--pr-mono);font-size:11.5px;color:var(--g-soft);white-space:nowrap}

/* adım adım */
.pr-howto{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.pr-howto li{display:flex;gap:13px;padding:14px 16px;border-radius:12px;background:var(--g-card);border:1px solid var(--g-line)}
.pr-howto-n{flex:none;font-family:var(--pr-mono);font-size:11.5px;font-weight:700;color:var(--pr-brand-d);padding-top:2px}
.pr-howto p{margin:0;font-size:14px;line-height:1.68;color:var(--g-ink)}
.pr-howto code{padding:1px 5px;border-radius:5px;font-family:var(--pr-mono);font-size:12px;background:rgba(16,185,129,.12);color:var(--pr-brand-d)}

/* varyasyonlar */
.pr-variants{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.pr-variant{border-radius:12px;background:var(--g-card);border:1px solid var(--g-line);overflow:hidden}
.pr-variant summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;list-style:none}
.pr-variant summary::-webkit-details-marker{display:none}
.pr-variant h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.01em}
.pr-variant-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;color:var(--pr-brand-d);background:rgba(16,185,129,.10);transition:transform .22s}
.pr-variant[open] .pr-variant-ic{transform:rotate(45deg)}
.pr-variant-body{padding:0 16px 14px}
.pr-variant-note{margin:0 0 10px;font-size:12.8px;line-height:1.6;color:var(--g-soft)}
.pr-variant-code{position:relative;border-radius:10px;background:#06110d;border:1px solid rgba(52,211,153,.18)}
.pr-variant-code .pr-copy{position:absolute;top:8px;right:8px;margin:0;padding:5px 9px;font-size:11.5px;z-index:2}
.pr-variant-code pre{margin:0;padding:14px 15px;font-family:var(--pr-mono);font-size:12.4px;line-height:1.78;color:#d7e9e2;white-space:pre-wrap;word-break:break-word;padding-right:92px}

/* ipuçları */
.pr-tips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.pr-tips li{display:flex;gap:10px;padding:13px 15px;border-radius:12px;background:linear-gradient(120deg,rgba(250,204,21,.07),rgba(250,204,21,.02));border:1px solid rgba(250,204,21,.22);font-size:13.6px;line-height:1.66;color:var(--g-ink)}
.pr-tips .gx-ic{width:15px;height:15px;flex:none;margin-top:3px;color:#ca8a04}
html[data-theme="dark"] .pr-tips .gx-ic{color:#fcd34d}
.pr-tips code{padding:1px 5px;border-radius:5px;font-family:var(--pr-mono);font-size:12px;background:rgba(16,40,30,.07)}

/* kaynak notu */
.pr-source{margin:32px 0 0;padding-top:16px;border-top:1px solid var(--g-line);font-size:12px;line-height:1.65;color:var(--g-soft)}

/* boş durum */
.pr-empty{padding:34px 22px;text-align:center;border-radius:var(--pr-r-lg);background:var(--g-card);border:1px dashed var(--g-line)}
.pr-empty-t{margin:0 0 6px;font-family:var(--g-disp);font-size:17px;font-weight:750}
.pr-empty p{margin:0 0 14px;font-size:13.5px;color:var(--g-soft)}
.pr-empty .pr-chips{justify-content:center;margin-top:14px}
.pr-empty .pr-chip{color:var(--g-soft);background:rgba(16,40,30,.05);border-color:var(--g-line)}
.pr-empty-s{margin:16px 0 0;text-align:center;font-size:13px;color:var(--g-soft)}

/* hareket azaltma */
@media(prefers-reduced-motion:reduce){
  .pr *,.pr *::before,.pr *::after{animation:none!important;transition:none!important}
}

/* ── HEADER NAV BAĞLANTISI (global — .pr dışında) ────────────────────────── */
/* 1440 altında header'da yer yok: yalnızca mega menü + mobil çekmece kullanılır.
   1440-1599 arası ikon-only, 1600+ ikon + etiket. */
.pr-navlink{display:none;align-items:center;justify-content:center;gap:0;height:36px;width:36px;padding:0;border-radius:999px;font-size:14.5px;font-weight:600;text-decoration:none;color:inherit;border:1px solid rgba(128,140,150,.28);transition:border-color .2s,background .2s,color .2s;white-space:nowrap}
@media(min-width:1440px){.pr-navlink{display:inline-flex}}
@media(min-width:1600px){.pr-navlink{width:auto;gap:7px;padding:0 14px}}
.pr-navlink:hover{border-color:rgba(16,185,129,.55);background:rgba(16,185,129,.09);color:#047857}
html[data-theme="dark"] .pr-navlink:hover{color:#6ee7b7}
.pr-navlink svg{width:15px;height:15px;opacity:.85;flex:none}
.pr-navlink span{display:none;line-height:1}
@media(min-width:1600px){.pr-navlink span{display:inline}}

/* Sitenin global "pre kopyala" kaplaması, kütüphanenin kendi kopyalama
   düğmeleriyle çakışıyor — bu kapsamda kapatılır. */
.pr .ov-copy{display:none!important}