:root{
  --a-cam: color-mix(in srgb, var(--yuzey) 92%, transparent);
  --a-kenar: color-mix(in srgb, var(--cizgi) 70%, transparent);
  --a-g1: 0 0 0 1px color-mix(in srgb,var(--murekkep) 4%,transparent), 0 1px 2px color-mix(in srgb,var(--murekkep) 8%,transparent);
  --a-g2: 0 1px 2px color-mix(in srgb,var(--murekkep) 6%,transparent), 0 6px 16px color-mix(in srgb,var(--murekkep) 8%,transparent), 0 18px 40px color-mix(in srgb,var(--murekkep) 7%,transparent);
  --a-g3: 0 2px 4px color-mix(in srgb,var(--murekkep) 8%,transparent), 0 12px 28px color-mix(in srgb,var(--murekkep) 12%,transparent), 0 28px 60px color-mix(in srgb,var(--murekkep) 10%,transparent);
  --a-halka: 0 0 0 2px var(--kagit), 0 0 0 4px var(--turkuaz);
  --a-ease: cubic-bezier(.2,.8,.2,1);
}
:root[data-theme="dark"]{ --a-halka: 0 0 0 2px var(--kagit), 0 0 0 4px var(--s300); }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --a-halka: 0 0 0 2px var(--kagit), 0 0 0 4px var(--s300); } }


nav.menu{
  background: var(--kagit);
  border-bottom: 1px solid var(--a-kenar);
  transition: box-shadow .25s var(--a-ease), background-color .25s;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  nav.menu{
    background: color-mix(in srgb, var(--kagit) 86%, transparent);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    backdrop-filter: saturate(160%) blur(14px);
  }
}
nav.menu.a-kaydi{ box-shadow: 0 1px 0 var(--a-kenar), 0 8px 24px color-mix(in srgb,var(--murekkep) 10%,transparent); }
.menu-marka{ letter-spacing:-.03em; font-weight:800; }
.menu-linkler a, .mg-b{ transition: background-color .18s, color .18s, box-shadow .18s, transform .12s; }
.menu-linkler a:hover, .mg-b:hover{ box-shadow: inset 0 0 0 1px var(--a-kenar); }
.menu-linkler a:active, .mg-b:active{ transform: scale(.97); }
.mg-l{ border:1px solid var(--a-kenar); box-shadow: var(--a-g3); border-radius:14px; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .mg-l{ background: color-mix(in srgb, var(--yuzey) 94%, transparent); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
}
.mg-l a{ border-radius:8px; transition: background-color .15s; }
.mg-l a[aria-current="page"]{ box-shadow: inset 2px 0 0 var(--turkuaz); font-weight:600; }
.dil, .tema{ transition: box-shadow .18s, transform .12s, background-color .18s; }
.dil:hover, .tema:hover{ box-shadow: var(--a-g2); }
.dil:active, .tema:active{ transform: scale(.94); }


.sayfa .ust{ letter-spacing:.14em; font-weight:500; font-size:.74rem; text-transform:uppercase; }
.sayfa h1, .sayfa .bas h2{ letter-spacing:-.035em; font-weight:800; line-height:1.04; }
.sayfa h2{ letter-spacing:-.025em; }
.sayfa h3{ letter-spacing:-.012em; font-weight:700; }
.sayfa .soluk{ line-height:1.65; }
.sayi, .yuzde, .sc-sat b, .dg-fark{ font-variant-numeric: tabular-nums; }


.bulgu, .dg-kart, .sk-kart, .sc-kart, .karne-kart, .yk-kart{
  position:relative;
  border:1px solid var(--a-kenar);
  box-shadow: var(--a-g1), var(--a-g2);
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--kagit) 22%, transparent), transparent 42%);
  transition: box-shadow .25s var(--a-ease), transform .25s var(--a-ease), border-color .2s;
}
.bulgu, .dg-kart, .karne-kart, .yk-kart{ border-radius:16px; }
.sk-kart, .sc-kart{ border-radius:12px; }
@media (hover:hover){
  .bulgu:hover, .dg-kart:hover, .sk-kart:hover, .sc-kart:hover, .karne-kart:hover{
    box-shadow: var(--a-g1), var(--a-g3);
    border-color: color-mix(in srgb, var(--turkuaz) 38%, var(--a-kenar));
    transform: translateY(-2px);
  }
  .bulgu::after, .dg-kart::after, .sk-kart::after, .karne-kart::after, .sc-kart::after{
    content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0;
    background: radial-gradient(260px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb,var(--turkuaz) 9%,transparent), transparent 70%);
    transition: opacity .25s;
  }
  .bulgu:hover::after, .dg-kart:hover::after, .sk-kart:hover::after, .karne-kart:hover::after, .sc-kart:hover::after{ opacity:1; }
}


.dugme{ border-color: var(--a-kenar); box-shadow: var(--a-g1), var(--a-g2); letter-spacing:-.005em;
  transition: transform .15s var(--a-ease), box-shadow .2s, background-color .2s, border-color .2s; }
.dugme:hover{ box-shadow: var(--a-g1), var(--a-g3); transform: translateY(-1px); }
.dugme:active{ transform: translateY(0) scale(.985); box-shadow: var(--a-g1); }
.dugme.ana{ background-image: linear-gradient(180deg, color-mix(in srgb,var(--kagit) 14%,transparent), transparent 60%); }
.sekme{ border:1px solid var(--a-kenar); box-shadow: var(--a-g1), var(--a-g2); }
.sekme button, .grup-sec button{ transition: background-color .18s, color .18s, box-shadow .18s, transform .12s; }
.sekme button:hover:not([aria-pressed="true"]), .grup-sec button:hover:not([aria-pressed="true"]){ background: var(--turkuaz-acik); }
.sekme button:active, .grup-sec button:active{ transform: scale(.96); }
.sekme button[aria-pressed="true"]{ box-shadow: 0 1px 2px color-mix(in srgb,var(--murekkep) 25%,transparent), inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent); }
.rozet{ border:1px solid var(--a-kenar); letter-spacing:.01em; }


a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible, summary:focus-visible{
  outline: 2px solid transparent; box-shadow: var(--a-halka);
}
.my-tuval:focus-visible, input[type=range]:focus-visible{ box-shadow:none; outline:2px solid var(--turkuaz); outline-offset:3px; }


.cubuk{ border-radius:999px; overflow:hidden; }
.cubuk i{ border-radius:999px; background-image: linear-gradient(180deg, color-mix(in srgb,#fff 16%,transparent), transparent); }
.uz-cub .ar, .sg-yol .ara{ border-radius:999px; }
.uz-cub .tr{ box-shadow: 0 0 0 2px var(--yuzey); border-radius:1px; }
.sc-iz{ box-shadow: inset 0 1px 2px color-mix(in srgb,var(--murekkep) 10%,transparent); }
.sc-iz .nok{ box-shadow: 0 0 0 2px var(--yuzey); }
.lv-yol .n{ box-shadow: 0 0 0 2px var(--yuzey); }
.yigin{ border-radius:8px; overflow:hidden; box-shadow: inset 0 0 0 1px var(--a-kenar); }
.cizgi-grafik path.cizgi{ stroke-linecap:round; stroke-linejoin:round; }
.cizgi-grafik line{ stroke: var(--a-kenar); }


.my-tuval{ border-radius:12px; box-shadow: inset 0 0 0 1px var(--a-kenar); }
.my-zum button{ border:1px solid var(--a-kenar); border-radius:8px; background: var(--a-cam); transition: box-shadow .15s, transform .1s; }
.my-zum button:hover{ box-shadow: var(--a-g2); }
.my-zum button:active{ transform: scale(.92); }
.my-yr:active, .my-oyn:active{ transform: scale(.97); }


.ap-kart{ border-radius:16px; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .ap-kart{ background-color: color-mix(in srgb, var(--yuzey) 94%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
}


@media (prefers-reduced-motion: reduce){
  nav.menu, .menu-linkler a, .mg-b, .dil, .tema, .bulgu, .dg-kart, .sk-kart, .sc-kart, .karne-kart, .yk-kart, .dugme, .sekme button, .grup-sec button, .my-zum button{ transition:none !important; }
  .bulgu:hover, .dg-kart:hover, .sk-kart:hover, .sc-kart:hover, .karne-kart:hover, .dugme:hover{ transform:none !important; }
}
@media (max-width:600px){
  .bulgu, .dg-kart, .karne-kart, .yk-kart{ border-radius:14px; }
  nav.menu.a-kaydi{ box-shadow: 0 1px 0 var(--a-kenar); }
}




:root{ --b-sol: .42; --b-ease: cubic-bezier(.2,.8,.2,1); }


.b-satir{ transition: opacity .2s ease, filter .2s ease, background-color .2s; }
.b-kap.b-aktif > .b-satir:not(.b-sec):not(.b-es){ opacity: var(--b-sol); }
.b-sec, .b-es{ position:relative; }
.uz-sat.b-sec, .lv-sat.b-sec, .sg-sat.b-sec, .sc-sat.b-sec, .karsi .s.b-sec, .sat.b-sec{
  background: color-mix(in srgb, var(--turkuaz) 9%, transparent);
  box-shadow: -8px 0 0 color-mix(in srgb, var(--turkuaz) 9%, transparent), 8px 0 0 color-mix(in srgb, var(--turkuaz) 9%, transparent);
  border-radius:4px;
}

.b-es{ box-shadow: inset 3px 0 0 var(--turkuaz); background: color-mix(in srgb, var(--turkuaz) 7%, transparent); border-radius:3px; }
.yigin-lj .b-es, .tw-isi .b-es{ box-shadow:none; }
.yigin-lj .b-es{ color: var(--murekkep); font-weight:600; background:none; }
.yigin-lj .b-es i{ outline:2px solid var(--murekkep); outline-offset:1px; }


.uz-sat.b-sec .uz-cub .ar, .sg-yol .ara, .lv-yol .ara{ transition: height .18s, top .18s, background-color .18s; }
.uz-sat.b-sec .uz-cub .ar{ height:8px; top:4px; }
.uz-sat.b-sec .uz-cub .tr{ width:3px; }
.lv-sat.b-sec .lv-yol .n{ transform: scale(1.35); }
.lv-yol .n, .sg-yol .n, .sc-iz .nok, .ap-dam .yol i, .sat .yol i{ transition: transform .18s var(--b-ease), left .5s var(--b-ease), width .5s var(--b-ease); }
.sat.b-sec .yol i{ transform: scale(1.3); }
.sc-sat.b-sec .nok{ transform: translateX(-2px) scaleX(1.5); }
.sc-sat.b-sec .bant{ opacity:.5; }
.sg-sat.b-sec .sg-yol .n{ transform: scale(1.5); }
.cubuk i, .sc-iz .bant, .lv-yol .ara, .uz-cub .ar{ transition: width .55s var(--b-ease), left .55s var(--b-ease), opacity .2s; }


.yigin.b-aktif > div:not(.b-sec){ opacity: var(--b-sol); }
.yigin > div.b-sec{ filter: brightness(1.08) saturate(1.1); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--murekkep) 55%, transparent); }
.yigin > div{ cursor:default; }


.dg-kart{ transition: box-shadow .2s, transform .2s var(--b-ease), opacity .2s; }
.dg-kart.b-sec{ box-shadow: 0 0 0 2px var(--turkuaz), var(--golge); transform: translateY(-2px); }
.dg-kart.b-sec .cizgi{ stroke-width: 3.4; }
.dg-kart.b-sec .bant{ opacity:.9; }
.dg-kart .cizgi{ transition: stroke-width .2s; }
.dg-kart .bant{ transition: opacity .2s; }
#dg-izgara.b-aktif > .dg-kart:not(.b-sec){ opacity: var(--b-sol); }
#dg-izgara.b-aktif > .dg-kart:not(.b-sec):hover{ opacity:1; }


.tw-isi .c{ cursor:default; transition: background .4s, box-shadow .15s, transform .15s var(--b-ease); }
.tw-isi .c.b-sec{ box-shadow: 0 0 0 2px var(--murekkep); transform: scale(1.08); z-index:2; position:relative; }
.tw-isi .b-es{ outline: 1px solid color-mix(in srgb, var(--turkuaz) 60%, transparent); outline-offset:-1px; }
.tw-isi .h.b-es, .tw-isi .r.b-es{ color: var(--murekkep); background: color-mix(in srgb, var(--turkuaz) 12%, transparent); }


.sk-kart, .bulgu, .karne-kart{ transition: opacity .2s, box-shadow .2s, transform .2s var(--b-ease); }
.sk-kart.b-sec, .bulgu.b-sec{ box-shadow: 0 0 0 2px color-mix(in srgb, var(--turkuaz) 65%, transparent), var(--golge); }
.b-kap.b-aktif > .sk-kart:not(.b-sec):not(.b-es), .b-kap.b-aktif > .bulgu:not(.b-sec):not(.b-es){ opacity:.62; }


.ap-bina .daire{ transition: opacity .2s, transform .25s var(--b-ease); }
.ap-bina.b-aktif .daire:not(.b-sec){ opacity:.55; }
.ap-bina .daire.b-sec{ opacity:1; }


.my-satir{ transition: opacity .2s, background-color .2s; border-radius:4px; }
.my-satir.b-sec{ background: color-mix(in srgb, var(--turkuaz) 9%, transparent); }
.my-tuval{ transition: filter .2s; }
.my-zum button{ border:1px solid var(--cizgi); border-radius:8px; background: var(--yuzey); transition: transform .1s, box-shadow .15s; }
.my-zum button:hover{ box-shadow: var(--golge); }
.my-zum button:active{ transform: scale(.9); }
.my-lejant .my-sekil{ transition: transform .2s; }
.my-lejant:hover .my-sekil{ transform: scale(1.15); }


.b-ipucu{
  position:fixed; z-index:60; left:0; top:0; max-width:min(320px, calc(100vw - 24px)); pointer-events:none;
  background: var(--murekkep); color: var(--kagit);
  border-radius:10px; padding:9px 12px; font-size:.82rem; line-height:1.4;
  box-shadow: 0 2px 4px color-mix(in srgb, var(--murekkep) 25%, transparent), 0 12px 28px color-mix(in srgb, var(--murekkep) 30%, transparent);
  opacity:0; transform: translateY(4px); transition: opacity .14s, transform .14s var(--b-ease);
  outline: 1px solid color-mix(in srgb, var(--kagit) 25%, transparent);
}
.b-ipucu.b-ac{ opacity:1; transform:none; }
.b-ipucu b{ display:block; font-family: var(--f-baslik); font-size:.9rem; margin-bottom:2px; font-weight:700; }
.b-ipucu span{ font-family: var(--f-veri); font-size:.76rem; opacity:.95; display:block; }


@media (prefers-reduced-motion: reduce){
  .b-satir, .dg-kart, .tw-isi .c, .sk-kart, .bulgu, .karne-kart, .ap-bina .daire, .my-satir, .b-ipucu, .yigin > div,
  .lv-yol .n, .sg-yol .n, .sc-iz .nok, .cubuk i, .sc-iz .bant, .lv-yol .ara, .uz-cub .ar, .dg-kart .cizgi, .dugme, .sekme button, .grup-sec button{ transition:none !important; }
  .dg-kart.b-sec, .tw-isi .c.b-sec{ transform:none !important; }
}
@media (max-width:600px){ .b-ipucu{ font-size:.8rem; } }
@media (hover:none){ .b-ipucu{ display:none; } }




:root{
  --c-kenar: color-mix(in srgb, var(--cizgi) 85%, transparent);
  --c-gol: 0 1px 0 color-mix(in srgb,var(--murekkep) 5%,transparent), 0 6px 18px color-mix(in srgb,var(--murekkep) 8%,transparent);
  --c-ease: cubic-bezier(.2,.8,.2,1);
}


.bulgu, .dg-kart, .sc-kart, .sk-kart, .karne-kart, .sc-blok{
  border:1px solid var(--c-kenar);
  box-shadow: var(--c-gol);
}
.bulgu, .dg-kart, .karne-kart{ border-radius:12px; }
.bulgu, .dg-kart{ border-top:3px solid color-mix(in srgb, var(--turkuaz) 70%, var(--cizgi)); }
.sk-kart{ border-left:3px solid color-mix(in srgb, var(--safran) 55%, var(--cizgi)); }
.bulgu .baslik, .dg-kart h3{ letter-spacing:-.01em; }
.bulgu .fark, .dg-kart .dg-fark{ font-family: var(--f-veri); font-variant-numeric: tabular-nums; }
.bulgu .fark{ font-size:.82rem; padding-top:8px; border-top:1px dashed var(--c-kenar); color: var(--ikincil); }
.dg-kart .dg-kar{ font-family: var(--f-veri); font-size:.7rem; letter-spacing:.02em; }


.uz-sat .m, .lv-sat > span:first-child, .sg-sat > span:first-child, .sc-sat .ad{ font-weight:600; letter-spacing:-.005em; }
.uz-sat small, .lv-sat .d, .sg-sat b, .sc-sat b, .sc-sat .ara, .yuzde, .sat .d{ font-family: var(--f-veri); font-size:.78rem; font-variant-numeric: tabular-nums; letter-spacing:0; }
.uz-sat small{ color: var(--ikincil); }
.lv-boyut{ font-family: var(--f-veri); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color: var(--ikincil); margin:14px 0 2px; padding-bottom:4px; border-bottom:1px solid var(--c-kenar); }
.cizgi-grafik text{ font-size:12px; font-variant-numeric: tabular-nums; }
.dg-kart svg text.d{ font-weight:600; fill: var(--murekkep); }
.yigin-lj{ font-family: var(--f-veri); font-size:.76rem; }
.yigin-lj i{ border-radius:3px; }
.tw-isi .h, .tw-isi .r{ font-family: var(--f-veri); font-size:.72rem; color: var(--ikincil); }
.my-lejant, .my-m{ font-family: var(--f-veri); }


.my-kunye{ border-top:1px solid var(--c-kenar); padding-top:6px; }
.my-satir{ border-bottom:1px solid var(--c-kenar); padding:4px 0; }
.my-zum button{ border:1px solid var(--c-kenar); border-radius:8px; background: var(--yuzey); }


.c-chip{
  display:inline-flex; align-items:center; gap:5px; font-family: var(--f-veri); font-size:.68rem; line-height:1;
  letter-spacing:.04em; text-transform:uppercase; padding:4px 8px 4px 7px; border-radius:999px; vertical-align:middle;
  border:1px solid var(--c-kenar); color: var(--murekkep); background: var(--kagit); white-space:nowrap; font-weight:500;
}
.c-chip::before{ content:""; width:7px; height:7px; border-radius:50%; background: var(--c-nok, var(--turkuaz)); flex:none; }
.c-t-anket{ --c-nok: var(--turkuaz); }
.c-t-model{ --c-nok: var(--safran); }
.c-t-metin{ --c-nok: var(--safran); }
.c-t-metin::before{ border-radius:2px; }
.c-t-resmi{ --c-nok: var(--k3); }
.c-chip-sat{ margin-right:8px; }
.c-chip-blok{ justify-self:start; margin-top:2px; }
p.ust .c-chip{ text-transform:uppercase; }


.c-lens-host{ position:relative; }
.c-lens{
  position:absolute; top:-32px; right:0; z-index:3; width:24px; height:24px; border-radius:50%; padding:0;
  font:italic 700 .8rem/1 var(--f-baslik); font-family: Georgia, serif; cursor:pointer;
  border:1px solid var(--c-kenar); background: var(--yuzey); color: var(--murekkep);
  display:inline-flex; align-items:center; justify-content:center;
  transition: background-color .15s, box-shadow .15s, transform .12s;
}
.c-lens:hover{ background: var(--turkuaz); color:#fff; border-color: var(--turkuaz); }
.c-lens:active{ transform: scale(.92); }
.c-lens[aria-expanded="true"]{ background: var(--murekkep); color: var(--kagit); }
.c-pop{
  position:absolute; z-index:5; top:-2px; right:0; width:min(340px, 100%);
  background: var(--yuzey); color: var(--murekkep); border:1px solid var(--turkuaz); border-radius:10px; padding:12px 14px;
  box-shadow: 0 12px 32px color-mix(in srgb,var(--murekkep) 22%,transparent); font-size:.84rem; line-height:1.45;
}
.c-pop[hidden]{ display:none; }
.c-pop p{ margin:0 0 8px; }
.c-pop a{ font-family: var(--f-veri); font-size:.76rem; color: var(--turkuaz); }


.c-daha{
  margin-top:6px; padding:5px 12px; border-radius:999px; cursor:pointer; font:inherit; font-size:.8rem; font-weight:600;
  border:1px solid var(--c-kenar); background: var(--yuzey); color: var(--murekkep);
}
.c-daha::after{ content:" ▾"; }
.c-daha[aria-expanded="true"]::after{ content:" ▴"; }
.c-daha:hover{ border-color: var(--turkuaz); }
.c-ek:not([hidden]){ animation: c-ac .25s var(--c-ease); }
@keyframes c-ac{ from{ opacity:0; } to{ opacity:1; } }
.c-ek[hidden]{ display:none; }

@media (prefers-reduced-motion: reduce){
  .c-ek:not([hidden]){ animation:none; }
  .dugme, .sekme button, .grup-sec button, .tw-arac button, .ap-iller button, .c-lens{ transition:none !important; }
}
@media (max-width:600px){
  .c-pop{ right:0; width: calc(100% - 4px); }
  .c-chip{ font-size:.64rem; }
}


.grup-sec button, .tw-arac button, .ap-iller button{ cursor:pointer; }
.grup-sec button:hover:not([aria-pressed="true"]), .tw-arac button:hover:not([aria-pressed="true"]), .ap-iller button:hover:not([aria-pressed="true"]){ border-color: var(--turkuaz); }

.bulgu:hover, .dg-kart:hover{ border-top-color: var(--turkuaz); }


.senaryolar{ grid-template-columns:minmax(0,1fr); }
.senaryo{ min-width:0; }
.senaryo .yigin-lj{ min-width:0; }
.senaryo > *{ min-width:0; }
.yigin{ min-width:0; max-width:100%; }
.senaryo .rozet{ white-space:normal; max-width:100%; }




.guven{ grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr)); gap:12px; }
.guven .k{ padding:16px 16px 14px; border-radius:10px; gap:8px; border:1px solid var(--c-kenar); box-shadow:none; background-image:none; border-top:2px solid var(--turkuaz); }
.guven .k .ust{ font-size:.72rem; letter-spacing:.12em; }
.guven .k .dev{ font-family:var(--f-veri); font-weight:500; font-size:clamp(1.7rem,2.6vw,2.2rem); letter-spacing:-.03em; line-height:1; font-variant-numeric:tabular-nums; }
.guven .k .soluk{ font-size:.86rem; line-height:1.5; }
.guven .k .yuzluk{ display:none; }
.g-bolme{ display:grid; gap:6px; margin-top:2px; }
.g-seg{ display:flex; gap:2px; height:10px; }
.g-seg > i{ display:block; height:100%; min-width:3px; border-radius:2px; }
.g-seg .g-ok{ background:var(--turkuaz); }
.g-seg .g-kt{ background:var(--safran); }
.g-seg .g-bl{ background:repeating-linear-gradient(135deg, var(--ikincil) 0 2px, transparent 2px 5px); box-shadow:inset 0 0 0 1px var(--ikincil); }
.g-alt{ display:flex; flex-wrap:wrap; gap:2px 12px; font-family:var(--f-veri); font-size:.75rem; color:var(--ikincil); font-variant-numeric:tabular-nums; }
.g-alt b{ color:var(--murekkep); font-weight:500; }
.g-alt .g-ok-y::before, .g-alt .g-kt-y::before, .g-alt .g-bl-y::before{ content:""; display:inline-block; width:8px; height:8px; border-radius:2px; margin-right:5px; }
.g-alt .g-ok-y::before{ background:var(--turkuaz); } .g-alt .g-kt-y::before{ background:var(--safran); }
.g-alt .g-bl-y::before{ background:repeating-linear-gradient(135deg,var(--ikincil) 0 1.5px,transparent 1.5px 3px); box-shadow:inset 0 0 0 1px var(--ikincil); }
.g-kiyas{ display:grid; gap:5px; margin-top:2px; }
.g-kiyas .g-sat{ display:grid; grid-template-columns:5.6rem minmax(0,1fr) 2.4rem; align-items:center; gap:8px; font-family:var(--f-veri); font-size:.75rem; color:var(--ikincil); }
.g-kiyas .g-sat .g-iz{ display:block; height:8px; border-radius:2px; background:color-mix(in srgb,var(--cizgi) 60%,transparent); }
.g-kiyas .g-sat .g-iz i{ display:block; height:100%; border-radius:2px; background:var(--turkuaz); }
.g-kiyas .g-sat.g-yz .g-iz i{ background:var(--kirmizi); }
.g-kiyas .g-sat.g-ben{ color:var(--murekkep); }
.g-kiyas .g-sat span:last-child{ text-align:right; font-variant-numeric:tabular-nums; }
.g-kiyas-not{ font-family:var(--f-veri); font-size:.75rem; color:var(--ikincil); }


.c-defter{ margin-top:16px; max-width:760px; display:grid; gap:6px; }
.c-defter .g-seg{ height:14px; }
.c-defter .g-seg > i{ border-radius:3px; }
.c-defter-bas{ font-family:var(--f-veri); font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ikincil); }
.c-defter .g-alt{ font-size:.8rem; gap:4px 18px; }


.bh-cubuk{ position:relative; height:14px; background:transparent; overflow:visible; border-radius:0; }
.bh-cubuk::before{ content:""; position:absolute; left:0; right:0; top:6px; height:1px; background:var(--cizgi); }
.bh-cubuk i{ position:absolute; left:0; top:5px; height:3px; border-radius:0; }
.bh-cubuk i::after{ content:""; position:absolute; right:-6px; top:-4px; width:11px; height:11px; border-radius:50%; background:inherit; box-shadow:0 0 0 2px var(--yuzey); }
.canli .bh-cubuk i{ animation:none; }
.bh-satir.zayif .bh-cubuk i::after{ border-radius:2px; transform:rotate(45deg); }
.bh-alt{ font-size:.75rem; } .ik-not, .etiket-n{ font-size:.75rem; }


.kc{ overflow:visible; }
.kc::after{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:4px;
  background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 2px), var(--yuzey) calc(10% - 2px) 10%); }
.kc b{ z-index:2; }


.karsi .cubuk{ height:16px; background:transparent; overflow:visible; border-radius:0; }
.karsi .cubuk::before{ content:""; position:absolute; left:0; right:0; top:7px; height:1px; background:var(--cizgi); }
.karsi .cubuk i{ top:6px; bottom:auto; height:3px; border-radius:0; background-image:none; }
.karsi .cubuk i::after{ content:""; position:absolute; right:-7px; top:-5px; width:13px; height:13px; border-radius:50%; background:inherit; box-shadow:0 0 0 2px var(--yuzey); }
.karsi .s:nth-child(2) .cubuk i::after{ border-radius:2px; }
.canli .karsi .cubuk i{ animation:none; }


.c-donut-kap{ display:flex; justify-content:flex-start; }
.c-donut{ width:132px; height:132px; transform:rotate(-90deg); overflow:visible; }
.c-donut circle{ fill:none; stroke-width:6.5; transition:opacity .15s, stroke-width .15s; cursor:default; }
.c-donut.c-acik circle:not(.c-on){ opacity:.4; }
.c-donut circle.c-on{ stroke-width:8; }
.senaryo > .yigin.c-gizli{ display:none; }
@media (prefers-reduced-motion:reduce){ .c-donut circle{ transition:none; } }
@media (max-width:600px){
  .guven{ grid-template-columns:minmax(0,1fr); }
  .c-donut{ width:120px; height:120px; }
  .g-kiyas .g-sat{ grid-template-columns:5rem minmax(0,1fr) 2.2rem; }
}