/* Koridor web arayüzü. Kaynak: docs/k0/tasarim (tokens.css + wireframes.html). Üretilmiş; elle düzenlenecekse kaynağı da güncelle. */
/* Yazı tipleri kendi sunucumuzdan (KVKK: Google Fonts'a IP gitmesin). Literata + Source Sans 3, OFL 1.1, lisans metinleri fontlar/ içinde.
   Fontsource değişken wght dosyaları; latin + latin-ext (Türkçe ŞşĞğİı dahil). */
@font-face{font-family:"Literata";src:url("fontlar/literata-latin-ext.woff2") format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Literata";src:url("fontlar/literata-latin.woff2") format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";src:url("fontlar/source-sans-3-latin-ext.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";src:url("fontlar/source-sans-3-latin.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Koridor tasarım belirteçleri: editoryal, sade, gölgesiz (sektorpostasi uygulama dili).
   Tek vurgu: akademik lacivert. Eski adlar korunur: --kosu ve --mavi aynı vurgu rengidir, --mavi-zemin soluk vurgu zeminidir.
   --kosu-ustu vurgu zemini üstündeki metin rengidir. Yüzeyler 1px çizgiyle ayrılır, gölge yok.
   Kontrast (hesaplandı, WCAG AA): vurgu/beyaz 10.3, soluk/yüzey 7.3, tehlike/yüzey 5.2, başarı/beyaz 5.3; koyu: vurgu/zemin 7.7, soluk/yüzey 7.4, tehlike/yüzey 5.7, başarı/yüzey 7.4. */

:root {
  /* Renk, açık tema */
  --zemin: #FFFFFF;
  --yuzey: #F4F6F8;
  --murekkep: #111418;
  --soluk: #4A5260;
  --cizgi: #E2E6EB;
  --kosu: #1F3A8A;
  --kosu-ustu: #FFFFFF;
  --mavi: #1F3A8A;
  --mavi-ustu: #FFFFFF;
  --mavi-zemin: #E8EDF8;
  --basari: #1E7A4F;
  --tehlike: #C62828;
  --yuzey2: #EBEEF2;
  --o1: #2F6FDB; --o2: #1E7A4F; --o3: #7A4FD1; --o4: #B5651D; --o5: #0E8A8A; --o6: #C2416B;
  --gunun-zemin: #1F3A8A;

  /* Tipografi */
  --font-baslik: "Literata", Georgia, "Times New Roman", serif;
  --font-govde: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --t-12: 0.75rem;
  --t-13: 0.8125rem;
  --t-15: 0.9375rem;
  --t-17: 1.0625rem;
  --t-22: 1.25rem;
  --t-28: 1.625rem;
  --t-44: 2rem;
  --t-72: 3rem;
  --t-sayac: 4.5rem;
  --satir: 1.59;
  --okuma: 65ch;

  /* Radius hiyerarşisi */
  --r-bento: 12px;
  --r-kontrol: 10px;
  --r-cip: 10px;
  --r-gorsel: 8px;
  --r-fab: 50%;

  /* Boşluk */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  --fab-golge: none;
  --dokunma: 48px;
  --hiz: 0.16s ease-out;
  --gecis: 1.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Koyu tema: sistem tercihi (elle açık seçilmediyse) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --zemin: #121821;
    --yuzey: #1B2330;
    --murekkep: #E8ECF1;
    --soluk: #A9B2BF;
    --cizgi: #2A3442;
    --kosu: #8FA8F0;
    --kosu-ustu: #121821;
    --mavi: #8FA8F0;
    --mavi-ustu: #121821;
    --mavi-zemin: #1E2A44;
    --basari: #5CC593;
    --tehlike: #FF6B6B;
    --fab-golge: none;
    --yuzey2: #232D3C;
    --o1: #7FA8F0; --o2: #5CC593; --o3: #B39AF0; --o4: #E0A060; --o5: #5CC8C8; --o6: #F08AAE;
    --gunun-zemin: #22346B;
  }
}

/* Koyu tema: elle seçim */
:root[data-theme="dark"] {
  --zemin: #121821;
  --yuzey: #1B2330;
  --murekkep: #E8ECF1;
  --soluk: #A9B2BF;
  --cizgi: #2A3442;
  --kosu: #8FA8F0;
  --kosu-ustu: #121821;
  --mavi: #8FA8F0;
  --mavi-ustu: #121821;
  --mavi-zemin: #1E2A44;
  --basari: #5CC593;
  --tehlike: #FF6B6B;
  --fab-golge: none;
  --yuzey2: #232D3C;
  --o1: #7FA8F0; --o2: #5CC593; --o3: #B39AF0; --o4: #E0A060; --o5: #5CC8C8; --o6: #F08AAE;
  --gunun-zemin: #22346B;
}

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:var(--font-govde);font-size:var(--t-17);line-height:var(--satir);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--mavi)}
:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
.on-kosu :focus-visible,.kosu-zemin :focus-visible{outline-color:var(--kosu-ustu)}
button,a,.btn,.cip,.tepki,.sekme,.am,.fab,.alan,input,textarea,select{transition:background-color var(--hiz),border-color var(--hiz),color var(--hiz),opacity var(--hiz)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


.ust{position:sticky;top:0;z-index:10;background:var(--zemin);max-width:680px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:0 var(--s-4);min-height:56px}
.marka{font-family:var(--font-baslik);font-weight:700;font-size:19px;letter-spacing:0.04em}
.ust-sag{display:flex;align-items:center;gap:var(--s-3)}
.serit{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-13);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.serit svg{width:22px;height:22px;flex:none}
.avatar{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--cizgi);background:var(--mavi-zemin);display:grid;place-items:center;padding:0;font-family:var(--font-baslik);font-weight:700}
.avatar .nokta{position:absolute;top:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--mavi);border:2px solid var(--zemin)}
.cipler{max-width:680px;margin:0 auto;display:flex;gap:var(--s-2);overflow-x:auto;padding:var(--s-3) var(--s-4);scrollbar-width:none;flex:none}
.cipler::-webkit-scrollbar{display:none}
.cip{flex:none;min-height:44px;padding:0 14px;border:1px solid var(--cizgi);background:transparent;border-radius:var(--r-cip);font-size:var(--t-15)}
.ust-sag .cip{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}
.cip svg{width:22px;height:22px}
.cip.sec{border-color:var(--mavi);color:var(--mavi);font-weight:600}
.govde{max-width:680px;margin:0 auto;padding:0 var(--s-4) 112px}
.fab{position:fixed;z-index:20;right:var(--s-4);bottom:var(--s-4);width:56px;height:56px;border-radius:var(--r-fab);border:0;background:var(--mavi);color:var(--mavi-ustu);display:grid;place-items:center;box-shadow:none;padding:0}
.fab svg{width:22px;height:22px}

/* Kontroller */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--dokunma);padding:0 var(--s-5);border:1px solid var(--mavi);background:var(--mavi);color:var(--mavi-ustu);border-radius:var(--r-kontrol);font-weight:600;font-size:var(--t-15)}
.btn.ikinci{background:transparent;color:var(--murekkep);border-color:var(--cizgi)}
.btn.tehlike{background:transparent;color:var(--tehlike);border-color:var(--tehlike)}
.btn.tam{width:100%}
.btn.kucuk{min-height:44px;padding:0 var(--s-4)}
.baglanti{background:none;border:0;padding:0;min-height:44px;color:var(--mavi);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.alan{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--dokunma);padding:0 var(--s-4);border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r-kontrol)}
label.etiket,.etiket{display:block;font-weight:600;font-size:var(--t-15);margin:var(--s-5) 0 var(--s-2)}
.meta{display:flex;flex-wrap:wrap;gap:2px var(--s-3);color:var(--soluk);font-size:var(--t-13);line-height:18px;font-weight:500}
.soluk{color:var(--soluk)}
.k13{font-size:var(--t-13)}
.sayi{font-family:var(--font-baslik);font-weight:700;font-variant-numeric:tabular-nums}

/* Bento */
.bento{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--s-3);margin:var(--s-2) 0 var(--s-4)}
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-bento);padding:var(--s-4)}
.gun h3{font-family:var(--font-baslik);font-size:var(--t-22);line-height:26px;font-weight:600;margin:var(--s-2) 0 var(--s-3)}
.halka-kutu{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--s-2)}
.halka-kutu .halka{position:relative;width:96px;height:96px}
.halka-kutu .halka b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-baslik);font-size:var(--t-22);font-weight:700}

/* Halka */
.halka svg{display:block;width:100%;height:100%}
.halka-iz{fill:none;stroke:var(--cizgi);stroke-width:5}
.halka-dolu{fill:none;stroke:var(--kosu);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--off,38);animation:dol var(--gecis) both}
.kosu-zemin .halka-iz{stroke:var(--kosu-ustu);opacity:.3}
.kosu-zemin .halka-dolu{stroke:var(--kosu-ustu)}
@keyframes dol{from{stroke-dashoffset:100}}

/* Kartsız liste */
.liste{list-style:none;margin:0;padding:0}
.satir{display:block;padding:var(--s-3) 0;border-bottom:1px solid var(--cizgi);text-decoration:none;color:inherit}
.satir:last-child{border-bottom:0}
.satir b{display:block;font-family:var(--font-govde);font-size:var(--t-17);line-height:22px;font-weight:600;margin-bottom:var(--s-1)}
.iskelet{height:14px;border-radius:var(--r-gorsel);background:var(--cizgi);margin:var(--s-2) 0}
.iskelet.k{width:55%}

/* Okuma */
.geri{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);justify-content:space-between}
.geri a,.geri button{display:inline-flex;align-items:center;gap:var(--s-1);min-height:44px;color:var(--mavi);font-weight:600;text-decoration:none;background:none;border:0;padding:0}
.geri svg{width:22px;height:22px}
.oda-bas h2{font-family:var(--font-baslik);font-size:var(--t-28);font-weight:700;line-height:32px;margin:var(--s-2) 0 var(--s-1)}
.okuma{max-width:var(--okuma)}
.okuma h2{font-family:var(--font-baslik);font-size:var(--t-28);font-weight:700;line-height:32px;margin:var(--s-2) 0 var(--s-2)}
.yanit{padding:var(--s-4) 0;border-bottom:1px solid var(--cizgi)}
.yanit:last-of-type{border-bottom:0}
.yanit p{font-size:var(--t-17);line-height:27px;max-width:var(--okuma);margin:var(--s-2) 0 var(--s-3)}
.yazar{display:flex;align-items:center;gap:var(--s-2);font-weight:600}
.bas{width:32px;height:32px;border-radius:var(--r-cip);background:var(--mavi-zemin);color:var(--mavi);display:grid;place-items:center;font-family:var(--font-baslik);font-weight:700;font-size:var(--t-13)}
.tepkiler{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.tepki{min-height:44px;padding:0 14px;border:1px solid var(--cizgi);background:transparent;border-radius:var(--r-cip);font-size:var(--t-13)}
.tepki b{font-weight:600;margin-left:var(--s-1)}
.eylemler{display:flex;gap:var(--s-4);margin-top:var(--s-2)}
.eylemler button{background:none;border:0;padding:0;min-height:44px;color:var(--soluk);font-size:var(--t-13)}
.ic{margin-left:var(--s-5);border-left:1px solid var(--cizgi);padding-left:var(--s-4)}

/* Form */
textarea,input[type=text],input[type=number],input[type=search],select{width:100%;min-height:var(--dokunma);padding:var(--s-3) var(--s-4);border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r-kontrol)}
textarea{min-height:140px;resize:none}
.say{display:flex;justify-content:flex-end;color:var(--soluk);font-size:var(--t-13);margin-top:var(--s-1)}
.uyari{display:flex;gap:var(--s-3);align-items:flex-start;margin:var(--s-4) 0;padding:var(--s-3) var(--s-4);border:1px solid var(--murekkep);border-radius:var(--r-kontrol);background:var(--yuzey)}
.uyari svg{width:22px;height:22px;flex:none;margin-top:2px}
.yardim{background:var(--yuzey);border:2px solid var(--tehlike);border-radius:var(--r-bento);padding:var(--s-4);margin:var(--s-2) 0 var(--s-4)}
.yardim h3{font-family:var(--font-baslik);font-size:var(--t-17);line-height:22px;font-weight:700;color:var(--tehlike);margin-bottom:var(--s-1)}

/* Bildirim */
.bil{display:flex;gap:var(--s-3);align-items:flex-start}
.bil .nk{flex:none;width:10px;height:10px;border-radius:50%;margin-top:8px;background:var(--mavi)}
.bil .nk.o{background:transparent;border:1px solid var(--cizgi)}
.bos{padding:var(--s-6) 0;text-align:left}
.bos h2,.bos h3,.hata h3{font-family:var(--font-baslik);font-size:var(--t-22);line-height:26px;font-weight:600;margin-bottom:var(--s-1)}

/* Ben */
.ben-ad{font-family:var(--font-baslik);font-size:var(--t-28);font-weight:700;line-height:32px}
.rozetler{display:flex;gap:var(--s-2);flex-wrap:wrap;margin:var(--s-3) 0}
.rozet{padding:var(--s-1) var(--s-3);border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r-cip);font-size:var(--t-13);font-weight:500}
.kv{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--cizgi)}
.kv span:first-child{color:var(--soluk)}
.kv span:last-child{text-align:right;font-weight:500}

/* Keşfet */
.hata{margin-top:var(--s-5);padding:var(--s-4);border:1px solid var(--tehlike);border-radius:var(--r-bento)}
.hata .btn{margin-top:var(--s-3)}

/* Koşu ekranı */
.kosu-zemin{background:var(--kosu);color:var(--kosu-ustu);padding:var(--s-2) var(--s-4) var(--s-5);border-radius:0 0 var(--r-bento) var(--r-bento)}
.kosu-zemin .soluk,.kosu-zemin .meta{color:var(--kosu-ustu)}
.sayac{font-family:var(--font-baslik);font-size:var(--t-sayac);line-height:1;font-weight:700;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;margin:var(--s-2) 0 var(--s-1)}
.dev-halka{position:relative;width:200px;height:200px;margin:var(--s-4) 0 0}
.dev-halka b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-baslik);font-size:var(--t-44);font-weight:700;line-height:1}
.dev-halka b small{font-family:var(--font-govde);font-size:var(--t-13);font-weight:500;margin-top:var(--s-1)}
.kosu-ust{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) 0 0}
.kosu-ust .marka{font-size:var(--t-22)}
.kosu-ust .serit{font-weight:600}
.gunler{display:flex;gap:var(--s-2);margin:var(--s-3) 0 var(--s-2)}
.gun-n{flex:1;text-align:center;font-size:var(--t-13)}
.gun-n i{display:block;height:36px;border-radius:var(--r-cip);border:1px solid var(--cizgi);background:var(--yuzey);margin-bottom:var(--s-1)}
.gun-n i.d{background:var(--murekkep);border-color:var(--murekkep)}
.hizli{display:flex;gap:var(--s-2);margin:var(--s-3) 0}
.hizli .alan{flex:1;padding:0 var(--s-3)}
.hizli input{border:0;min-height:44px;padding:0;background:transparent}
.hizli input:focus-visible{outline-offset:6px}
.ozet-satir{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--cizgi)}
.ozet-satir .sayi{font-size:var(--t-28)}

/* Paylaşım kartı */
.kart-sahne{display:flex;justify-content:center;padding:var(--s-2) 0 var(--s-4)}
.pk{width:280px;max-width:100%;aspect-ratio:1080/1350;background:var(--kosu);color:var(--kosu-ustu);border-radius:var(--r-bento);padding:var(--s-5);display:flex;flex-direction:column;justify-content:space-between}
.pk .sayi{font-size:var(--t-sayac);line-height:1;font-weight:700;letter-spacing:-0.01em}
.pk .marka{font-size:var(--t-22)}
.pk p{font-size:var(--t-17);font-weight:500;line-height:1.3}
.pk small{font-size:var(--t-13);font-weight:500}
.paylas{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}

/* Moderasyon */
.sekmeler{display:flex;gap:var(--s-5);border-bottom:1px solid var(--cizgi);margin:0 0 var(--s-2)}
.sekme{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px;padding:0;color:var(--soluk);font-weight:600;font-size:var(--t-15)}
.sekme.on{color:var(--mavi);border-bottom-color:var(--mavi);font-weight:700}
.etk{display:inline-block;padding:0 var(--s-2);border:1px solid var(--murekkep);border-radius:var(--r-cip);font-size:var(--t-12);line-height:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--murekkep)}
.kilit{margin-top:var(--s-4);padding:var(--s-3) var(--s-4);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-kontrol);color:var(--soluk);font-size:var(--t-13)}

/* Onboarding */
.adim{color:var(--soluk);font-size:var(--t-13);font-weight:500}
.hos h2{font-family:var(--font-baslik);font-size:var(--t-44);line-height:38px;font-weight:700;margin:var(--s-3) 0 var(--s-2)}
.cip-grup{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.alt-eylem{display:grid;gap:var(--s-2);margin-top:var(--s-5)}

/* Koridor web (K2) eklemeleri */
.marka{color:var(--murekkep);text-decoration:none}
.cip{display:inline-flex;align-items:center;text-decoration:none;color:var(--murekkep)}
.avatar{color:var(--murekkep);text-decoration:none}
.fab{text-decoration:none}
.sekmeler a.sekme{display:inline-flex;align-items:center;text-decoration:none}
.tepki[aria-pressed="true"]{border-color:var(--mavi);color:var(--mavi);font-weight:600}
.durum-bekliyor{display:inline-block;margin-left:var(--s-2);padding:0 var(--s-2);border:1px solid var(--soluk);border-radius:var(--r-cip);font-size:var(--t-13);color:var(--soluk)}
.bildirim-kutu{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:30;max-width:min(92vw,520px);padding:var(--s-3) var(--s-4);border-radius:var(--r-kontrol);background:var(--murekkep);color:var(--zemin);font-size:var(--t-15)}
.bildirim-kutu[hidden]{display:none}
.cevrimdisi{position:sticky;top:0;z-index:31;padding:var(--s-2) var(--s-4);background:var(--murekkep);color:var(--zemin);font-size:var(--t-15);text-align:center}
.cevrimdisi[hidden]{display:none}
[aria-busy=true]{cursor:progress;opacity:.7}
.daha{display:flex;justify-content:center;margin:var(--s-4) 0}
dialog{max-width:min(92vw,480px);border:1px solid var(--cizgi);border-radius:var(--r-bento);background:var(--yuzey);color:var(--murekkep);padding:var(--s-5)}
dialog::backdrop{background:rgba(18,24,33,.5)}
dialog h3{font-family:var(--font-baslik);font-size:var(--t-22);line-height:26px;font-weight:600;margin-bottom:var(--s-3)}
.sec-liste{display:grid;gap:var(--s-2);margin:var(--s-3) 0}
.sec-liste label{display:flex;align-items:center;gap:var(--s-3);min-height:44px;padding:0 var(--s-3);border:1px solid var(--cizgi);border-radius:var(--r-kontrol)}
.cip-sec input{position:absolute;opacity:0;pointer-events:none}
.cip-sec{position:relative}
.cip-sec:has(input:checked){border-color:var(--mavi);color:var(--mavi);font-weight:600}
.cip-sec:has(input:focus-visible){outline:2px solid var(--mavi);outline-offset:2px}
.alt-cizgi{border-top:1px solid var(--cizgi);margin:var(--s-5) 0 0;padding-top:var(--s-4)}
.site-alt{max-width:680px;margin:0 auto;padding:var(--s-5) var(--s-4) 120px;color:var(--soluk);font-size:var(--t-13);display:flex;flex-direction:column;gap:var(--s-3)}
.site-alt a{color:var(--soluk)}
.tema-sec{display:flex;flex-direction:column;gap:6px}
.tema-etk{font-size:var(--t-13);font-weight:600;color:var(--soluk)}
.tema-sec .sekmeler.segment{margin:0;max-width:none}
.hata-sec{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-3)}
.hata-metin{display:flex;flex-direction:column;gap:2px}
.hata-metin span{font-size:var(--t-13);font-weight:600;color:var(--soluk)}
.hata-metin small{font-size:var(--t-13);color:var(--soluk)}
.anahtar{position:relative;flex:none;width:52px;min-height:44px;border:0;background:none;padding:0;cursor:pointer}
.anahtar::before{content:"";position:absolute;left:0;top:50%;width:52px;height:30px;margin-top:-15px;border-radius:15px;background:var(--yuzey2);border:1px solid var(--cizgi);box-sizing:border-box}
.anahtar .dugme{position:absolute;left:3px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--zemin);box-shadow:0 1px 2px rgba(17,20,24,.25);transition:transform .15s}
.anahtar[aria-checked="true"]::before{background:var(--mavi);border-color:var(--mavi)}
.anahtar[aria-checked="true"] .dugme{transform:translateX(22px)}
.anahtar:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
.alt-baglar{display:flex;flex-direction:column;background:var(--zemin);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.site-alt .alt-baglar a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;color:var(--murekkep);font-size:var(--t-15);font-weight:600;text-decoration:none}
.alt-baglar a+a{border-top:1px solid var(--cizgi)}
.alt-baglar a span{flex:1}
.alt-baglar a svg:first-child{color:var(--mavi)}
.alt-baglar a svg:last-child{color:var(--soluk)}
.alt-baglar a:hover{background:var(--yuzey)}
h1.sayfa-bas{font-family:var(--font-baslik);font-size:var(--t-28);font-weight:700;line-height:32px;margin:var(--s-3) 0 var(--s-2)}
@media (min-width:900px){.fab{right:calc(50% - 340px - 72px)}}
[hidden]{display:none!important}

/* Alt menü (§3.2). Mobil: altta 5 sekme, ortada Yaz. >=960px: sol kenar çubuğu. */
.alt-menu{position:fixed;z-index:20;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:var(--zemin);border-top:1px solid var(--cizgi);padding:0 var(--s-2) env(safe-area-inset-bottom)}
.am{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;color:var(--soluk);text-decoration:none;font-size:var(--t-12);line-height:16px;font-weight:600}
.am-ikon{display:grid;place-items:center;height:32px}
.am svg{width:22px;height:22px}
.am.on{color:var(--mavi);font-weight:600}
.am.on .am-ikon{color:var(--mavi)}
.am-yaz .am-ikon,.am-yaz.on .am-ikon{display:grid;place-items:center;width:44px;height:32px;border-radius:var(--r-kontrol);background:var(--mavi);color:var(--mavi-ustu)}
.menulu .govde{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.menulu .bildirim-kutu{bottom:calc(80px + env(safe-area-inset-bottom))}
.oda-satir{display:flex;align-items:center;gap:var(--s-3);border-bottom:1px solid var(--cizgi)}
.oda-satir .satir{flex:1;border-bottom:0}
.oda-satir.icini b{color:var(--mavi)}
@media (min-width:960px){
  .alt-menu{top:0;right:auto;width:96px;height:auto;grid-template-columns:none;grid-auto-rows:min-content;align-items:stretch;align-content:start;gap:var(--s-2);padding:96px var(--s-2) var(--s-4);border-top:0;border-right:1px solid var(--cizgi)}
  .menulu .govde{padding-bottom:112px}
  .menulu .bildirim-kutu{bottom:88px}
}

/* Kart destesi (§3.5) */
.deste{width:100%;max-width:520px;height:100%;max-height:none;margin:0 auto;padding:var(--s-5) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom));border:0;background:var(--zemin);color:var(--murekkep)}
.deste[open]{display:flex;flex-direction:column}
.deste::backdrop{background:var(--zemin)}
.deste-yigin{position:relative;flex:1;min-height:320px}
.deste-kart{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:var(--s-3);padding:var(--s-6) var(--s-5);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-bento);touch-action:pan-y;user-select:none;transition:transform .2s ease-out,opacity .2s ease-out;cursor:grab}
.deste-kart h3{font-family:var(--font-baslik);font-size:var(--t-28);line-height:32px;font-weight:700;margin:0}
.deste-kart.git-sag{transform:translateX(120%) rotate(12deg);opacity:0}
.deste-kart.git-sol{transform:translateX(-120%) rotate(-12deg);opacity:0}
.deste-kart.git-sag,.deste-kart.git-sol{pointer-events:none}
.deste-son{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.deste-son[hidden]{display:none}
.deste-ipucu{text-align:center;margin:var(--s-3) 0}
.deste-eylem{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-2)}
.deste-kapat{margin:var(--s-3) auto 0;display:block}
@media (prefers-reduced-motion: reduce){.deste-kart{transition:none}}

/* ===== Onaylı önizleme dili (koridor/assets/onizleme.html) ===== */
.govde{max-width:640px}
.ust,.cipler,.geri{max-width:640px}
.ust-dugme svg,.oh-halka svg{stroke-width:1.75}
/* Üst başlık */
.ust{min-height:52px}
.marka{font-size:20px;letter-spacing:0;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.marka img{width:28px;height:28px;border-radius:8px;flex:none}
.ust-dugme{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--murekkep);border-radius:12px;padding:0;text-decoration:none}
.ust-dugme svg{width:22px;height:22px}
.ust-sag{gap:var(--s-1)}
.ust-sag .avatar{margin-left:var(--s-1)}
.selam{max-width:640px;margin:0 auto;padding:var(--s-2) var(--s-4) var(--s-3)}
.selam .meta{display:block;margin-bottom:2px;font-size:var(--t-15);color:var(--soluk)}
.selam h1{font-family:var(--font-baslik);font-weight:700;font-size:30px;line-height:36px;letter-spacing:-.01em}
/* Oda halkaları */
.odalar{max-width:640px;margin:0 auto;display:flex;gap:var(--s-3);overflow-x:auto;padding:var(--s-2) var(--s-4) var(--s-4);scrollbar-width:none}
.odalar::-webkit-scrollbar{display:none}
.oh{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--murekkep);min-height:44px}
.oh-halka{display:grid;place-items:center;width:62px;height:62px;padding:3px;border:2.5px solid var(--r);border-radius:50%}
.oh-halka>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:color-mix(in srgb,var(--r) 14%,var(--zemin));color:var(--r)}
.oh-halka svg{width:24px;height:24px}
.oh small{font-size:var(--t-12);line-height:15px;font-weight:600;text-align:center;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oh.sec .oh-halka{border-width:3.5px}
.oh.sec small{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--r)}
/* Günün başlığı */
.gunun{position:relative;overflow:hidden;max-width:608px;margin:0 0 var(--s-4);padding:18px 18px 16px;border-radius:16px;background:var(--gunun-zemin);color:#fff}
@media (min-width:672px){.gunun{margin-left:auto;margin-right:auto}}
.gunun::after{content:"";position:absolute;right:-34px;top:-34px;width:130px;height:130px;border-radius:50%;border:22px solid rgba(255,255,255,.07);pointer-events:none}
.gunun .k-etk{font-size:var(--t-13);font-weight:600;color:rgba(255,255,255,.85);margin-bottom:6px}
.gunun h2{font-family:var(--font-baslik);font-size:22px;line-height:28px;font-weight:600;position:relative}
.gunun h2 a{color:inherit;text-decoration:none}
.gunun-alt{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-3);position:relative}
.gunun-say{font-size:var(--t-13);color:rgba(255,255,255,.85)}
.gunun .oku{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;background:#fff;color:#1F3A8A;font-weight:700;text-decoration:none;font-size:var(--t-15)}
.gunun .oku svg{width:18px;height:18px}
.gunun-deste{position:relative;margin-top:var(--s-1);min-height:44px;padding:0;background:none;border:0;color:#fff;text-decoration:underline;font-size:var(--t-13)}
.gunun :focus-visible{outline-color:#fff}
/* Segment */
.sekmeler.segment{display:flex;gap:2px;max-width:608px;margin:0 0 var(--s-3);padding:3px;border:0;border-radius:12px;background:var(--yuzey2)}
@media (min-width:672px){.sekmeler.segment{margin-left:auto;margin-right:auto}}
.segment .sekme{flex:1;justify-content:center;margin:0;border:0;min-height:44px;border-radius:10px;color:var(--soluk);font-size:var(--t-15);font-weight:600}
.segment .sekme.on{background:var(--zemin);color:var(--murekkep);box-shadow:0 1px 2px rgba(17,20,24,.12)}
/* Akış kartı */
.akis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}
.kart{position:relative;padding:14px 16px 8px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:16px}
.kart-bas{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:6px}
.kart-bas>.meta{flex-shrink:0;white-space:nowrap;display:flex;gap:6px}
.oda-etk{display:inline-block;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--t-13);font-weight:600;color:color-mix(in srgb,var(--r,var(--mavi)) 78%,var(--murekkep))}
.oda-etk i{width:8px;height:8px;border-radius:50%;background:var(--r,var(--mavi));display:inline-block;margin-right:6px;vertical-align:1px}
.kart .meta{font-size:var(--t-13);color:var(--soluk);display:flex;gap:var(--s-2)}
.kart h2,.kart h3{font-family:var(--font-baslik);font-size:18px;line-height:24px;font-weight:600}
.kart-link{color:var(--murekkep);text-decoration:none}
.kart-link::after{content:"";position:absolute;inset:0;border-radius:16px}
.kart-link:focus-visible{outline:none}
.kart-link:focus-visible::after{outline:2px solid var(--mavi);outline-offset:2px}
.kart .eylem{display:flex;gap:var(--s-4);margin-top:6px;color:var(--soluk);font-size:var(--t-13);min-height:36px;align-items:center}
.say-ik{display:inline-flex;align-items:center;gap:6px}
.say-ik svg{width:18px;height:18px}
.bos{text-align:center;padding:var(--s-6) var(--s-4)}
/* Alt menü: buzlu cam */
.alt-menu{height:calc(84px + env(safe-area-inset-bottom));align-items:start;padding-top:6px;background:color-mix(in srgb,var(--zemin) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.am{position:relative;min-height:56px;gap:2px;justify-content:flex-start;padding-top:6px;font-size:var(--t-12)}
.am.on::before{content:"";position:absolute;top:-6px;left:50%;width:24px;height:3px;margin-left:-12px;border-radius:0 0 3px 3px;background:var(--mavi)}
.am-yaz .am-ikon,.am-yaz.on .am-ikon{width:52px;height:52px;margin-top:-18px;border-radius:16px;box-shadow:0 6px 16px rgba(31,58,138,.35)}
.am-yaz.on::before{display:none}
.am-yaz svg{width:26px;height:26px}
.menulu .govde{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
@media (min-width:960px){
  .alt-menu{width:96px;height:100%;padding-top:96px;background:var(--zemin);-webkit-backdrop-filter:none;backdrop-filter:none}
  .am{justify-content:center;padding-top:0}
  .am.on::before{top:50%;left:-8px;width:3px;height:24px;margin:-12px 0 0;border-radius:0 3px 3px 0}
  .am-yaz .am-ikon,.am-yaz.on .am-ikon{margin-top:0;width:44px;height:44px}
}
/* Başlık sayfası */
.ust-cubuk{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--s-1);max-width:640px;margin:0 auto;min-height:52px;padding:0 var(--s-2);background:var(--zemin)}
.ust-orta{flex:1;min-width:0;display:flex;flex-direction:column;line-height:18px}
.ust-orta b{font-weight:600;font-size:var(--t-13);color:var(--soluk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.baslik-ust{padding:var(--s-3) 0 var(--s-4)}
.okuma .sayfa-bas{font-family:var(--font-baslik);font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.01em}
.baslik-say{display:flex;gap:var(--s-3);margin-top:var(--s-2);color:var(--soluk);font-size:var(--t-13)}
.yanit.yazi{padding:var(--s-4);margin:0 calc(var(--s-4) * -1);border-bottom:0;border-top:8px solid var(--yuzey2)}
.yazar{gap:10px;font-weight:400}
.yazar b{font-weight:600}
.yazar .soluk{font-size:var(--t-13);color:var(--soluk)}
.av{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;font-weight:700;font-size:var(--t-13);flex:none}
.av1{background:#2F6FDB}.av2{background:#1E7A4F}.av3{background:#7A4FD1}.av4{background:#9A5316}.av5{background:#0B7373}.av6{background:#C2416B}
.tepkiler{align-items:center;gap:var(--s-1)}
.tepki{border:0;background:none;padding:0 10px;color:var(--soluk);font-weight:600;border-radius:10px}
.tepki b{margin-left:4px}
.tepki[aria-pressed="true"]{color:var(--mavi);border:0}
.yanitla{min-height:44px;padding:0 12px;background:none;border:0;color:var(--soluk);font-weight:600;font-size:var(--t-13)}
.yazmali .govde{padding-bottom:132px}
.yazma{position:fixed;z-index:20;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;padding:10px var(--s-4) calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--zemin) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--cizgi)}
.yazma-satir{display:flex;align-items:flex-end;gap:10px}
.yazma .av{margin-bottom:6px}
.yazma textarea{flex:1;min-height:44px;max-height:132px;resize:none;padding:10px 14px;border:1px solid var(--cizgi);border-radius:16px;background:var(--yuzey2);field-sizing:content}
.yazma .gonder{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:14px;background:var(--mavi);color:var(--mavi-ustu);padding:0}
.yazma .gonder svg{width:20px;height:20px}
.yazma .say{font-size:var(--t-12);color:var(--soluk)}
.yazma .uyari{margin-bottom:var(--s-2)}
/* Kart destesi */
.deste-ust{display:flex;align-items:center;gap:var(--s-2)}
.deste-ust .k-etk{flex:1;text-align:center;font-size:var(--t-15);font-weight:600}
.deste-say{min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.ilerleme{display:flex;gap:4px;margin:var(--s-3) 0 var(--s-4)}
.ilerleme i{flex:1;height:3px;border-radius:2px;background:var(--cizgi)}
.ilerleme i.dolu{background:var(--mavi)}
.deste-yigin{min-height:360px;margin-bottom:var(--s-5)}
.deste-kart{inset:0 0 36px;justify-content:flex-end;border-radius:24px;background:linear-gradient(160deg,color-mix(in srgb,var(--r,var(--mavi)) 24%,var(--zemin)),color-mix(in srgb,var(--r,var(--mavi)) 6%,var(--zemin)));padding:var(--s-5)}
.deste-kart[data-s="0"]{transform:rotate(-1.5deg)}
.deste-kart[data-s="1"]{transform:translateY(14px) scale(.95)}
.deste-kart[data-s="2"],.deste-kart[data-s="3"]{transform:translateY(28px) scale(.9)}
.deste-kart[data-s="3"]{opacity:0}
.deste-kart .ikon-b{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--zemin);color:var(--r,var(--mavi));margin-bottom:auto}
.deste-kart h3{font-size:26px;line-height:32px}
.deste-sayi{display:flex;align-items:baseline;gap:6px;color:var(--soluk)}
.deste-sayi b{font-family:var(--font-baslik);font-size:22px;color:var(--murekkep)}
.deste-eylem{display:flex;justify-content:center;align-items:center;gap:var(--s-5)}
.deste-eylem[hidden]{display:none}
.deste-dug{display:grid;place-items:center;width:60px;height:60px;padding:0;border-radius:50%;border:1px solid var(--cizgi);background:var(--zemin);color:var(--murekkep)}
.deste-dug.ana{width:72px;height:72px;background:var(--mavi);border-color:var(--mavi);color:var(--mavi-ustu)}
.deste-dug svg{width:24px;height:24px}
/* Diğer sayfalar: kart dili */
.kutu{background:var(--zemin);border:1px solid var(--cizgi);border-radius:16px}
.btn,.cip{border-radius:12px}

/* Masaüstü (≥1280 px): orta akış + sağ yan sütun. Mobil ve tablet değişmez. */
.yan-tanit{display:none}
@media (min-width:1280px){
  body{padding-right:356px}
  body.menulu{padding-left:96px}
  .govde,.ust,.odalar,.geri,.cipler,.ust-cubuk,.selam,.yazma{max-width:720px}
  .govde .gunun,.govde .sekmeler.segment{max-width:none}
  .yazma{right:356px}
  .menulu .yazma{left:96px}
  .site-alt{position:fixed;top:0;right:max(0px,calc((100vw - 1600px) / 2));width:356px;height:100vh;overflow-y:auto;max-width:none;margin:0;padding:88px var(--s-5) var(--s-5);border-left:1px solid var(--cizgi);background:var(--zemin)}
  .yan-tanit{display:flex;gap:12px;align-items:flex-start;padding:var(--s-4);border:1px solid var(--cizgi);border-radius:16px;background:var(--yuzey);color:var(--soluk);font-size:var(--t-13);line-height:1.45}
  .yan-tanit img{width:40px;height:40px;border-radius:12px;flex:none}
  .yan-tanit b{display:block;color:var(--murekkep);font-family:var(--font-baslik);font-size:var(--t-17,17px);margin-bottom:2px}
  .fab{right:calc(356px + 32px)}
}
/* Gezinti izi (SEO 0.8.22) */
.kirinti{margin:var(--s-2) 0 0;font-size:13px;line-height:18px;color:var(--soluk,#5b6573)}
.kirinti ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}
.kirinti li+li::before{content:"›";margin-right:4px;opacity:.6}
.kirinti a{color:inherit;text-decoration:none}
.kirinti a:hover{text-decoration:underline}
.bos .alt-eylem{justify-content:center}
/* Ana site şeridi, vitrin, oda SSS, ortak footer (0.8.23) */
.ak-serit{--serit:#0F1B3D;--serit-yazi:#C9D3EA;background:var(--serit);color:var(--serit-yazi);display:flex;align-items:center;gap:var(--s-3);height:36px;padding:0 var(--s-4);font-size:var(--t-13)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ak-serit{--serit:#0A1020;--serit-yazi:#9FB0D6}}
:root[data-theme="dark"] .ak-serit{--serit:#0A1020;--serit-yazi:#9FB0D6}
.ak-serit-ad{color:#FFFFFF;font-weight:700;text-decoration:none;white-space:nowrap}
.ak-serit nav{display:flex;gap:14px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.ak-serit nav a{color:var(--serit-yazi);text-decoration:none;white-space:nowrap;padding:8px 0}
.ak-serit nav a.sec{color:#FFFFFF;box-shadow:inset 0 -2px 0 #8FA8F0}
.ak-serit a:focus-visible{outline:2px solid #8FA8F0;outline-offset:-2px}
.vitrin{display:grid;gap:var(--s-4);margin:var(--s-2) 0 var(--s-5)}
.vitrin h1{font-family:var(--font-baslik);font-size:1.6rem;line-height:1.22;margin:0}
.vitrin > p{margin:0}
.aralik{border:1px solid var(--cizgi);border-radius:var(--r-bento);overflow:hidden;padding:var(--s-3) 14px 0}
.aralik h2{font-family:var(--font-baslik);font-weight:650;font-size:1.08rem;line-height:1.3;margin:4px 0 0}
.aralik h2 a{color:inherit;text-decoration:none}
.aralik-metin{position:relative;margin:var(--s-2) 0 0;max-height:7.2em;overflow:hidden}
.aralik-metin::after{content:"";position:absolute;inset:auto 0 0 0;height:4.2em;background:linear-gradient(to bottom,transparent,var(--zemin))}
.aralik-kapi{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -14px;padding:10px 14px 12px;border-top:1px solid var(--cizgi);font-size:var(--t-15)}
.aralik-kapi span{color:var(--soluk)}
.aralik-kapi a{font-weight:700;text-decoration:none;white-space:nowrap}
.vitrin-madde{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vitrin-madde li{display:grid;grid-template-columns:22px 1fr;gap:var(--s-2);align-items:start}
.vitrin-tik{width:10px;height:5px;margin:7px 0 0 4px;border-left:2px solid var(--mavi);border-bottom:2px solid var(--mavi);transform:rotate(-45deg)}
.vitrin .alt-eylem{grid-template-columns:1fr 1fr;margin-top:0}
.sss{margin:var(--s-6) 0 var(--s-4)}
.sss h2{font-family:var(--font-baslik);font-size:1.2rem;margin:0 0 6px}
.sss details{border-top:1px solid var(--cizgi)}
.sss details:last-of-type{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;padding:14px 30px 14px 0;font-weight:600;position:relative;min-height:var(--dokunma);box-sizing:border-box}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:2px solid var(--soluk);border-bottom:2px solid var(--soluk);transform:translateY(-70%) rotate(45deg);transition:transform var(--hiz)}
.sss details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.sss details p{margin:0 0 14px}
@media (prefers-reduced-motion:reduce){.sss summary::after{transition:none}}
.alt-sutun{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.alt-sutun h2{margin:0 0 6px;font-size:var(--t-15);color:var(--murekkep);font-family:var(--font-govde)}
.alt-sutun ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.alt-sutun a{text-decoration:none;display:inline-block;padding:4px 0}
.alt-sutun a:hover,.alt-imza a:hover{text-decoration:underline}
.alt-imza{display:flex;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap;margin:0;padding-top:var(--s-3);border-top:1px solid var(--cizgi)}
.alt-imza a{text-decoration:none}