/* ============================================================
   ERG FORUM — kül-pas, evrak dili.
   ergoyun.com/src/styles/global.css'in token sistemi birebir devralındı.
   KANON: ERG moru sayfada EN FAZLA İKİ yerde. Burada bir yerde:
   birincil eylem butonu (.dugme.birincil). Üçüncüyü ekleyen kuralı öldürür.
   ============================================================ */

:root {
  --kul-dip: #0d0c0b;
  --kul-koyu: #131211;
  --kul-orta: #1c1a18;
  --kul-acik: #2a2724;
  --kul-metin: #9a938a;
  --kul-sonuk: #817972;      /* metin: AA 4,57 (#6f6862 3,57'de kaliyordu) */
  --kul-silik: #6f6862;      /* YALNIZ cizgi/kenarlik — metin degil */
  --kul-parlak: #d8d2c8;

  /* Pas iki role ayrildi: cizgi/kenarlik --pas'ta kalir (kanon rengi aynen),
     METIN --pas-metin kullanir. #8a4a26 kul zemininde 2,87 — form etiketi
     olarak okunmuyordu. */
  --pas: #8a4a26;
  --pas-metin: #b96333;      /* AA 4,56 */
  --pas-parlak: #c76a34;
  --pas-sonuk: #4a2a18;
  --kalem: #bd5e53;          /* kırmızı kalem — alıntı, kenar notu. AA 4,55 */

  --erg: #7b3fd4;
  --erg-parlak: #a06ef5;

  --font-display: 'Oswald', 'Archivo Narrow', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;

  --olcu: 1180px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--kul-dip);
  color: var(--kul-metin);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* Kanon: hiçbir şey temiz değil. */
.gren {
  position: fixed; inset: -50%; z-index: 1; pointer-events: none; opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: gren-kay 6s steps(4) infinite;
}
@keyframes gren-kay {
  0% { transform: translate(0,0); }  25% { transform: translate(-2%,1%); }
  50% { transform: translate(1%,-2%); } 75% { transform: translate(-1%,-1%); }
  100% { transform: translate(0,0); }
}
@media (prefers-reduced-motion: reduce) {
  .gren { animation: none; }
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

h1, h2, h3 {
  font-family: var(--font-display); font-weight: 700; color: var(--kul-parlak);
  letter-spacing: -0.005em; line-height: 1.2; margin: 0; text-transform: uppercase;
}
a { color: var(--kul-parlak); text-decoration-color: var(--pas); text-underline-offset: 4px; }
a:hover { color: var(--pas-parlak); }
:focus-visible { outline: 2px solid var(--erg-parlak); outline-offset: 3px; }

.kabuk { max-width: var(--olcu); margin: 0 auto; padding: 0 clamp(1rem, 4vw, 2.25rem); }

/* Yapışkan şeritte 5-6 öge var; klavyeyle her sayfada tekrar geçilmesin. */
.atla {
  position: absolute; left: -9999px; z-index: 200;
  background: var(--kul-orta); color: var(--kul-parlak);
  border: 1px solid var(--pas-parlak); padding: .7rem 1.1rem;
  font-family: var(--font-mono); font-size: .7rem; letter-spacing: .14em;
  text-transform: uppercase; text-decoration: none;
}
.atla:focus { left: .75rem; top: .75rem; }
main { position: relative; z-index: 2; padding: 2.25rem 0 4rem; min-height: 60vh; }

/* mono etiket — 1956 bürokrasisi */
.etiket {
  font-family: var(--font-mono); font-size: .68rem; letter-spacing: .22em;
  text-transform: uppercase; color: var(--pas-metin);
  display: block; margin-bottom: .9rem;   /* kanon: site/global.css .etiket */
}
.kod {
  font-family: var(--font-mono); font-size: .68rem; letter-spacing: .14em;
  color: var(--kul-sonuk);
}

/* ---------------------------------------------------------------- üst şerit */

.ust {
  position: sticky; top: 0; z-index: 100;
  background: rgba(13,12,11,.86); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--kul-acik);
}
.ust-ic { display: flex; align-items: center; gap: 1.25rem; height: 64px; }
.marka { display: flex; align-items: baseline; gap: .55rem; text-decoration: none; flex: none; }
.marka-ad {
  font-family: var(--font-display); font-size: 1.4rem; font-weight: 700;
  letter-spacing: .16em; color: var(--kul-parlak);
}
.marka-alt {
  font-family: var(--font-mono); font-size: .6rem; letter-spacing: .2em;
  text-transform: uppercase; color: var(--pas-metin);
}
.ust nav { margin-left: auto; }
.menu { display: flex; gap: 1.4rem; list-style: none; margin: 0; padding: 0; align-items: center; }
.menu a {
  font-family: var(--font-mono); font-size: .7rem; letter-spacing: .14em;
  text-transform: uppercase; text-decoration: none; color: var(--kul-metin);
}
.menu a:hover, .menu a.etkin { color: var(--pas-parlak); }

.ust-ara { flex: 1; max-width: 320px; margin-left: auto; }
.ust-ara input {
  width: 100%; background: var(--kul-koyu); border: 1px solid var(--kul-acik);
  color: var(--kul-parlak); font-family: var(--font-mono); font-size: .72rem;
  padding: .5rem .75rem; letter-spacing: .04em;
}
.ust-ara input::placeholder { color: #847c74; letter-spacing: .12em; text-transform: uppercase; font-size: .64rem; }
.ust-ara input:focus {
  border-color: var(--pas-parlak);
  outline: 2px solid var(--erg-parlak); outline-offset: 2px;
}

.ben-kutu { display: flex; align-items: center; gap: .6rem; flex: none; }
.ben-ad { font-family: var(--font-mono); font-size: .7rem; letter-spacing: .1em; color: var(--kul-parlak); text-decoration: none; }
.ben-cikis { background: none; border: 0; color: var(--kul-sonuk); font-family: var(--font-mono); font-size: .62rem; letter-spacing: .14em; cursor: pointer; text-transform: uppercase; }
.ben-cikis:hover { color: var(--pas-parlak); }

/* ------------------------------------------------------------------ sayfa başı */

.sayfa-bas {
  border-bottom: 1px solid var(--kul-acik); padding-bottom: 1.4rem; margin-bottom: 1.8rem;
  display: flex; align-items: flex-end; gap: 1.5rem; flex-wrap: wrap;
}
.sayfa-bas h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); }
.sayfa-bas p { margin: .5rem 0 0; max-width: 62ch; font-size: .92rem; }
.sayfa-bas .sag { margin-left: auto; display: flex; gap: .6rem; align-items: center; }

.kirinti {
  font-family: var(--font-mono); font-size: .64rem; letter-spacing: .16em;
  text-transform: uppercase; color: var(--kul-sonuk); margin-bottom: .7rem;
}
.kirinti a { color: var(--kul-sonuk); text-decoration: none; }
.kirinti a:hover { color: var(--pas-parlak); }

/* --------------------------------------------------------------------- düğme */

.dugme {
  display: inline-flex; align-items: center; gap: .5rem;
  font-family: var(--font-mono); font-size: .7rem; letter-spacing: .16em;
  text-transform: uppercase; text-decoration: none; cursor: pointer;
  padding: .62rem 1.1rem; border: 1px solid var(--kul-acik);
  background: var(--kul-orta); color: var(--kul-parlak);
  transition: border-color .15s, color .15s, background .15s;
}
.dugme:hover { border-color: var(--pas); color: var(--pas-parlak); }
/* TEK mor. Sayfada başka mor yok. */
.dugme.birincil { background: var(--erg); border-color: var(--erg); color: #fff; }
.dugme.birincil:hover { background: var(--erg-parlak); border-color: var(--erg-parlak); color: #fff; }
.dugme.kucuk { padding: .4rem .75rem; font-size: .62rem; }
.dugme.sonuk { background: none; color: var(--kul-sonuk); }
.dugme.sonuk:hover { color: var(--pas-parlak); }

/* ------------------------------------------------------------------- dosyalar */

.dosyalar { border-top: 1px solid var(--kul-acik); }
.dosya {
  display: grid; grid-template-columns: 4.2rem 1fr auto; gap: 1.25rem;
  align-items: center; padding: 1.15rem .4rem; border-bottom: 1px solid var(--kul-acik);
  text-decoration: none; position: relative; transition: background .15s;
}
.dosya:hover { background: rgba(42,39,36,.32); }
.dosya-kod {
  font-family: var(--font-mono); font-size: .72rem; letter-spacing: .1em;
  color: var(--pas-metin); border: 1px solid var(--pas-sonuk); padding: .35rem 0;
  text-align: center;
}
/* Üçü de <span>: display:block olmadan tek satıra dizilip yapışıyorlardı. */
.dosya-ad, .dosya-acik, .dosya-son { display: block; }
.dosya-ad { font-family: var(--font-display); font-size: 1.12rem; text-transform: uppercase; color: var(--kul-parlak); letter-spacing: .01em; }
.dosya:hover .dosya-ad { color: var(--pas-parlak); }
.dosya-acik { font-size: .85rem; color: var(--kul-metin); margin-top: .15rem; max-width: 64ch; }
.dosya-son { font-family: var(--font-mono); font-size: .66rem; color: var(--kul-sonuk); margin-top: .5rem; letter-spacing: .03em; }
.dosya-sayi { text-align: right; font-family: var(--font-mono); font-size: .66rem; color: var(--kul-sonuk); letter-spacing: .1em; white-space: nowrap; line-height: 1.9; }
.dosya-sayi b { color: var(--kul-parlak); font-weight: 500; }

.yeni-nokta {
  display: inline-block; width: 6px; height: 6px; background: var(--pas-parlak);
  border-radius: 50%; margin-right: .45rem; vertical-align: middle;
}
/* Nokta yalnizca renk. Yanina gorunmez metin: ekran okuyucu "yeni" der,
   renk koru olan da liste basliginin kalinligindan ayirt eder. */
.gizli-metin {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* --------------------------------------------------------------------- kayıtlar */

.kayitlar { border-top: 1px solid var(--kul-acik); }
.kayit {
  display: grid; grid-template-columns: auto 1fr auto auto; gap: 1rem;
  align-items: center; padding: .9rem .4rem; border-bottom: 1px solid var(--kul-acik);
  transition: background .15s;
}
.kayit:hover { background: rgba(42,39,36,.28); }
.kayit-imza {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 3.1rem; min-height: 2.9rem; border: 1px solid var(--kul-acik);
  background: none; cursor: pointer; color: var(--kul-sonuk); padding: .3rem 0;
  font-family: var(--font-mono);
}
.kayit-imza:hover { border-color: var(--pas); color: var(--pas-parlak); }
.kayit-imza.atili { border-color: var(--pas); background: rgba(138,74,38,.14); color: var(--pas-parlak); }
.kayit-imza .n { font-size: .95rem; line-height: 1; color: var(--kul-parlak); }
.kayit-imza.atili .n { color: var(--pas-parlak); }
.kayit-imza .e { font-size: .5rem; letter-spacing: .12em; margin-top: .18rem; }

.kayit-baslik { font-family: var(--font-display); font-size: 1.02rem; text-transform: uppercase; text-decoration: none; color: var(--kul-parlak); letter-spacing: .01em; }
.kayit-baslik:hover { color: var(--pas-parlak); }
.kayit.okunmadi .kayit-baslik { color: #fff; }
.kayit-alt { font-family: var(--font-mono); font-size: .64rem; color: var(--kul-sonuk); letter-spacing: .04em; margin-top: .25rem; display: flex; gap: .8rem; flex-wrap: wrap; align-items: center; }
.kayit-sayi { font-family: var(--font-mono); font-size: .68rem; color: var(--kul-sonuk); text-align: right; letter-spacing: .06em; white-space: nowrap; }
.kayit-sayi b { color: var(--kul-parlak); font-weight: 500; }
.kayit-son { font-family: var(--font-mono); font-size: .64rem; color: var(--kul-sonuk); text-align: right; white-space: nowrap; min-width: 8.5rem; }

/* spec rozeti — renk data/specs.py'den, satır içi stil ile gelir */
.spec {
  font-family: var(--font-mono); font-size: .58rem; letter-spacing: .12em;
  text-transform: uppercase; padding: .12rem .4rem; white-space: nowrap;
  border: 1px solid currentColor;
}
.rozet-yetkili {
  font-family: var(--font-mono); font-size: .55rem; letter-spacing: .14em;
  text-transform: uppercase; color: var(--pas-parlak);
  border: 1px solid var(--pas-sonuk); padding: .12rem .4rem;
}

/* --------------------------------------------------------------------- damga */

.damga {
  font-family: var(--font-mono); font-size: .6rem; letter-spacing: .18em;
  padding: .3rem .6rem; border: 2px solid currentColor; white-space: nowrap;
  display: inline-block;
}
.damga.buyuk { font-size: .74rem; padding: .5rem .95rem; transform: rotate(-6deg); }

/* ------------------------------------------------------------------ süzgeçler */

.suzgec { display: flex; gap: .45rem; flex-wrap: wrap; margin-bottom: 1.25rem; align-items: center; }
.suzgec a {
  font-family: var(--font-mono); font-size: .62rem; letter-spacing: .14em;
  text-transform: uppercase; text-decoration: none; color: var(--kul-sonuk);
  border: 1px solid var(--kul-acik); padding: .35rem .7rem;
}
.suzgec a:hover { border-color: var(--pas); color: var(--pas-parlak); }
.suzgec a.etkin { border-color: var(--pas); color: var(--pas-parlak); background: rgba(138,74,38,.12); }
.suzgec .ayrac { width: 1px; height: 1.2rem; background: var(--kul-acik); margin: 0 .4rem; }

/* ---------------------------------------------------------------------- konu */

.konu-bas { border-bottom: 1px solid var(--kul-acik); padding-bottom: 1.3rem; margin-bottom: 1.4rem; position: relative; }
/* Künyenin altındaki çizgi ilk yazıyı zaten ayırıyor; ikinci çizgi boş bir
   kutu izlenimi veriyordu. */
.mesaj:first-of-type { border-top: 0; padding-top: 0; }
.konu-bas h1 { font-size: clamp(1.45rem, 3.6vw, 2.15rem); max-width: 26ch; }
.konu-kunye { font-family: var(--font-mono); font-size: .64rem; letter-spacing: .1em; color: var(--kul-sonuk); margin-top: .8rem; display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }
.konu-damga { position: absolute; top: -.2rem; right: 0; }

.mesaj {
  display: grid; grid-template-columns: 11.5rem 1fr; gap: 1.6rem;
  border-top: 1px solid var(--kul-acik); padding: 1.5rem 0;
}
.mesaj:target .govde { box-shadow: -1.6rem 0 0 -1.5rem var(--pas-parlak); }
.yazar { border-left: 2px solid var(--kul-acik); padding-left: .9rem; }
.yazar-ad { font-family: var(--font-display); font-size: 1rem; text-transform: uppercase; color: var(--kul-parlak); text-decoration: none; display: block; letter-spacing: .02em; }
.yazar-ad:hover { color: var(--pas-parlak); }
.yazar-alt { font-family: var(--font-mono); font-size: .58rem; letter-spacing: .1em; color: var(--kul-sonuk); margin-top: .4rem; line-height: 1.9; }
.yazar-rozet { margin-top: .5rem; display: flex; gap: .3rem; flex-wrap: wrap; }

.govde { min-width: 0; }
.govde-kunye {
  font-family: var(--font-mono); font-size: .6rem; letter-spacing: .12em;
  color: var(--kul-sonuk); border-bottom: 1px dotted var(--kul-acik); padding-bottom: .5rem;
  margin-bottom: .9rem; display: flex; gap: .9rem; align-items: center; flex-wrap: wrap;
}
.govde-kunye a { color: var(--kul-sonuk); text-decoration: none; }
.govde-kunye a:hover { color: var(--pas-parlak); }
.govde-kunye .sag { margin-left: auto; display: flex; gap: .8rem; }

.metin { font-size: .95rem; color: #b5aea4; overflow-wrap: break-word; }
.metin > *:first-child { margin-top: 0; }
.metin > *:last-child { margin-bottom: 0; }
.metin p { margin: 0 0 1rem; }
.metin h1, .metin h2, .metin h3, .metin h4 { font-size: 1.05rem; margin: 1.6rem 0 .7rem; }
.metin a { color: var(--pas-parlak); }
.metin code {
  font-family: var(--font-mono); font-size: .84em; background: var(--kul-orta);
  border: 1px solid var(--kul-acik); padding: .1rem .35rem;
}
.metin pre {
  background: #0a0908; border: 1px solid var(--kul-acik); border-left: 2px solid var(--pas-sonuk);
  padding: .9rem 1rem; overflow-x: auto; font-size: .82rem;
}
.metin pre code { background: none; border: 0; padding: 0; }
.metin blockquote {
  margin: 1rem 0; padding: .2rem 0 .2rem 1.1rem;
  border-left: 2px solid rgba(189,94,83,.55); color: var(--kalem);
  font-family: var(--font-mono); font-size: .82rem;
}
.metin img { max-width: 100%; height: auto; border: 1px solid var(--kul-acik); }
.metin table { border-collapse: collapse; width: 100%; font-size: .85rem; margin: 1rem 0; display: block; overflow-x: auto; }
.metin th, .metin td { border: 1px solid var(--kul-acik); padding: .4rem .7rem; text-align: left; }
.metin th { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--kul-parlak); }
.metin hr { border: 0; border-top: 1px solid var(--kul-acik); margin: 1.6rem 0; }
.metin mark { background: rgba(199,106,52,.24); color: var(--kul-parlak); }
.metin ul, .metin ol { padding-left: 1.3rem; }

/* ---------------------------------------------------------------------- form */

.kutu { border: 1px solid var(--kul-acik); background: var(--kul-koyu); padding: 1.5rem; }
.alan { margin-bottom: 1.15rem; }
.alan label {
  display: block; font-family: var(--font-mono); font-size: .64rem;
  letter-spacing: .18em; text-transform: uppercase; color: var(--pas-metin); margin-bottom: .45rem;
}
.alan input[type=text], .alan input[type=password], .alan textarea, .alan select {
  width: 100%; background: var(--kul-dip); border: 1px solid var(--kul-acik);
  color: var(--kul-parlak); font-family: var(--font-body); font-size: .95rem;
  padding: .65rem .8rem; line-height: 1.6;
}
.alan textarea { font-family: var(--font-mono); font-size: .85rem; resize: vertical; min-height: 12rem; }
/* Odak halkası girdilerde tamamen kapalıydı — klavyeyle gezen kullanıcı
   nerede olduğunu göremiyordu. Kenarlık rengi tek başına gösterge değil. */
.alan input:focus, .alan textarea:focus, .alan select:focus {
  border-color: var(--pas-parlak);
  outline: 2px solid var(--erg-parlak); outline-offset: 2px;
}
.alan .ipucu { font-family: var(--font-mono); font-size: .6rem; letter-spacing: .06em; color: var(--kul-sonuk); margin-top: .4rem; }
.secim {
  background: var(--kul-dip); border: 1px solid var(--kul-acik);
  color: var(--kul-parlak); font-family: var(--font-mono);
  font-size: .68rem; padding: .45rem .5rem;
}
.secim:focus { border-color: var(--pas-parlak); outline: 2px solid var(--erg-parlak); outline-offset: 2px; }
.form-alt { display: flex; gap: .7rem; align-items: center; margin-top: 1.4rem; }
.form-alt .sag { margin-left: auto; }

/* kenar notu — kırmızı kalem */
.kenar-not {
  display: block; margin: 1.2rem 0; padding-left: 1rem;
  border-left: 2px solid rgba(189,94,83,.55); font-family: var(--font-mono);
  font-size: .72rem; line-height: 1.75; color: var(--kalem); max-width: 52ch;
}

.uyari { border: 1px solid var(--pas-sonuk); background: rgba(138,74,38,.1); color: var(--pas-parlak); padding: .8rem 1rem; font-family: var(--font-mono); font-size: .74rem; margin-bottom: 1.2rem; }

/* ------------------------------------------------------------------- ızgara */

.iki { display: grid; grid-template-columns: 1fr 300px; gap: 3rem; align-items: start; }
.yan h2 { font-size: .78rem; font-family: var(--font-mono); letter-spacing: .2em; color: var(--pas-metin); font-weight: 400; margin-bottom: .9rem; }
.yan-blok { border: 1px solid var(--kul-acik); padding: 1.1rem; margin-bottom: 1.5rem; }
.yan-satir { display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: .68rem; letter-spacing: .06em; padding: .3rem 0; border-bottom: 1px dotted var(--kul-acik); }
.yan-satir:last-child { border: 0; }
.yan-satir b { color: var(--kul-parlak); font-weight: 500; }
.yan-ara {
  width: 100%; background: var(--kul-dip); border: 1px solid var(--kul-acik);
  color: var(--kul-parlak); font-family: var(--font-mono); font-size: .78rem;
  padding: .55rem .6rem;
}
.yan-ara:focus { border-color: var(--pas-parlak); outline: 2px solid var(--erg-parlak); outline-offset: 2px; }
.yan h2 + .yan-blok label, .yan-blok label {
  display: block; font-family: var(--font-mono); font-size: .6rem;
  letter-spacing: .14em; text-transform: uppercase; color: var(--pas-metin);
  margin-bottom: .4rem;
}
.yan-kayit { display: block; text-decoration: none; padding: .55rem 0; border-bottom: 1px dotted var(--kul-acik); }
.yan-kayit:last-child { border: 0; }
.yan-kayit .b { color: var(--kul-parlak); font-size: .82rem; line-height: 1.4; display: block; }
.yan-kayit:hover .b { color: var(--pas-parlak); }
.yan-kayit .a { font-family: var(--font-mono); font-size: .58rem; letter-spacing: .08em; color: var(--kul-sonuk); }

/* -------------------------------------------------------------------- sayfalama */

.sayfalama { display: flex; gap: .5rem; justify-content: center; margin-top: 2rem; align-items: center; font-family: var(--font-mono); font-size: .66rem; letter-spacing: .12em; color: var(--kul-sonuk); }

.bos { text-align: center; padding: 4rem 1rem; border: 1px dashed var(--kul-acik); }
.bos p { font-family: var(--font-mono); font-size: .74rem; letter-spacing: .1em; color: var(--kul-sonuk); text-transform: uppercase; }

/* ------------------------------------------------------------------ alt şerit */

.evrak-serit {
  position: relative; z-index: 2; display: flex; justify-content: center;
  gap: clamp(1rem, 5vw, 3.5rem); flex-wrap: wrap; padding: .85rem 1.5rem;
  border-top: 1px solid var(--kul-acik); background: #0a0908;
  font-family: var(--font-mono); font-size: .56rem; letter-spacing: .24em;
  /* Bilerek silik: evrak dokusu, aria-hidden. Ekran okuyucu görmez, WCAG
     metin eşiği geçerli değil — yine de okunacak kadar açıldı. */
  color: #5f5a56; text-transform: uppercase;
}
.alt { position: relative; z-index: 2; border-top: 1px solid var(--kul-acik); padding: 2rem 0; }
.alt-ic { display: flex; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; font-family: var(--font-mono); font-size: .64rem; letter-spacing: .1em; color: var(--kul-sonuk); }
.alt-ic a { color: var(--kul-sonuk); text-decoration: none; margin-right: 1.1rem; }
.alt-ic a:hover { color: var(--pas-parlak); }

/* --------------------------------------------------------------------- dar ekran */

@media (max-width: 900px) {
  .iki { grid-template-columns: 1fr; gap: 2rem; }
  .mesaj { grid-template-columns: 1fr; gap: .9rem; }
  .yazar { border-left: 0; border-top: 2px solid var(--kul-acik); padding: .7rem 0 0; display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
  .yazar-alt { margin: 0; }
}

@media (max-width: 720px) {
  /* Üst şerit iki satıra iner: marka + menü, altında tam genişlik arama.
     Arama mobilde GİZLENMEZ — "bu hata zaten bildirilmiş mi?" sorusunu
     cevaplayan tek şey o, ve testçilerin yarısı telefondan bakıyor. */
  /* Yalnız dikey dolgu: `padding: .7rem 0` .kabuk'un yatay dolgusunu siliyor
     ve şerit ekranın soluna yapışıyordu. */
  .ust-ic { flex-wrap: wrap; height: auto; padding-block: .7rem; gap: .6rem 1rem; }
  .marka { order: 1; }
  .ust nav { order: 2; margin-left: auto; }
  .ust-ara { order: 3; flex: 1 0 100%; max-width: none; margin: 0; }
  .menu { gap: .85rem; flex-wrap: wrap; justify-content: flex-end; }
  .menu a { font-size: .66rem; letter-spacing: .1em; }

  .dosya { grid-template-columns: 3.4rem 1fr; gap: .9rem; }
  .dosya-sayi { grid-column: 2; text-align: left; line-height: 1.6; }
  .kayit { grid-template-columns: auto 1fr; }
  .kayit-sayi, .kayit-son { grid-column: 2; text-align: left; min-width: 0; }
  .kayit-son { margin-top: -.2rem; }
  .sayfa-bas { gap: 1rem; }
  .sayfa-bas .sag { margin-left: 0; width: 100%; }
  .konu-damga { position: static; display: block; margin-bottom: .8rem; }
  .konu-bas h1 { max-width: none; }
}

@media (max-width: 420px) {
  /* Dışarı çıkan bağlantı dar ekranda ilk feda edilecek şey. */
  .menu li:nth-child(2) { display: none; }
}