/* Katkı maddeleri rehberi — ana sayfanın tasarım diliyle aynı (renk/tipografi) */
:root{
  --marka:#119E74; --marka-koyu:#0C6B4F; --marka-yumusak:#E6F4EE;
  --murekkep:#16201C; --ikincil:#5F6A62; --soluk:#67726A;
  --zemin:#F7F8F7; --yuzey:#FFFFFF; --cizgi:#ECECE8;
  --r1:#157A5A; --r1y:#E4F1EC; --r2:#8A5A0B; --r2y:#F8F0DB;
  --r3:#A8461B; --r3y:#FAEBE1; --r4:#B22E2B; --r4y:#FBE9E9; --r0:#5F6A62; --r0y:#EEF0EE;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--zemin);color:var(--murekkep);line-height:1.65;-webkit-font-smoothing:antialiased}
.sarmal{max-width:880px;margin:0 auto;padding:0 20px}
.sarmal.genis{max-width:1080px}
a{color:var(--marka-koyu)}
a:hover{color:var(--marka)}

.nav-sar{position:sticky;top:0;z-index:50;background:rgba(247,248,247,.85);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(22,32,28,.07)}
nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;text-decoration:none;color:var(--murekkep)}
.logo img{width:30px;height:30px;border-radius:8px}
.nav-linkler{display:flex;gap:22px;font-size:14px;font-weight:600}
.nav-linkler a{text-decoration:none;color:var(--ikincil)}
.nav-linkler a:hover,.nav-linkler a[aria-current]{color:var(--marka-koyu)}
nav a.indir{color:#fff;background:var(--marka);text-decoration:none;font-weight:700;font-size:14px;
  padding:8px 16px;border-radius:999px;white-space:nowrap}
nav a.indir:hover{background:var(--marka-koyu);color:#fff}

.iz{font-size:13.5px;color:var(--soluk);padding:22px 0 0}
.iz a{color:var(--soluk);text-decoration:none}
.iz a:hover{color:var(--marka-koyu)}
.iz span{margin:0 6px}

header.bas{padding:18px 0 8px}
h1{font-size:clamp(30px,5vw,42px);line-height:1.12;letter-spacing:-.02em;font-weight:800}
.alt-baslik{margin-top:10px;font-size:17px;color:var(--ikincil);max-width:40em}

.ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 8px}
.ozet div{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px}
.ozet small{display:block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--soluk)}
.ozet b{display:block;font-size:17px;margin-top:3px;line-height:1.35}

.risk{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:14px;
  padding:5px 12px;border-radius:999px}
.risk::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.risk.r1{color:var(--r1);background:var(--r1y)} .risk.r2{color:var(--r2);background:var(--r2y)}
.risk.r3{color:var(--r3);background:var(--r3y)} .risk.r4{color:var(--r4);background:var(--r4y)}
.risk.r0{color:var(--r0);background:var(--r0y)}

main section{padding:26px 0;border-top:1px solid var(--cizgi)}
main section:first-of-type{border-top:0}
h2{font-size:23px;letter-spacing:-.3px;font-weight:800;margin-bottom:10px}
main p{font-size:16.5px;margin-bottom:10px;max-width:44em}
.dayanak{font-size:14.5px;color:var(--ikincil)}

.raflar{list-style:none;display:grid;gap:8px;margin-top:6px;max-width:34em}
.raflar li{display:flex;align-items:center;gap:12px;font-size:15px}
.raflar .ad{flex:0 0 46%}
.raflar .cubuk{flex:1;height:8px;border-radius:5px;background:var(--cizgi);overflow:hidden}
.raflar .cubuk i{display:block;height:100%;background:var(--marka);border-radius:5px}
.raflar .sayi{flex:0 0 auto;font-weight:700;font-size:14px;color:var(--ikincil);min-width:3.5em;text-align:right}

.kaynaklar{padding-left:20px}
.kaynaklar li{margin-bottom:6px;font-size:15px}

.benzer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.benzer a{display:block;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;
  padding:12px 14px;text-decoration:none;color:var(--murekkep)}
.benzer a:hover{border-color:var(--marka)}
.benzer b{display:block;font-size:15px}
.benzer span{font-size:13px;color:var(--ikincil)}

.cta{background:var(--murekkep);color:#fff;border-radius:22px;padding:26px 28px;margin:30px 0 10px}
.cta h2{color:#fff;font-size:21px}
.cta p{color:rgba(255,255,255,.78);font-size:15.5px}
.cta .dugmeler{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.cta a{background:#fff;color:var(--murekkep);text-decoration:none;font-weight:700;font-size:14.5px;
  padding:10px 18px;border-radius:999px}
.cta a:hover{background:var(--marka-yumusak);color:var(--murekkep)}

.not{font-size:13.5px;color:var(--soluk);background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:14px;padding:14px 16px;margin:18px 0 30px}
.komsu{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;font-weight:600;margin:6px 0 10px}
.komsu a{text-decoration:none}

/* Liste sayfası */
.ara-sar{position:sticky;top:57px;z-index:40;background:var(--zemin);padding:12px 0}
.ara-sar input{width:100%;font:inherit;font-size:16px;padding:12px 16px;border-radius:14px;
  border:1px solid var(--cizgi);background:var(--yuzey);color:var(--murekkep)}
.ara-sar input:focus{outline:2px solid var(--marka);outline-offset:1px}
#katki-sayac{font-size:13px;color:var(--soluk);margin-left:4px}
.gruplar-menu{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.gruplar-menu a{font-size:13.5px;font-weight:600;text-decoration:none;background:var(--yuzey);
  border:1px solid var(--cizgi);border-radius:999px;padding:6px 12px;color:var(--ikincil)}
.gruplar-menu a:hover{border-color:var(--marka);color:var(--marka-koyu)}
table.liste{width:100%;border-collapse:collapse;background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:16px;overflow:hidden;font-size:15px}
table.liste th{text-align:left;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--soluk);
  padding:10px 14px;border-bottom:1px solid var(--cizgi);background:var(--zemin)}
table.liste td{padding:11px 14px;border-bottom:1px solid var(--cizgi);vertical-align:top}
table.liste tr:last-child td{border-bottom:0}
table.liste td.kod{font-weight:800;white-space:nowrap}
table.liste td.kod a{text-decoration:none;color:var(--murekkep)}
table.liste td.kod a:hover{color:var(--marka-koyu)}
table.liste td.islev{color:var(--ikincil);font-size:14px}
table.liste td.sayi{text-align:right;color:var(--ikincil);white-space:nowrap}
.risk-tablo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0}
.risk-tablo div{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;font-size:14px}
.risk-tablo b{display:block;font-size:22px;margin-top:6px}

footer{border-top:1px solid var(--cizgi);background:var(--yuzey);padding:30px 0;margin-top:30px}
.f-ic{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--ikincil)}
.f-ic a{color:var(--ikincil);text-decoration:none;margin-right:16px}
.f-ic a:hover{color:var(--marka-koyu)}

@media (max-width:760px){
  .nav-linkler{display:none}
  .ozet{grid-template-columns:repeat(2,1fr)}
  .benzer{grid-template-columns:1fr 1fr}
  .risk-tablo{grid-template-columns:1fr 1fr}
  .raflar .ad{flex-basis:50%}
  table.liste td.islev,table.liste th.islev{display:none}
}
@media (max-width:420px){ .benzer{grid-template-columns:1fr} }