/* bi'dizi marka ek stili (motor çekirdeğine dokunmadan, derle.mjs sayfaya ekler).
   İmza zemini: lacivert gradyan, altın çizgi. Zemin rolü marka.json'da açık gri kalır (motorun açık tema kapısı), bu dosya imza zeminini giydirir.
   Tek tema: color-scheme light, koyu/açık geçiş yok. */
:root { --zemin: #082542; --metin: #E6E6E6; --vurgu: #C99C3F; --soluk: #E6E6E6; --panel: #0A141E; }
html { background: #082542; }
body { background: linear-gradient(90deg, #04152A 0%, #132841 52.35%, #213A55 100%) fixed; }
.bs { gap: clamp(20px, 4.4vh, 44px); }
.bs marka-logo { width: min(80vw, 680px); }
.bd-cizgi { display: block; width: calc(min(80vw, 680px) * .932); height: 3px; background: var(--vurgu); transform-origin: 0 50%; }
.motion .bd-cizgi:not(.in) { transform: scaleX(0); }
.bs-cumle { max-width: 24em; font-size: clamp(22px, 2.8vw, 32px); line-height: 1.35; color: var(--metin); }
.taslak .bs-cumle[data-kaynak="uyarlama"] { text-decoration-color: color-mix(in srgb, var(--vurgu) 60%, transparent); }
.bs-baglar { gap: 14px; }
.bs-baglar a { font: 600 18px/1 var(--f-metin); min-height: 48px; padding: 0 28px; border: 1.5px solid var(--vurgu); color: var(--metin); transition: background var(--sure-kisa) var(--egri-yumusak), color var(--sure-kisa) var(--egri-yumusak); }
.bs-baglar a:hover, .bs-baglar a:focus-visible { background: var(--vurgu); color: var(--zemin); }
.bs-baglar a.dolu { background: var(--vurgu); color: var(--zemin); }
.bs-baglar a.dolu:hover, .bs-baglar a.dolu:focus-visible { background: transparent; color: var(--metin); border-color: var(--vurgu); }
:focus-visible { outline: 3px solid var(--metin); outline-offset: 4px; }
@media (max-width: 480px) { .bs-baglar { width: min(80vw, 320px); } .bs-baglar a { flex: 1 1 100%; justify-content: center; } }