/* Studio catisi: yayinci sayfalarinin kendi yuzu. style.css'ten sonra
   yuklenir; body.studio altinda vurgu altin -> menekse (violet) olur, zemin
   hafif mor-siyah. Bilesenler var(--ucuz-gold) kullandigi icin butun sayfa
   tek seferde renk degistirir; sayfa CSS'lerine dokunulmaz.
   Kendi parcalari: .stu-nav (ust menu), .stu-marka (soz isareti), .stu-alt. */
body.studio {
  --ucuz-dark:    #0b0a12;
  --ucuz-panel:   #15131f;
  --ucuz-card:    #15131f;
  --ucuz-yukselti:#1d1a2a;
  --ucuz-border:  #27233a;
  --ucuz-border-guc:#3a3453;

  --ucuz-gold:      #a78bfa;
  --ucuz-gold-metin:#120a2a;
  --ucuz-gold-zayif:rgba(167,139,250,.13);
  --ucuz-gold-cizgi:rgba(167,139,250,.4);
  --ucuz-info:   #7dd3fc;
  background: var(--ucuz-dark);
  background-image:
    radial-gradient(900px 420px at 12% -10%, rgba(139,92,246,.16), transparent 60%),
    radial-gradient(700px 360px at 95% 0%, rgba(56,189,248,.08), transparent 60%);
  background-repeat: no-repeat;
}

/* Ust menu: daha ince, soz isaretli marka, pill sekmeler. */
.stu-nav { background: rgba(13,11,22,.84) !important; border-bottom-color: var(--ucuz-border); }
.stu-marka { display: inline-flex; align-items: baseline; gap: 8px; text-decoration: none; }
.stu-marka-nokta {
  align-self: center; width: 10px; height: 10px; border-radius: 50%;
  background: var(--ucuz-gold); box-shadow: 0 0 0 4px var(--ucuz-gold-zayif), 0 0 18px rgba(167,139,250,.55);
}
.stu-marka-ad { font-family: var(--yt-baslik); font-weight: 800; font-size: 1.28rem; letter-spacing: -.02em; color: #fff; }
.stu-marka-by { font-size: .68rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ucuz-sonuk2); }
.stu-marka:hover .stu-marka-ad { color: var(--ucuz-gold); }
.stu-marka-alt { margin-bottom: 10px; }
@media (min-width: 992px) {
  .stu-menu .nav-link { font-size: .84rem !important; padding-inline: .6rem !important; }
  .stu-menu { gap: .1rem !important; }
}
.stu-menu .nav-link .bi { display: inline !important; opacity: .8; }
.stu-geri { color: var(--ucuz-sonuk2) !important; font-size: .78rem !important; }
.stu-geri:hover { color: var(--ucuz-metin) !important; }
.stu-tr {
  display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 4px;
  background: rgba(255,255,255,.07); color: var(--ucuz-sonuk2);
  font-size: .6rem; font-weight: 800; letter-spacing: .05em; vertical-align: middle;
}

/* Altlik: bes kisa sutun. */
.stu-alt .alt-izgara { grid-template-columns: 1.5fr repeat(5, minmax(0, 1fr)); gap: 24px; }
.stu-alt .alt-metin a { color: var(--ucuz-metin2); text-decoration: none; }
.stu-alt .alt-metin a:hover { color: var(--ucuz-gold); }
@media (max-width: 991.98px) { .stu-alt .alt-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575.98px) { .stu-alt .alt-izgara { grid-template-columns: 1fr; } }

/* Hub sayfasi. */
.stu-kapak { padding: 28px 0 8px; }
.stu-kapak h1 { font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.02em; margin: 0 0 8px; }
.stu-kapak h1 .bi { color: var(--ucuz-gold); font-size: .8em; }
.stu-kapak .sayfa-ozet { max-width: 62ch; }
.stu-rozetler { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px; }
.stu-rozet {
  display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px;
  border: 1px solid var(--ucuz-border); border-radius: 999px; background: var(--ucuz-panel);
  font-size: .8rem; color: var(--ucuz-metin2);
}
.stu-rozet b { font-family: var(--yt-sayi); color: var(--ucuz-metin); }
.stu-rozet .bi { color: var(--ucuz-gold); }
.stu-rozet .canli { width: 8px; height: 8px; border-radius: 50%; background: #f87171; box-shadow: 0 0 0 3px rgba(248,113,113,.25); }