/* ============================================================ Kural rehberi (#kurallar, js/kurallar.js · 03.11.2026)
   Yaş çizgisi, yükseklik ölçeği, yükselme akışları, genç at sütunları, sınıf kartları, sürat çizelgesi, adım çizgisi, lig puan
   merdivenleri, talimat zaman çizgisi. Hareket yalnız transform/opacity ve bir kez; kökler [data-mv] (js/vgui.js görünür olunca oynatır).
   Hareketi azalt ayarında son hâl. */
.kr-p{--kc:var(--s4);--kl:color-mix(in srgb,var(--ink) 10%,transparent)}
.kr-lead{margin:-8px 0 14px;font-size:15px;line-height:1.5;color:var(--ink-2);max-width:68ch}
.kr-p .kr-sec{margin:0 0 var(--gap-sec,24px);padding:var(--pad-card,16px);min-width:0}
.kr-p h2,.kr-p h3,.kr-p h4,.kr-p p,.kr-p ul,.kr-p ol,.kr-p dl{margin:0}
.kr-h{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px}
.kr-h h2{font:650 var(--t-h2,20px)/1.2 var(--f-display);letter-spacing:-.02em}
.kr-h p{margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--muted);max-width:72ch}
.kr-n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;font:700 15px/1 var(--f-display);
  background:radial-gradient(120% 120% at 25% 15%,color-mix(in srgb,var(--kc) 55%,#fff) 0%,var(--kc) 55%,color-mix(in srgb,var(--kc) 70%,#000) 100%);
  box-shadow:0 8px 18px -10px color-mix(in srgb,var(--kc) 80%,transparent)}
.kr-box{min-width:0;padding:14px 16px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--line)}
.kr-box h3{font:650 15px/1.3 var(--f-display);letter-spacing:-.01em;margin:0 0 10px}
.kr-sm{font-size:12.5px;line-height:1.45;color:var(--muted);margin:0 0 10px}
.kr-g2{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.kr-g3{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:760px){.kr-g2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.kr-g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kr-chip{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:12px;background:var(--fill);color:var(--ink-2);font:600 11.5px/1.3 var(--f-body);text-align:center}
.kr-ul{list-style:none;padding:0;display:grid;gap:7px}
.kr-ul li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.5;color:var(--ink-2);animation:krUp .42s var(--spring) backwards;animation-delay:calc(var(--i,0) * 60ms + 160ms)}
.kr-ul li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--c,var(--kc))}
.kr-rules{margin-top:14px}
.kr-sw{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin-right:5px}

/* içindekiler */
.kr-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.kr-toc a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:18px;background:var(--surface);box-shadow:var(--sh);color:var(--ink);
  font:600 13px var(--f-body);text-decoration:none;animation:krPop .32s var(--bounce) backwards;animation-delay:calc(var(--i) * 40ms + 140ms);transition:transform .2s var(--spring)}
.kr-toc a:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--kc) 10%,var(--surface))}
.kr-toc a:focus-visible,.kr-band:focus-visible,.kr-go:focus-visible,.kr-ta:focus-visible,.kr-doc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* 1 · binici kategorileri */
.kr-cat{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:861px){.kr-cat{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start}.kr-detw{position:sticky;top:calc(var(--topbar-h,56px) + 12px)}}
.kr-ages{min-width:0}
.kr-rul,.kr-band,.kr-axn{display:grid;grid-template-columns:minmax(84px,128px) minmax(0,1fr) 52px;align-items:center;column-gap:10px}
.kr-rul{padding:0 6px;margin-bottom:2px}
.kr-rt,.kr-gx,.kr-rxt{position:relative;height:16px}
.kr-rt i,.kr-gx i,.kr-rxt i{position:absolute;left:var(--p);top:0;transform:translateX(-50%);font:500 10.5px/16px var(--f-mono);font-style:normal;color:var(--muted);white-space:nowrap}
.kr-grp{margin:12px 6px 4px;font:700 11px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kr-band{width:100%;min-height:40px;padding:5px 6px;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s var(--ease)}
.kr-band:hover{background:var(--fill)}
.kr-band.kr-on{background:color-mix(in srgb,var(--c) 11%,var(--surface));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 45%,transparent)}
.kr-bl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.3 var(--f-body)}
.kr-bt{position:relative;height:14px;border-radius:7px;background:var(--fill)}
.kr-bb{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:7px;background:var(--c);transform-origin:left center;
  animation:krX .7s var(--spring) backwards;animation-delay:calc(var(--i) * 50ms + 120ms)}
.kr-band.kr-opn .kr-bb{background:linear-gradient(90deg,var(--c) 0 72%,color-mix(in srgb,var(--c) 18%,transparent))}
.kr-band.kr-on .kr-bb{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px color-mix(in srgb,var(--c) 60%,transparent)}
.kr-mk{position:absolute;left:var(--m);top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:1px;background:var(--ink);opacity:.55;animation:krFade .3s ease backwards;animation-delay:calc(var(--i) * 50ms + 600ms)}
.kr-ba{font:600 12px/1 var(--f-mono);text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}
.kr-axn{padding:6px 6px 0}
.kr-axl{font-size:11.5px;color:var(--muted);text-align:center}
.kr-brk{position:absolute;left:var(--p);top:3px;width:10px;height:10px;margin-left:-5px;background:linear-gradient(115deg,transparent 0 35%,var(--muted) 35% 45%,transparent 45% 60%,var(--muted) 60% 70%,transparent 70%)}
.kr-det{position:relative;overflow:hidden;padding:18px 18px 16px;border-radius:18px;background:color-mix(in srgb,var(--c) 7%,var(--surface-2));box-shadow:inset 0 0 0 .5px var(--line);animation:krDet .45s var(--spring) backwards}
.kr-det::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c);transform-origin:left;animation:krX .6s var(--spring) backwards .05s}
.kr-dh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:12px}
.kr-dot{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent)}
.kr-dh h4{font:700 20px/1.2 var(--f-display);letter-spacing:-.02em}
.kr-dage{margin-left:auto;font-size:13px;color:var(--muted)}
.kr-dage b{font:700 15px var(--f-mono);color:var(--ink)}
.kr-sts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:12px}
.kr-st{display:flex;flex-direction:column;animation:krUp .45s var(--spring) backwards .1s}
.kr-st b{font:700 28px/1.05 var(--f-display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.kr-st span{font-size:12px;color:var(--muted)}
.kr-gauge{margin:4px 0 14px}
.kr-gt{position:relative;height:12px;border-radius:6px;background:var(--fill)}
.kr-gf{position:absolute;top:0;bottom:0;left:var(--f0);width:var(--f);border-radius:6px;background:repeating-linear-gradient(90deg,var(--c) 0 16px,color-mix(in srgb,var(--c) 45%,var(--surface)) 16px 32px);
  transform-origin:left center;animation:krX .8s var(--spring) backwards .12s}
.kr-gc{position:absolute;left:var(--p);top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:krPop .4s var(--bounce) backwards .7s}
.kr-gc::before{content:"";position:absolute;inset:2px;border-radius:3px;background:var(--surface);box-shadow:0 0 0 2.5px var(--ink);transform:rotate(45deg)}
.kr-gx{margin-top:4px}
.kr-gl{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12px;color:var(--muted)}
.kr-gl .kr-sf{background:var(--c)}.kr-gl .kr-sc{background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink);transform:rotate(45deg) scale(.85)}
.kr-eqf{display:flex;align-items:baseline;gap:10px;margin:2px 0 14px}.kr-eqf b{font:700 22px var(--f-display)}.kr-eqf span{font-size:13px;color:var(--muted)}

/* 2 · yükselme akışları */
.kr-flows{display:grid;gap:12px}
.kr-flow{min-width:0;padding:12px 14px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--line)}
.kr-ft{margin-bottom:10px;font:700 11px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kr-fr{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.kr-fn{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:220px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--c) 12%,var(--surface));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 38%,transparent);animation:krPop .42s var(--bounce) backwards;animation-delay:calc(var(--r,0) * 120ms + var(--j) * 120ms + 120ms)}
.kr-fn b{font:650 14px/1.25 var(--f-body)}
.kr-fn > span{font-size:12px;line-height:1.35;color:var(--muted)}
.kr-fa{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;max-width:200px}
.kr-fa i{position:relative;display:block;width:44px;height:2px;border-radius:1px;background:color-mix(in srgb,var(--ink) 45%,transparent);transform-origin:left center;
  animation:krX .4s var(--spring) backwards;animation-delay:calc(var(--r,0) * 120ms + var(--j) * 120ms + 60ms)}
.kr-fa i::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid color-mix(in srgb,var(--ink) 45%,transparent);border-right:2px solid color-mix(in srgb,var(--ink) 45%,transparent);transform:rotate(45deg)}
.kr-fa.back i{background:none;border-top:2px dashed color-mix(in srgb,var(--warn,#c80) 80%,transparent);height:0}
.kr-fa.back i::after{right:auto;left:-1px;top:-5px;border:0;border-bottom:2px solid color-mix(in srgb,var(--warn,#c80) 80%,transparent);border-left:2px solid color-mix(in srgb,var(--warn,#c80) 80%,transparent)}
.kr-fa .kr-chip{animation:krFade .3s ease backwards;animation-delay:calc(var(--r,0) * 120ms + var(--j) * 120ms + 260ms)}
.kr-fa.back .kr-chip{background:color-mix(in srgb,var(--warn,#c80) 16%,var(--surface))}
@media (max-width:600px){
  .kr-fr{flex-direction:column;align-items:stretch;gap:6px}
  .kr-fn{max-width:none}
  .kr-fa{flex-direction:row;max-width:none;padding-left:18px;gap:10px}
  .kr-fa i{width:2px;height:22px;transform-origin:center top;animation-name:krY}
  .kr-fa i::after{right:-4px;top:auto;bottom:-1px;transform:rotate(135deg)}
  .kr-fa.back i{width:0;height:22px;border-top:0;border-left:2px dashed color-mix(in srgb,var(--warn,#c80) 80%,transparent)}
  .kr-fa.back i::after{left:-6px;bottom:auto;top:-1px;border:0;border-top:2px solid color-mix(in srgb,var(--warn,#c80) 80%,transparent);border-left:2px solid color-mix(in srgb,var(--warn,#c80) 80%,transparent);transform:rotate(45deg)}
  .kr-fa .kr-chip{text-align:left}
}

/* 3 · genç atlar */
.kr-cols{display:flex;align-items:flex-end;gap:10px;padding:4px 4px 0}
.kr-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.kr-cw{position:relative;width:100%;height:150px}
.kr-cw i{position:absolute;left:18%;right:18%;bottom:0;height:var(--h);border-radius:8px 8px 3px 3px;
  background:repeating-linear-gradient(0deg,var(--e-at) 0 14px,color-mix(in srgb,var(--e-at) 35%,var(--surface)) 14px 28px);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--e-at) 55%,transparent);transform-origin:center bottom;animation:krY .75s var(--spring) backwards;animation-delay:calc(var(--i) * 110ms + 120ms)}
.kr-cw b{position:absolute;left:0;right:0;bottom:calc(var(--h) + 6px);text-align:center;font:700 16px/1 var(--f-display);font-variant-numeric:tabular-nums;animation:krUp .4s var(--spring) backwards;animation-delay:calc(var(--i) * 110ms + 520ms)}
.kr-col > span{font-size:12.5px;color:var(--muted);text-align:center;white-space:nowrap}
.kr-col > span b{font:700 14px var(--f-mono);color:var(--ink)}
.kr-cap{margin-top:6px;text-align:right;font:500 11px var(--f-mono);color:var(--muted)}
.kr-rng{display:grid;gap:8px}
.kr-rr,.kr-rx{display:grid;grid-template-columns:62px minmax(0,1fr) 62px;align-items:center;column-gap:10px}
.kr-rl{font-size:12.5px;color:var(--muted);white-space:nowrap}.kr-rl b{font:700 13.5px var(--f-mono);color:var(--ink)}
.kr-rt2{position:relative;height:12px;border-radius:6px;background:var(--fill)}
.kr-rt2 i{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:6px;background:var(--accent);transform-origin:left center;animation:krX .6s var(--spring) backwards;animation-delay:calc(var(--i) * 90ms + 160ms)}
.kr-rr:last-of-type .kr-rt2 i{background:linear-gradient(90deg,var(--accent) 0 70%,color-mix(in srgb,var(--accent) 20%,transparent))}
.kr-rv{font:600 12px var(--f-mono);text-align:right;color:var(--ink-2)}
.kr-pills{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media (min-width:700px){.kr-pills{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kr-pills li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--e-at) 8%,var(--surface));box-shadow:inset 0 0 0 .5px var(--line)}
.kr-pills b{font:650 13.5px var(--f-body)}.kr-pills span{font-size:12.5px;line-height:1.4;color:var(--ink-2)}

/* 4 · sınıflar ve ölçüler */
.kr-uea{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.kr-u{min-width:0;padding:12px 12px 10px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--line);animation:krPop .45s var(--bounce) backwards;animation-delay:calc(var(--i) * 80ms + 100ms)}
.kr-uh{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:.5px solid var(--line)}
.kr-uh > b{font:750 17px/1 var(--f-display);color:var(--e-parkur)}
.kr-uh > span{font-size:12px;color:var(--muted);white-space:nowrap}.kr-uh > span b{font:700 14px var(--f-mono);color:var(--ink)}
.kr-u dl{display:grid;gap:3px}
.kr-u dl div{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.35}
.kr-u dt{color:var(--muted);min-width:0}.kr-u dd{margin:0;font:700 12.5px var(--f-mono);color:var(--ink)}
.kr-uf{margin-top:6px;font-size:11.5px;color:var(--muted)}
.kr-ol{display:grid;gap:3px}
.kr-oh,.kr-or{display:grid;grid-template-columns:minmax(78px,1fr) 56px minmax(0,1.6fr);align-items:center;column-gap:10px}
.kr-oh{padding:0 2px 6px;font-size:11.5px;color:var(--muted)}
.kr-olg{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;font-size:12px;color:var(--muted)}.kr-olg span{white-space:nowrap}
.kr-olg .kr-so{background:var(--s1)}.kr-olg .kr-sk{background:transparent;box-shadow:inset 0 0 0 2px var(--s8)}
.kr-or{min-height:24px;animation:krFade .3s ease backwards;animation-delay:calc(var(--i) * 35ms + 80ms)}
.kr-oy{position:relative;display:flex;align-items:center;height:22px;padding-left:8px}
.kr-oy i{position:absolute;left:0;top:2px;bottom:2px;width:var(--w);border-radius:6px;background:color-mix(in srgb,var(--e-parkur) 22%,var(--surface));transform-origin:left center;animation:krX .55s var(--spring) backwards;animation-delay:calc(var(--i) * 35ms + 120ms)}
.kr-oy b{position:relative;font:650 12px var(--f-mono);white-space:nowrap}
.kr-ow{font:600 12px var(--f-mono);text-align:right;color:var(--ink-2)}
.kr-os{position:relative;height:20px}
.kr-os::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.kr-sp{position:absolute;left:calc(var(--a) - 4px);width:calc(var(--b) - var(--a) + 8px);height:7px;border-radius:4px;transform-origin:left center;animation:krX .45s var(--spring) backwards;animation-delay:calc(var(--i) * 35ms + 260ms)}
.kr-sp.kr-spo{top:2px;background:var(--s1)}
.kr-sp.kr-spk{bottom:2px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--s8)}
.kr-osx{min-height:16px}
.kr-osx .kr-os::before{display:none}
.kr-osx em{position:absolute;left:var(--p);top:0;transform:translateX(-50%);font:500 10.5px/16px var(--f-mono);font-style:normal;color:var(--muted)}
.kr-olc{margin-top:2px}
.kr-go{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:14px;padding:13px 16px;border:0;border-radius:16px;cursor:pointer;
  background:color-mix(in srgb,var(--kc) 9%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kc) 30%,transparent);color:var(--ink);font:inherit;text-align:left}
.kr-go > span{display:flex;flex-direction:column;gap:2px;min-width:0}
.kr-go b{font:650 14.5px var(--f-body)}.kr-go > span > span{font-size:12.5px;color:var(--muted)}
.kr-go > i{font-style:normal;font-size:18px;color:color-mix(in srgb,var(--kc) 80%,var(--ink));transition:transform .2s var(--spring)}
.kr-go:hover > i{transform:translateX(3px)}

/* 5 · adım çizgisi */
.kr-step{list-style:none;padding:0;display:grid;gap:4px;max-width:820px}
.kr-step li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding-bottom:14px}
.kr-step li::before{content:"";position:absolute;left:17px;top:38px;bottom:-2px;width:2px;border-radius:1px;background:color-mix(in srgb,var(--kc) 35%,var(--line));transform-origin:center top;
  animation:krY .5s var(--spring) backwards;animation-delay:calc(var(--i) * 130ms + 260ms)}
.kr-step li:last-child::before{display:none}
.kr-sn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;font:700 15px/1 var(--f-display);
  background:radial-gradient(120% 120% at 25% 15%,color-mix(in srgb,var(--kc) 55%,#fff) 0%,var(--kc) 55%,color-mix(in srgb,var(--kc) 70%,#000) 100%);
  box-shadow:0 0 0 4px var(--surface);animation:krPop .4s var(--bounce) backwards;animation-delay:calc(var(--i) * 130ms + 100ms)}
.kr-sb{padding-top:6px;min-width:0;animation:krUp .42s var(--spring) backwards;animation-delay:calc(var(--i) * 130ms + 160ms)}
.kr-sb > b{display:block;font:650 15px/1.3 var(--f-body);margin-bottom:3px}
.kr-sb > p{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.kr-sch{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.kr-sch .kr-chip{background:color-mix(in srgb,var(--kc) 10%,var(--surface));color:var(--ink)}

/* 6 · lig puanları */
.kr-lad{display:flex;align-items:flex-end;gap:3px;padding-top:18px}
.kr-lc{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.kr-lw{position:relative;width:100%;height:132px}
.kr-lw i{position:absolute;left:8%;right:8%;bottom:0;height:var(--h);border-radius:5px 5px 2px 2px;background:var(--lc,var(--s1));transform-origin:center bottom;animation:krY .6s var(--spring) backwards;animation-delay:calc(var(--i) * 45ms + 120ms)}
.kr-lw b{position:absolute;left:-4px;right:-4px;bottom:calc(var(--h) + 3px);text-align:center;font:700 10.5px/1 var(--f-mono);font-variant-numeric:tabular-nums;animation:krFade .3s ease backwards;animation-delay:calc(var(--i) * 45ms + 480ms)}
.kr-lc > span{font:500 10px/1 var(--f-mono);color:var(--muted)}
.kr-lad.t3{--lc:var(--s3)}.kr-lad.t4{--lc:var(--s1)}.kr-lad.ak{--lc:var(--s8)}
.kr-lc.kr-m1 i{background:var(--gold)}.kr-lc.kr-m2 i{background:var(--silver)}.kr-lc.kr-m3 i{background:var(--bronze)}
.kr-lad.ak .kr-lw b{font-size:9.5px}
@media (max-width:420px){.kr-lad.ak .kr-lc:nth-child(n+6):nth-child(even) .kr-lw b{opacity:0;animation:none}}
.kr-ex{margin-top:14px}
.kr-ex > h3{font:650 15px/1.3 var(--f-display);margin:0 0 10px}
.kr-exb{min-width:0;padding:12px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--line)}
.kr-exh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:8px}
.kr-exh b{font:650 14px var(--f-body)}.kr-exh span{font-size:12px;color:var(--muted)}
.kr-exl{display:grid;gap:4px}
.kr-er{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 .5px var(--line);
  font-size:13px;animation:krUp .38s var(--spring) backwards;animation-delay:calc(var(--i) * 90ms + 120ms)}
.kr-es{font:700 13px var(--f-mono);color:var(--muted)}
.kr-ep{font:700 15px var(--f-mono);color:var(--ink)}
.kr-er em{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--fill);color:var(--muted)}
.kr-xtl .kr-er.kr-drop{animation:krUp .38s var(--spring) backwards,krOut .5s ease forwards;animation-delay:calc(var(--i) * 90ms + 120ms),1.1s}
.kr-xtl .kr-er.kr-shift{animation:krUp .38s var(--spring) backwards,krNudge .5s var(--spring) backwards;animation-delay:calc(var(--i) * 90ms + 120ms),1.35s}
.kr-xtl .kr-er.kr-shift .kr-es,.kr-xtl .kr-er.kr-shift .kr-ep{color:var(--s1)}
.kr-er.kr-dim{opacity:.55}
.kr-lr{margin-top:14px}
.kr-nt{margin-top:12px}

/* 7 · talimatlar */
.kr-docs{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:14px}
@media (min-width:700px){.kr-docs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kr-doc{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 40px 14px 16px;border-radius:16px;text-decoration:none;color:var(--ink);
  background:color-mix(in srgb,var(--kc) 8%,var(--surface-2));box-shadow:inset 0 0 0 .5px var(--line);animation:krPop .4s var(--bounce) backwards .1s}
.kr-doc b{font:650 14.5px var(--f-body)}.kr-doc span{font-size:12.5px;color:var(--muted)}
.kr-doc i{position:absolute;right:14px;top:50%;margin-top:-10px;font-style:normal;font-size:16px;color:color-mix(in srgb,var(--kc) 80%,var(--ink))}
.kr-tl0{position:relative;list-style:none;padding:0 0 0 2px;display:grid;gap:2px}
.kr-tl0::before{content:"";position:absolute;left:10px;top:6px;bottom:6px;width:2px;border-radius:1px;background:color-mix(in srgb,var(--kc) 30%,var(--line));transform-origin:center top;animation:krY .9s var(--spring) backwards .1s}
.kr-ty{position:relative;padding:12px 0 4px 32px;animation:krFade .3s ease backwards;animation-delay:calc(min(var(--i), 24) * 35ms + 120ms)}
.kr-ty b{font:700 18px/1 var(--f-display);letter-spacing:-.02em}.kr-ty span{font:600 13px var(--f-body);color:var(--muted)}
.kr-ti{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;padding:6px 0;animation:krUp .38s var(--spring) backwards;animation-delay:calc(min(var(--i), 24) * 35ms + 160ms)}
.kr-td{width:14px;height:14px;margin:4px 0 0 4px;border-radius:50%;background:var(--kc);box-shadow:0 0 0 3px var(--surface);animation:krPop .35s var(--bounce) backwards;animation-delay:calc(min(var(--i), 24) * 35ms + 200ms)}
.kr-tb{min-width:0}
.kr-ta{display:block;font:600 14px/1.35 var(--f-body);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.kr-ta:hover{color:var(--accent);text-decoration:underline}
.kr-tm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px;font-size:12px;color:var(--muted)}
.kr-tg{padding:1px 8px;border-radius:10px;font-weight:600;font-size:11px}
.kr-tg.kr-tgb{background:color-mix(in srgb,var(--s4) 14%,var(--surface));color:color-mix(in srgb,var(--s4) 70%,var(--ink))}
.kr-tg.kr-tgg{background:color-mix(in srgb,var(--s3) 14%,var(--surface));color:color-mix(in srgb,var(--s3) 60%,var(--ink))}
.kr-tl{color:var(--accent);text-decoration:none;font-weight:600}.kr-tl:hover{text-decoration:underline}
/* 6 · faaliyet ücretleri */
.kr-ftabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.kr-ftab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 14px;border:0;border-radius:20px;background:var(--surface-2);color:var(--ink);
  box-shadow:inset 0 0 0 .5px var(--line);font:600 13px var(--f-body);cursor:pointer;animation:krPop .32s var(--bounce) backwards;animation-delay:calc(var(--i) * 45ms + 80ms);transition:background .2s var(--ease)}
.kr-ftab:hover{background:color-mix(in srgb,var(--kc) 8%,var(--surface-2))}
.kr-ftab[aria-selected="true"]{background:var(--kc);color:#fff;box-shadow:0 8px 18px -12px color-mix(in srgb,var(--kc) 90%,transparent)}
.kr-ftab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kr-fc{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:color-mix(in srgb,var(--ink) 9%,transparent);font:700 11px/1 var(--f-mono)}
.kr-ftab[aria-selected="true"] .kr-fc{background:rgba(255,255,255,.22)}
.kr-fp{min-width:0;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--line);overflow:hidden}
.kr-frs{list-style:none;margin:0;padding:4px 0}
.kr-frs li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:40px;padding:8px 16px;
  animation:krUp .36s var(--spring) backwards;animation-delay:calc(var(--i) * 30ms + 40ms)}
.kr-frs li + li{box-shadow:inset 0 .5px 0 var(--line)}
.kr-frs li:nth-child(even){background:color-mix(in srgb,var(--kc) 3%,transparent)}
.kr-fk{min-width:0;font-size:13.5px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.kr-fv{font:700 13.5px var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;white-space:nowrap}
.kr-fft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:10px;font-size:12.5px;color:var(--muted)}
.kr-fft b{color:var(--ink)}
.kr-foot{margin:4px 0 8px}

@keyframes krX{from{transform:scaleX(0)}}
@keyframes krY{from{transform:scaleY(0)}}
@keyframes krUp{from{opacity:0;transform:translateY(8px)}}
@keyframes krFade{from{opacity:0}}
@keyframes krPop{from{opacity:0;transform:scale(.6)}}
@keyframes krDet{from{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes krOut{to{opacity:.38;transform:translateX(14px)}}
@keyframes krNudge{0%{transform:translateY(6px)}60%{transform:translateY(-2px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){
  .kr-p *,.kr-p *::before,.kr-p *::after{animation:none!important;transition:none!important}
  .kr-xtl .kr-er.kr-drop{opacity:.38;transform:translateX(14px)}
}