/* tariffly — Moleküler Veritabanı · görsel kimlik
   Renk / tipografi / ölçü token'ları design handoff'tan (hi-fi). */

:root{
  /* zeminler */
  --bg:#070A09;            /* sayfa */
  --bg-bar:#090D0B;        /* nav / footer bar */
  --surface:#0D1310;       /* kart, input */
  --surface-dim:#0A0F0C;   /* stat, panel */
  --surface-dim2:#0C110E;
  --surface-hover:#101711;
  --chip:#141C17;          /* pill zemin */

  /* kenarlar */
  --border:#1C2622;
  --border-strong:#263129; /* input */
  --border-input:#2A382F;
  --border-chip:#232F2A;   /* pasif chip */
  --border-hover:#3E5B47;

  /* sinyal / birincil (lime) */
  --signal:#C6F24E;
  --signal-hover:#DCFF86;
  --signal-bg:#182016;     /* aktif chip zemin */
  --on-signal:#07130A;

  /* veri / ikincil */
  --data:#5FE3C0;
  --data-bg:#131E1A;
  --data-border:#26433C;

  /* metin */
  --text:#E9F1EB;
  --text-strong:#F2F8F3;
  --text-head:#EDF4EE;
  --text-body:#C0CEC5;
  --text-dim:#93A29A;
  --text-dim2:#9EADA4;
  --text-label:#7E8F86;
  --text-faint:#5E6E66;

  /* yapı görseli beyaz kart */
  --struct-bg:#F4F7F4;
  --struct-stripe:#E7ECE7;

  --font:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --gutter:24px;
  --header-h:60px;
}

*{box-sizing:border-box}
[hidden]{display:none !important}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--text);
  font-family:var(--font); font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overscroll-behavior:none;
}
img{max-width:100%}
a{color:var(--signal); text-decoration:none}
a:hover{color:var(--signal-hover)}
button{font-family:inherit; cursor:pointer}
::selection{background:var(--signal); color:var(--on-signal)}
*{scrollbar-width:thin; scrollbar-color:var(--border-hover) transparent}
::-webkit-scrollbar{width:9px; height:9px}
::-webkit-scrollbar-thumb{background:var(--border-hover); border-radius:99px}
::-webkit-scrollbar-track{background:transparent}

.material-symbols-outlined{
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
  font-size:20px; line-height:1; user-select:none;
}
.mono,.data{font-family:var(--mono); font-variant-numeric:tabular-nums}
.muted{color:var(--text-dim)}
.accent{color:var(--signal)}
.accent-data{color:var(--data)}

@keyframes pulseDot{0%,100%{opacity:.35}50%{opacity:1}}

/* ================================================================= HEADER */
.top{
  position:sticky; top:0; z-index:60; min-height:var(--header-h);
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  padding:12px var(--gutter);
  background:rgba(7,10,9,.92);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.brand{display:flex; align-items:center; gap:10px; flex-shrink:0}
.brand .logo{display:block}
.brand-name{
  font-weight:700; font-size:19px; letter-spacing:-.03em; color:var(--text-strong);
  white-space:nowrap;
}
.nav{display:flex; align-items:center; gap:4px; margin-left:12px}
.nav a{
  font-family:var(--mono); font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
  padding:8px 12px; border-radius:7px; color:var(--text-dim); transition:.15s;
}
.nav a:hover{color:var(--text); background:var(--chip)}
.nav a.on{color:var(--text); background:var(--chip)}

.avatar{
  margin-left:auto; flex-shrink:0;
  width:32px; height:32px; border-radius:50%;
  background:var(--chip); border:1px solid var(--border-input);
  color:var(--signal);
  display:flex; align-items:center; justify-content:center;
}
.avatar .material-symbols-outlined{font-size:18px}

/* kompakt header arama — sonuç ekranında görünür */
.header-search{
  position:relative; flex:1; min-width:220px; max-width:520px;
  display:flex; align-items:center; gap:8px;
  background:var(--surface); border:1px solid var(--border-strong); border-radius:10px;
  padding:8px 12px; transition:border-color .2s;
}
.header-search:focus-within{border-color:var(--signal)}
.header-search > .material-symbols-outlined{color:var(--text-label); font-size:17px}
.header-search input{
  flex:1; min-width:60px; background:transparent; border:0; outline:0;
  color:var(--text); font-family:var(--mono); font-size:14px;
}
.header-search input::placeholder{color:var(--text-label)}
.header-search + .avatar{margin-left:8px}
.hs-go{
  background:var(--signal); color:var(--on-signal); border:0;
  font-family:var(--mono); font-size:11px; font-weight:700; text-transform:uppercase;
  padding:5px 12px; border-radius:6px; letter-spacing:.04em;
}
.hs-go:hover{background:var(--signal-hover)}
.header-search .ghost{
  background:transparent; border:1px solid var(--border-chip); border-radius:6px;
  color:var(--text-dim); font-family:var(--mono); font-size:11px; padding:5px 10px;
  transition:.15s;
}
.header-search .ghost:hover{border-color:var(--signal); color:var(--signal)}
.home-btn{padding:5px !important}
.home-btn .material-symbols-outlined{font-size:16px}

/* ================================================================= HERO */
.hero{
  position:relative; overflow:hidden;
  padding:96px var(--gutter) 72px;
  background:radial-gradient(1100px 520px at 50% -10%, rgba(198,242,78,.10), transparent 70%), var(--bg);
  text-align:center;
}
#bgfx{position:absolute; inset:0; width:100%; height:100%; z-index:0; display:block}
.hero-grid{
  position:absolute; inset:0; z-index:1; opacity:.08; pointer-events:none;
  background-image:
    linear-gradient(to right,  var(--border-hover) 1px, transparent 1px),
    linear-gradient(to bottom, var(--border-hover) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 90% 80% at 50% 30%, #000 30%, transparent 85%);
}
.hero-fade{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(0deg, var(--bg) 2%, transparent 40%);
}
.hero-inner{
  position:relative; z-index:3; width:100%; max-width:900px; margin:0 auto;
  display:flex; flex-direction:column; align-items:center; gap:28px;
}

.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  padding:7px 14px; border:1px solid var(--border-input); border-radius:999px;
  background:#0B100E;
  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:#A9B8AF;
}
.eyebrow .material-symbols-outlined{font-size:14px; color:var(--signal)}
.dot-live{
  width:6px; height:6px; border-radius:50%; background:var(--signal);
  animation:pulseDot 2.4s ease-in-out infinite; flex-shrink:0;
}

.headline{
  margin:0; font-weight:600; font-size:clamp(38px,6.2vw,68px);
  line-height:1.02; letter-spacing:-.035em; color:var(--text-strong); text-wrap:balance;
}
.headline .accent{color:var(--signal)}
.lede{max-width:56ch; margin:0; font-size:17px; line-height:1.6; color:var(--text-dim2); text-wrap:pretty}

/* hero arama kutusu */
.search{
  width:100%; text-align:left;
  padding:8px; background:var(--surface); border:1px solid var(--border-strong);
  border-radius:16px; box-shadow:0 24px 60px -30px rgba(198,242,78,.28);
  transition:border-color .2s;
}
.search:focus-within{border-color:var(--signal)}
.search-row{display:flex; align-items:center; gap:12px; padding:16px 16px 14px}
.search-row .material-symbols-outlined{color:var(--text-label); font-size:20px}
.search-row input{
  flex:1; background:transparent; border:0; outline:0; color:var(--text);
  font-family:var(--mono); font-size:19px;
}
.search-row input::placeholder{color:var(--text-faint)}
.search-bar{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  padding:10px; border-top:1px solid var(--border);
}
.segs{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.seg{position:relative; cursor:pointer}
.seg input{position:absolute; opacity:0; inset:0; cursor:pointer}
.seg span{
  display:inline-block; padding:8px 14px; border-radius:8px;
  font-family:var(--mono); font-size:12px; color:#A9B8AF; transition:.15s;
}
.seg:hover span{background:var(--chip); color:var(--text)}
.seg input:checked + span{
  background:var(--signal); color:var(--on-signal); font-weight:500;
}
.seg input:focus-visible + span{outline:2px solid var(--signal); outline-offset:2px}
.search-bar .btn-primary{margin-left:auto}

.btn-primary{
  background:var(--signal); color:var(--on-signal); border:0;
  font-family:var(--mono); font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  padding:12px 26px; border-radius:9px; transition:background .15s;
}
.btn-primary:hover{background:var(--signal-hover)}

.ex{
  margin:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px;
  font-family:var(--mono); font-size:12px; color:var(--text-label);
}
.ex a{padding:3px 8px; border:1px solid var(--border-strong); border-radius:6px; color:var(--signal)}
.ex a:hover{border-color:var(--signal)}
.ex .muted{color:var(--text-label)}

/* istatistik plakaları — 1px hairline grid */
.stats-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1px;
  background:var(--border); border:1px solid var(--border); border-radius:14px; overflow:hidden;
  width:100%; text-align:left;
}
.stat{background:var(--surface-dim); padding:24px; display:flex; flex-direction:column; gap:8px}
.stat-k{font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--text-label)}
.stat-v{font-family:var(--mono); font-size:30px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--text)}
.stat-v.accent{color:var(--signal)}
.stat-v.accent-data{color:var(--data)}

/* ================================================================= HAKKINDA */
.about{max-width:900px; margin:0 auto; padding:64px var(--gutter) 80px}
.about-in{display:flex; flex-direction:column; gap:36px}
.about-title{font-size:clamp(28px,4vw,42px); font-weight:600; letter-spacing:-.03em; line-height:1.15; margin:0; text-wrap:balance}
.about-title .accent{color:var(--signal)}
.about-lede{max-width:62ch; font-size:17px; line-height:1.65; color:var(--text-dim2); margin:0; text-wrap:pretty}
.about-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px}
.about-card{background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:22px;
  display:flex; flex-direction:column; gap:8px}
.about-card .about-k{font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--signal)}
.about-card h3{margin:0; font-size:16px; font-weight:600; color:var(--text)}
.about-card p{margin:0; font-size:14px; line-height:1.55; color:var(--text-dim)}
.about-card b{color:var(--text); font-weight:600}
.about-foot{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding:26px; border:1px solid var(--border-strong); border-radius:14px;
  background:radial-gradient(600px 200px at 0% 0%, rgba(198,242,78,.08), transparent 70%)}
.about-foot p{max-width:70ch; margin:0; font-size:14.5px; line-height:1.6; color:var(--text-dim)}
.about-foot a{color:var(--signal)}
.about-foot a:hover{text-decoration:underline}

/* ================================================================= FEED / GÜNCELLEMELER */
.feed-wrap{max-width:1180px; margin:0 auto; padding:48px var(--gutter) 24px}
.section-head{display:flex; flex-direction:column; gap:6px; margin-bottom:26px}
.section-head h2{margin:0; font-size:32px; font-weight:600; letter-spacing:-.025em; order:2}
.section-sub{margin:0; font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--signal); order:1}

.feed{display:flex; flex-direction:column; gap:14px}
.feed-title{font-size:20px; font-weight:600; margin:0; letter-spacing:-.02em}
.feed-sub{
  display:flex; align-items:center; gap:10px; margin:12px 0 0;
  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--text-dim); font-weight:400;
}
.feed-sub::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--signal); flex-shrink:0}
.feed-sub.changed::before{background:var(--data)}
.feed-sub.removed-h::before{background:var(--text-faint)}

.daystrip{display:flex; gap:8px; overflow-x:auto; padding-bottom:6px}
.daystrip span{
  cursor:pointer; flex:0 0 auto;
  display:inline-flex; align-items:center; gap:10px;
  padding:11px 14px; border:1px solid var(--border-chip); border-radius:10px;
  background:#0B100E; transition:.15s;
}
.daystrip span:hover{border-color:var(--border-hover)}
.daystrip span.on{border-color:var(--signal)}
.daystrip b{font-family:var(--mono); font-variant-numeric:tabular-nums; font-weight:400; font-size:12.5px; color:var(--text-body)}
.daystrip span.on b{color:var(--signal)}
.daystrip .muted{
  font-family:var(--mono); font-size:10.5px; padding:3px 7px; border-radius:5px;
  background:var(--chip); color:var(--text-label);
}

.feed-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(268px,1fr)); gap:14px}
.fcard{
  display:flex; gap:14px; padding:14px;
  background:var(--surface); border:1px solid var(--border); border-radius:12px;
  cursor:pointer; transition:border-color .15s, background .15s;
}
.fcard:hover{border-color:var(--signal); background:var(--surface-hover)}
.fcard.added{border-left:2px solid var(--signal)}
.fcard.changed{border-left:2px solid var(--data)}
.fthumb{
  flex:0 0 96px; width:96px; height:96px; border-radius:8px; overflow:hidden;
  background:var(--struct-bg); display:flex; align-items:center; justify-content:center;
}
.fthumb img{max-width:100%; max-height:100%; object-fit:contain}
.fthumb .none{font-family:var(--mono); font-size:8.5px; color:#7A8880; text-align:center; padding:4px; line-height:1.3}
.fbody{display:flex; flex-direction:column; gap:6px; min-width:0}
.fname{font-size:13.5px; font-weight:500; line-height:1.35; color:var(--text-head);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.fmeta{font-family:var(--mono); font-size:11px; color:var(--text-label)}
.fhs{font-family:var(--mono); font-size:11.5px; color:var(--signal)}
.fcard.changed .fhs{color:var(--data)}

.removed{display:flex; flex-direction:column; gap:6px; font-size:13px}
.removed > div{padding:10px 12px; background:var(--surface); border:1px solid var(--border); border-radius:8px}
.removed b{font-family:var(--mono); color:var(--text)}
.removed .muted{font-family:var(--mono); font-size:11px}

/* ================================================================= RESULT BAR */
.resultbar{
  position:sticky; top:var(--header-h); z-index:40;
  display:flex; align-items:baseline; flex-wrap:wrap; gap:14px;
  max-width:1400px; margin:0 auto; padding:24px var(--gutter) 4px;
}
.mini-hero{display:none}
.rb-left{display:flex; align-items:baseline; gap:14px; min-width:0}
.rb-left strong{font-size:24px; font-weight:600; letter-spacing:-.02em}
.rb-left strong .code{font-family:var(--mono); color:var(--signal)}
#rCount{font-family:var(--mono); font-size:12.5px; color:var(--text-dim)}
.rb-right{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-left:auto}
#filter{
  background:var(--surface); border:1px solid var(--border-strong); border-radius:8px;
  color:var(--text); font-family:var(--mono); font-size:11.5px; padding:8px 12px; min-width:160px;
}
#filter::placeholder{color:var(--text-dim)}
#filter:focus{outline:0; border-color:var(--signal)}

/* butonlar */
.ghost{
  background:transparent; border:1px solid var(--border-strong); border-radius:8px;
  color:var(--text-body); font-family:var(--mono); font-size:11.5px; letter-spacing:.03em;
  padding:8px 12px; text-transform:uppercase; transition:.15s;
  display:inline-flex; align-items:center; gap:6px;
}
.ghost:hover{border-color:var(--signal); color:var(--signal)}
.ghost:disabled{opacity:.4; cursor:default; border-color:var(--border-chip); color:var(--text-dim)}
.ghost .material-symbols-outlined{font-size:15px}

/* ================================================================= SUBCODE CHIPS */
.subcodes{
  display:flex; gap:8px; flex-wrap:wrap; align-items:center;
  max-width:1400px; margin:0 auto; padding:16px var(--gutter) 0;
}
.subcodes span{
  cursor:pointer; font-family:var(--mono); font-size:12px; padding:8px 12px;
  border-radius:8px; border:1px solid var(--border-chip); color:#A9B8AF; transition:.15s;
}
.subcodes span:hover{border-color:var(--border-hover); color:var(--text)}
.subcodes span.on{background:var(--signal-bg); border-color:var(--signal); color:var(--signal)}
.subcodes .lbl{cursor:default; border:0; color:var(--text-label); text-transform:uppercase; letter-spacing:.06em; padding-left:4px}
.subcodes .lbl:hover{color:var(--text-label)}

/* ================================================================= GRID + CARD */
.grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(232px,1fr)); gap:14px;
  max-width:1400px; margin:20px auto 0; padding:0 var(--gutter);
}
.feed .grid, .feed .feed-grid{margin-top:0; padding:0}
.card{
  background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow:hidden;
  display:flex; flex-direction:column; cursor:pointer;
  transition:border-color .15s, background .15s;
}
.card:hover{border-color:var(--signal); background:var(--surface-hover)}
.struct{position:relative; padding:10px; background:var(--struct-bg); border-bottom:1px solid var(--border)}
.struct-box{
  height:132px; border-radius:6px; overflow:hidden; background:#fff;
  display:flex; align-items:center; justify-content:center;
}
.struct-box img{max-width:100%; max-height:100%; object-fit:contain}
.struct .none{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center;
  font-family:var(--mono); font-size:10px; letter-spacing:.08em; color:#7A8880; padding:8px;
  background:repeating-linear-gradient(45deg,var(--struct-stripe) 0 6px,var(--struct-bg) 6px 12px);
}
.hs-badge{
  position:absolute; top:16px; left:16px;
  font-family:var(--mono); font-size:9px; letter-spacing:.1em;
  padding:3px 6px; border-radius:4px; background:#0F1A13; color:var(--signal);
}
.cbody{padding:14px; display:flex; flex-direction:column; gap:8px}
.cname{font-size:14.5px; font-weight:500; line-height:1.35; color:var(--text-head);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.cmeta{display:flex; flex-direction:column; gap:3px; font-family:var(--mono); font-size:11px; color:var(--text-label)}
.cmeta > span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* kod rozetleri (güncel / eski) */
.code-cur{color:var(--signal); font-weight:500}
.code-del{color:var(--text-faint); text-decoration:line-through; opacity:.8}
.badge-cur{margin-left:.25rem; font-size:8.5px; text-transform:uppercase; letter-spacing:.04em;
  background:var(--signal-bg); color:var(--signal);
  padding:.05rem .3rem; border-radius:4px; vertical-align:middle}

/* karakteristik etiketleri */
.tags{display:flex; flex-wrap:wrap; gap:6px}
.tag{
  align-self:flex-start;
  font-family:var(--mono); font-size:10px; letter-spacing:.08em;
  padding:4px 8px; border-radius:5px;
  background:var(--data-bg); border:1px solid var(--data-border); color:var(--data);
}

/* değişiklik özeti (feed kartları) */
.change{padding-top:8px; margin-top:2px; border-top:1px solid var(--border);
  font-family:var(--mono); font-size:11px; display:flex; flex-direction:column; gap:3px}
.chg-row{display:flex; flex-wrap:wrap; gap:4px; align-items:baseline}
.chg-k{color:var(--text-label)}
.chg-old{color:var(--text-faint); text-decoration:line-through; opacity:.8}
.chg-arrow{color:var(--text-label)}
.chg-new{color:var(--data)}

/* ================================================================= PAGER */
.pager{
  display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
  max-width:1400px; margin:0 auto; padding:24px var(--gutter) 40px;
  font-family:var(--mono); font-size:12px;
}
.pager button, .pager .pg{
  background:transparent; border:1px solid var(--border-chip); border-radius:7px;
  color:#A9B8AF; font-family:var(--mono); font-size:12px; padding:8px 13px; transition:.15s;
}
.pager button:hover:not(:disabled){border-color:var(--border-hover); color:var(--text)}
.pager button:disabled{color:var(--text-faint); cursor:default}
.pager .pg{cursor:pointer}
.pager .pg.on{background:var(--signal-bg); border-color:var(--signal); color:var(--signal); cursor:default}
.pager .dots{color:var(--text-faint); padding:0 2px; border:0}

/* ================================================================= DETAY PANELİ */
.scrim{position:fixed; inset:0; z-index:70; background:rgba(7,10,9,.7); backdrop-filter:blur(3px)}
.panel{
  position:fixed; top:0; right:0; z-index:80; width:min(560px,100%); height:100%;
  background:var(--surface-dim); border-left:1px solid var(--border);
  overflow-y:auto; padding:26px 26px 48px;
  animation:slidein .22s ease-out;
}
@keyframes slidein{from{transform:translateX(24px); opacity:.4}to{transform:none; opacity:1}}
.panel .close{
  position:absolute; top:16px; right:16px; background:transparent; border:1px solid var(--border-strong);
  border-radius:8px; color:var(--text-dim); width:34px; height:34px;
  display:flex; align-items:center; justify-content:center; transition:.15s;
}
.panel .close:hover{border-color:var(--signal); color:var(--signal)}
.panel h2{font-size:22px; font-weight:600; letter-spacing:-.02em; margin:0 40px .4rem 0; line-height:1.25}
.panel h3{font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--text-label); margin:26px 0 10px; border-top:1px solid var(--border); padding-top:18px; font-weight:400}
.panel .struct{border:1px solid var(--border); border-radius:14px; margin:18px 0}
.panel .struct-box{height:300px}
.kv{display:grid; grid-template-columns:auto 1fr; gap:8px 16px; margin-top:8px; font-size:13px}
.kv > div:nth-child(odd){color:var(--text-label); font-family:var(--mono); font-size:11px;
  letter-spacing:.06em; text-transform:uppercase; padding-top:.15rem}
.kv > div:nth-child(even){font-family:var(--mono); font-size:13px; color:var(--text)}
.kv .mono, .panel .mono{font-family:var(--mono); word-break:break-all; font-size:12px}
.panel table{width:100%; border-collapse:collapse; font-size:12.5px; margin-top:4px}
.panel th,.panel td{text-align:left; padding:7px 8px; border-bottom:1px solid var(--border); vertical-align:top}
.panel th{color:var(--text-label); font-weight:400; font-family:var(--mono); font-size:10px;
  text-transform:uppercase; letter-spacing:.06em}
.panel td{color:var(--text-body)}
.panel tr:nth-child(even) td{background:rgba(255,255,255,.015)}
.panel a{color:var(--signal)}
.panel a:hover{text-decoration:underline}
.panel .tags{padding:0}
.panel > .muted{font-size:12px; line-height:1.5; margin:.3rem 0; color:var(--text-dim)}

/* ================================================================= SUGGEST DROPDOWN */
.suggest{
  position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:90;
  background:var(--surface); border:1px solid var(--border-strong); border-radius:10px;
  overflow:hidden; box-shadow:0 20px 40px -20px rgba(0,0,0,.8); max-height:340px; overflow-y:auto;
}
.suggest > div{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:10px 14px; cursor:pointer; border-bottom:1px solid var(--border);
}
.suggest > div:last-child{border-bottom:0}
.suggest > div:hover{background:var(--surface-hover)}
.suggest b{font-family:var(--mono); font-size:13px; color:var(--text)}
.suggest .muted{font-family:var(--mono); font-size:11px; color:var(--text-label)}

/* ================================================================= FOOTER */
.foot{border-top:1px solid var(--border); background:var(--bg-bar); padding:26px 0; margin-top:64px}
.foot-in{max-width:1180px; margin:0 auto; padding:0 var(--gutter);
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.foot-brand{display:flex; align-items:center; gap:9px}
.foot-brand span{font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--text-faint)}
.foot-brand svg, .foot-brand img{opacity:1}
.foot-meta{font-family:var(--mono); font-size:11px; color:var(--text-faint)}

.empty{padding:2rem 0; color:var(--text-dim); text-align:center}

/* ================================================================= RESPONSIVE */
@media (max-width:1023px){
  .nav{display:none}
}
@media (max-width:767px){
  :root{--gutter:16px}
  .brand-name{display:inline}
  .hero{padding:48px var(--gutter) 40px}
  .search-row input{font-size:16px}
  .search-bar .btn-primary{width:100%; margin-left:0}
  .grid{grid-template-columns:1fr 1fr}
  .feed-grid{grid-template-columns:1fr}
  .header-search .ghost{display:none}
  .rb-right #filter{flex:1; min-width:0}
  .panel{width:100%}
}
@media (max-width:440px){
  .grid{grid-template-columns:1fr}
}

/* hareket azaltma */
@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto !important}
}

/* ================================================================= PRINT */
@media print{
  .top,.rb-right,.pager,.subcodes,.panel,.scrim,.hero,.foot,.suggest,.section-head{display:none !important}
  body{background:#fff; color:#000}
  .grid,.card,.struct{background:#fff !important; border-color:#ccc !important}
  .card{break-inside:avoid}
}

/* ================================================================= DİL (TR/EN) */
.lang-switch{
  display:inline-flex; align-items:center; margin-left:auto; margin-right:10px;
  border:1px solid var(--border-chip); border-radius:8px; overflow:hidden;
  background:var(--bg-bar);
}
.lang-switch button{
  font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.08em;
  padding:6px 10px; color:var(--text-dim); background:transparent; border:0; cursor:pointer;
  transition:.15s; line-height:1;
}
.lang-switch button + button{border-left:1px solid var(--border-chip)}
.lang-switch button:hover{color:var(--text); background:var(--chip)}
.lang-switch button.on{color:var(--on-signal); background:var(--signal)}
@media (max-width:767px){
  .lang-switch{margin-right:6px}
  .lang-switch button{padding:6px 8px; font-size:10.5px}
}

/* ================================================================= ÇEREZ ONAYI */
.consent{
  position:fixed; left:50%; bottom:16px; transform:translateX(-50%);
  z-index:9999; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  max-width:min(680px,calc(100vw - 24px));
  background:var(--bg-bar); border:1px solid var(--border-hover); border-radius:12px;
  padding:12px 16px; box-shadow:0 8px 30px rgba(0,0,0,.5);
}
.consent-txt{font-size:13px; color:var(--text-body); flex:1 1 240px}
.consent-btns{display:flex; gap:8px; margin-left:auto}
.consent button{
  font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.04em;
  padding:8px 14px; border-radius:8px; cursor:pointer; border:1px solid var(--border-chip);
  transition:.15s;
}
.consent-decline{background:transparent; color:var(--text-dim)}
.consent-decline:hover{color:var(--text); background:var(--chip)}
.consent-accept{background:var(--signal); color:var(--on-signal); border-color:var(--signal)}
.consent-accept:hover{background:var(--signal-hover); border-color:var(--signal-hover)}
@media (max-width:520px){ .consent{left:12px; right:12px; transform:none; bottom:12px} }