/* 0022 · Yaşayan Rehberi — mevcut site değişkenleriyle (ek dosya) */
.yr22{padding:16px 14px 48px;max-width:1180px;box-sizing:border-box}
.yr22-bas h1{margin:6px 0 4px;font-size:clamp(22px,4vw,32px)}
.yr22-bas p{margin:0 0 12px;opacity:.85}
.yr22-kutu{margin:14px 0;padding:14px;border-radius:16px;background:var(--site-card-bg,rgba(15,23,42,.6));border:1px solid var(--site-border,rgba(148,163,184,.25))}
.yr22-kutu h2{font-size:18px;margin:0 0 10px}
.yr22-izgara{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.yr22-kart{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;border:1px solid var(--site-border,rgba(148,163,184,.3));text-decoration:none;min-height:72px}
.yr22-kart span{font-size:13px;opacity:.8}
.yr22-hap{display:flex;flex-wrap:wrap;gap:8px}
.yr22-hap a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--site-border,rgba(148,163,184,.35));text-decoration:none;font-size:14px}
.yr22-hap a[hidden]{display:none}
.yr22-hap a:hover,.yr22-kart:hover{border-color:var(--site-accent,#0b7a8a)}
.yr22-kunye{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}
.yr22-kunye dt{font-weight:600;opacity:.8}.yr22-kunye dd{margin:0}
.yr22-not{font-size:13px;opacity:.8;margin:10px 0 0}
.yr22-ara{width:100%;max-width:420px;min-height:46px;font-size:16px;border-radius:10px;padding:8px 12px;margin:0 0 10px;box-sizing:border-box}
.yr22-liste{margin:0;padding-left:18px}.yr22-tur{font-size:12px;padding:1px 8px;border-radius:999px;background:rgba(148,163,184,.18)}
@media(max-width:480px){.yr22-kunye{grid-template-columns:1fr}.yr22-kunye dt{margin-top:6px}}
/* 0022 v2 · 81 il düğmesi ve ilçe listesi */
.il22-izgara{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.il22-dugme{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 10px;border-radius:12px;border:1px solid var(--site-border,rgba(148,163,184,.3));text-decoration:none}
.il22-dugme[hidden]{display:none}.il22-dugme:hover{border-color:var(--site-accent,#0b7a8a)}
.il22-rozet{flex:0 0 auto;width:48px;height:30px}.yr22-bas h1 .il22-rozet{width:64px;height:40px;vertical-align:middle}
.il22-ilceler{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.il22-ilce{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--site-border,rgba(148,163,184,.25))}
.il22-ilce span{font-size:13px}