/* nCoach tanitim — shared layer: background canvas and the nCoach wordmark.
   Linked by every page after its own styles. */

#net{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}

/* ---- arka plan tulu — sitenin tek kaynagi ----
   Ayni tul once bes ayri isimle (net-veil, veil, scene-veil, stage::after)
   sekiz sayfada duruyor, on iki sayfada durmuyordu: ayni tuval sayfadan sayfaya
   farkli kisilikte okunuyordu. Sozde oge oldugu icin hicbir sayfa markup
   tasimaz. body'nin ILK cocugu olarak boyanir; ayni z-index'i tasiyan sayfa
   icerigi belge sirasinda sonra geldigi icin tulun USTUNDE, tuval (z-index 0)
   ise ALTINDA kalir. scripts/check-backdrop.js tulu bu sirayla olcuyor. */
body::before{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:var(--t-veil);
}

/* keep page content above the fixed canvas without touching page-specific CSS */
body > .wrap, body > main, body > header, body > footer, body > nav,
body > .page, body > .shell, body > section, body > hr{position:relative;z-index:1}

/* ---- nCoach vurgusu ----
   Sayfa basina en fazla bir kez, yalnizca acilis cumlesinde kullanilir.
   Renk mevcut altin jetonlarindan turer; yeni sabit renk yok. */
.n-mark{
  font-style:italic;
  font-weight:600;
  letter-spacing:-.005em;
  color:var(--t-accent-bright);
}
@supports (background-clip:text) or (-webkit-background-clip:text){
  .n-mark{
    background:linear-gradient(104deg,var(--t-gold-grad-a),var(--t-gold-grad-b));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }
}

/* ---- hareket denetimi ----
   WCAG 2.2.2 (Durakla, Durdur, Gizle — A seviyesi): kendiliginden baslayan,
   bes saniyeden uzun suren ve baska icerikle yan yana duran hareket icin
   kullanicinin durdurabilecegi bir mekanizma gerekiyor. Sitede iki oynatici
   var (assets/js/device.js karuseli, assets/js/mock.js sahneyi) ve ikisi de
   sonsuz donguyle calisiyordu; tek kacis yolu isletim sistemindeki hareket
   azaltma ayariydi, yani o ayari acmamis cogunluk duduramiyordu.

   Dugme isaretlemede HIDDEN duruyor ve yalnizca gercekten oynayan bir oge
   icin betik tarafindan aciliyor: hareket azaltma acikken, gozlemci yokken
   ya da betik hic kosmadiginda ortada hareket olmadigi icin dugme de
   gorunmez — calismayan bir denetim gostermek gostermemekten kotudur.
   Paylasilan katmanda duruyor cunku iki ad uzayi da (device / mock)
   kullaniyor; scripts/check-device.js ve check-mock.js her katmanin yalniz
   kendi ad uzayini boyamasini olcuyor. */
.motion-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  margin:14px auto 0;padding:7px 14px;
  border-radius:999px;border:1px solid var(--t-line-strong);
  background:transparent;color:var(--t-ink-soft);
  font:500 13.5px/1.55 var(--t-font-body);letter-spacing:normal;
  cursor:pointer;
}
.motion-toggle:hover{color:var(--t-ink);border-color:var(--t-accent-line)}
.motion-toggle:focus-visible{outline:2px solid var(--t-focus);outline-offset:3px}
