/* SMART TASARIM KITI v1 - uyum-rehber.css (uretildi 2026-10-18, scripts/kit-uret.mjs).
   SEO rehber/blog yapisi (rehber-*) icin kit gorunumu; rehber.css ile birlikte baglanir.
   KOPYALANIR, DUZENLENMEZ. Urune ozgu degisiklik: urun.css. Cerceve: Smart360/docs/tasarim-cercevesi.md */
/* REHBER / BLOG UYUMU (cerceve v1.3.1) - SEO ureteclerinin rehber yapisi (article.rehber-yazi > header.rehber-bas,
   .rehber-duzen > nav.rehber-toc + .rehber-govde, REHBER:* isaretleri) kitin gorunumunu alir; yapi DEGISMEZ.
   rehber.css bu dosyadan ONCE ya da SONRA yuklenebilir: her kural sayfa sinifi onekiyle (+1 sinif) yazilir.
   Kaynak: Smart360/web/yeni/uyum-rehber.css (smart360 yeni kabukta yuklenir); kit: kit/uyum-rehber.css (urunler
   blog/rehber sayfalarinda rehber.css ile birlikte baglar). Yalniz acik tema; animasyon yalniz transform. */

/* v1.3.2 koruma: article.rehber-yazi'ye yanlislikla 'yazi' sinifi eklenirse kitin govde sutunu kurallari
   (max-width 42.3em, dikey ritim) tum yaziyi ~740px'e daraltiyordu (SmartOperator blogu). Burada etkisiz kilinir. */
article.rehber-yazi.yazi{max-width:none;font-size:inherit;line-height:inherit;color:inherit}
article.rehber-yazi.yazi>*+*{margin-top:0}

/* ---------- jeton eslemesi (rehber.css degiskenleri -> kit) ---------- */
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog){
  --text:var(--murekkep); --dim:var(--metin); --faint:var(--soluk);
  --brand:var(--marka); --deep:var(--marka-koyu);
  --line:var(--cizgi); --line2:var(--cizgi);
  --surface:var(--kart); --surface2:var(--kart2); --bg:var(--zemin);
  --tint:var(--marka-ton); --tintStrong:rgba(107,63,212,.2);
  --grad-dugme:linear-gradient(135deg,#5b34bd 0%,#7a3fb6 55%,#a8407f 100%); /* beyaz yazi AA */
  --brandBand:linear-gradient(125deg,#f1ebfd 0%,#f9f5fe 55%,#fcf0f6 100%);
  --shadow:var(--golge-m);
}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde{overflow-wrap:break-word}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde :is(h2,h3){font-weight:800;letter-spacing:-.025em}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde code{font-family:var(--mono);font-size:.86em;padding:.12em .38em;border-radius:6px;background:var(--marka-acik);color:var(--marka-koyu)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde pre{margin:20px 0 0;padding:16px 18px;overflow-x:auto;border-radius:var(--r-s);background:var(--kart2);color:var(--murekkep);border:1px solid var(--cizgi);font-size:14.5px}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}

/* ---------- rehber yapisi (uyum-belge.css REHBERLER bolumunden tasindi) ---------- */
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-bas{background:radial-gradient(55% 90% at 100% 0%,rgba(107,63,212,.10),transparent 70%),
  radial-gradient(40% 70% at 0% 100%,rgba(200,82,155,.06),transparent 70%),var(--zemin);border-bottom-color:var(--cizgi)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-bas-ic{max-width:1240px;padding:clamp(32px,5vw,72px) var(--kenar) clamp(36px,5vw,72px)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kirinti a{color:var(--soluk)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kirinti a:hover{color:var(--marka)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kirinti ol{color:var(--soluk)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kategori{font-size:11.5px;font-weight:700;letter-spacing:.09em;color:var(--marka-koyu);background:var(--marka-acik)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-bas h1{font-size:clamp(32px,4.6vw,58px);line-height:1.04;letter-spacing:-.035em;font-weight:800;color:var(--murekkep)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-ozet{color:var(--metin);font-size:clamp(17px,1.5vw,19.5px)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-meta{color:var(--soluk)}

:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-duzen{max-width:1240px;padding:clamp(36px,5vw,72px) var(--kenar) clamp(56px,7vw,96px);gap:clamp(32px,4vw,64px)}
@media (min-width:1100px){ :is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-duzen{grid-template-columns:240px minmax(0,760px)} }
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-toc b{font-size:11.5px;font-weight:700;letter-spacing:.09em;color:var(--soluk)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-toc ol{border-left-color:var(--cizgi2)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-toc a{color:var(--metin);transition:color .15s,border-color .15s}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-toc a::before{color:var(--silik);font-family:var(--mono);font-weight:500}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-toc a:hover{color:var(--marka-koyu);border-left-color:var(--marka)}
@media (max-width:1099px){ :is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-toc{border-color:var(--cizgi);border-radius:var(--r-m);background:var(--kart);box-shadow:var(--golge-s)} }

:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde{font-size:17px;line-height:1.75;color:var(--metin)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde h2{font-size:clamp(24px,2.5vw,31px);line-height:1.18;color:var(--murekkep);margin-top:60px}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde h3{font-size:20px;color:var(--murekkep)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde strong{color:var(--murekkep);font-weight:600}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde li::marker{color:var(--marka)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde a{color:var(--marka-koyu);border-bottom-color:rgba(107,63,212,.3)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde a:hover{border-bottom-color:var(--marka)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde blockquote{border-left-color:var(--marka);color:var(--murekkep);font-family:var(--baslik);font-weight:600;letter-spacing:-.015em}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde figcaption{color:var(--soluk)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde :is(th,td){border-bottom-color:var(--cizgi)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde th{color:var(--soluk);background:var(--kart2);font-weight:600}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde table{background:var(--kart)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-tablo{border:1px solid var(--cizgi);border-radius:var(--r-m);background:var(--kart)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) ol.rehber-adimlar > li::before{font:800 14.5px/1 var(--baslik);background:var(--grad-dugme);box-shadow:0 6px 14px -6px rgba(91,52,189,.55)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) ul.rehber-kontrol > li::before{background:var(--marka-acik);box-shadow:inset 0 0 0 1.5px rgba(107,63,212,.3)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) ul.rehber-kontrol > li::after{border-color:var(--marka-koyu)}

:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kutu{border-radius:var(--r-m);background:var(--kart2);border-color:var(--cizgi)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kutu.dikkat{background:#fdf5e6;border-color:rgba(183,121,31,.35)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kutu.ipucu{background:var(--marka-ton);border-color:rgba(107,63,212,.22)}

:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cozum{border-radius:var(--r-l);background:var(--brandBand);border-color:rgba(107,63,212,.18)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cozum li{border-radius:var(--r-s);border-color:var(--cizgi);background:var(--kart);box-shadow:var(--golge-s)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cozum li::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.2 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat,var(--grad-dugme)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cozum .rehber-baglar a{color:var(--marka-koyu)}

:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-sss details{border-radius:var(--r-m);border-color:var(--cizgi);background:var(--kart);transition:border-color .2s,box-shadow .2s}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-sss details[open]{border-color:var(--cizgi2);box-shadow:var(--golge-s)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-sss summary{font-family:var(--baslik);font-weight:700;letter-spacing:-.01em;color:var(--murekkep);border-radius:var(--r-m)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-sss summary::after,:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-sss details[open] > summary::after{border-color:var(--marka)}

:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-ilgili a{border-radius:var(--r-m);border-color:var(--cizgi);background:var(--kart);color:var(--murekkep);box-shadow:var(--golge-s);
  transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-ilgili a:hover{border-color:rgba(107,63,212,.4);color:var(--marka-koyu);box-shadow:var(--golge-m);transform:translateY(-2px)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-ilgili a small{color:var(--soluk)}

:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cagri{border-radius:var(--r-l);background:var(--grad-dugme);box-shadow:var(--golge-l)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cagri h2{font-weight:800;letter-spacing:-.03em;font-size:clamp(22px,2.4vw,28px)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cagri p{color:rgba(255,255,255,.92)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cagri-dugmeler a{padding:12px 22px;transition:transform .2s var(--ease)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cagri-dugmeler a:hover{filter:none;transform:translateY(-1px)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cagri-dugmeler a.birincil,:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cagri-dugmeler a.birincil:hover{background:#fff;color:var(--marka-koyu)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-cagri-dugmeler a:focus-visible{outline-color:#fff}

:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .sektor-sorunlar > li{border-radius:var(--r-m);border-color:var(--cizgi);background:var(--kart);box-shadow:var(--golge-s)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .sektor-sorunlar > li::before{color:var(--marka);font-family:var(--baslik)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .sektor-sorunlar > li b{color:var(--murekkep)}

/* kart listesi */
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-liste{max-width:1240px;padding:clamp(36px,5vw,72px) var(--kenar)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-liste > h2{font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.03em;color:var(--murekkep)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-liste > p{color:var(--soluk)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart{border-radius:var(--r-l);border-color:var(--cizgi);background:var(--kart);color:var(--metin);padding:24px;box-shadow:var(--golge-s);
  transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) a.rehber-kart{border-bottom:1px solid var(--cizgi)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart:hover{border-color:rgba(107,63,212,.35);transform:translateY(-3px);box-shadow:var(--golge-m);color:var(--metin)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart :is(h2,h3){font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--murekkep)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart:hover :is(h2,h3){color:var(--marka-koyu)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart small{color:var(--soluk)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-diger{background:var(--kart2);border-top-color:var(--cizgi)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-liste.rehber-diger{max-width:none;padding-inline:max(var(--kenar),calc((100% - 1240px) / 2 + var(--kenar)))}

/* ---------- blog ekleri (v1.3.1) ---------- */
/* govde dikey ritmi: paragraflar ve basliklar birbirine yapismaz (SmartFiles .read dersi) */
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde>*+*{margin-top:1.05em}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde>:is(h2,h3)+*{margin-top:.6em}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-govde h2{scroll-margin-top:96px}
/* etiketler: ozet/kunye altinda cip satiri */
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-etiketler{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-etiketler a{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--cizgi);background:var(--kart);font-size:13px;color:var(--metin);text-decoration:none;transition:border-color .2s,color .2s}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-etiketler a:hover{border-color:var(--marka);color:var(--marka-koyu)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
/* icindekiler: ekrandaki baslik (hareket.js .rehber-toc icin de isaretler) */
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-toc a[aria-current="true"]{color:var(--marka-koyu);border-left-color:var(--marka);font-weight:600}
/* blog listesi ve ilgili yazilar: kit .blog-liste duzeni */
.sayfa-blog .rehber-kartlar{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1020px){ .sayfa-blog .rehber-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .sayfa-blog .rehber-kartlar{grid-template-columns:1fr} }
.sayfa-blog .rehber-kart p{margin:0;font-size:15px;line-height:1.55;color:var(--soluk)}
/* etiket bolumleri (blog listesi, REHBER:ETIKETLER): cip basligi, capa kayma payi */
.sayfa-blog section[id^="etiket-"]{margin-top:clamp(28px,4vw,48px);scroll-margin-top:96px}
.sayfa-blog section[id^="etiket-"]>h2{display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 14px;border-radius:999px;background:var(--marka-acik);font:700 15px/1 var(--govde);letter-spacing:.01em;color:var(--marka-koyu)}
.sayfa-blog section[id^="etiket-"]>h2::before{content:"#";opacity:.6}
/* kapakli kart (rehber-uret data-kapak -> img.rehber-kart-kapak): gorsel kenardan kenara, 16:9 */
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart.kapakli{overflow:hidden;padding-top:0}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart-kapak{display:block;width:calc(100% + 48px);max-width:none;margin:0 -24px 8px;aspect-ratio:16/9;height:auto;object-fit:cover;border-bottom:1px solid var(--cizgi);transition:transform .4s var(--ease)}
:is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart.kapakli:hover .rehber-kart-kapak{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){
  :is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) .rehber-kart.kapakli:hover .rehber-kart-kapak{transform:none}
  :is(.sayfa-rehberler,.sayfa-rehber,.sayfa-blog) :is(.rehber-kart,.rehber-ilgili a,.rehber-cagri-dugmeler a):hover{transform:none}
}