/*
 * F21 · Rehberler (/rehber/, /rehber/{slug}/) — 2026-10-13. Kurumsal sayfaların .ark-/.kf- katmanının üstüne.
 * Önce mobil. Renk karşıtlığı AA: açık zeminde turuncu yalnız koyu tonla metin olur. Tablo dar ekranda etiketli karta döner
 * (yatay kaydırma yok). İçindekiler: mobilde açılır, masaüstünde yapışkan yan sütun.
 */
.rh-sayfa{--rh-kart:#fff;--rh-ic-bosluk:20px}
.rh-ana{flex:1 0 auto}
.rh-kap{max-width:1200px;margin:0 auto;padding:24px 16px 56px;display:flex;flex-direction:column;gap:24px}

/* Kahraman (rehber sayfası) */
.rh-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;
	background:linear-gradient(180deg,rgba(6,42,69,.55) 0%,rgba(6,42,69,.88) 62%,rgba(6,42,69,.96) 100%),var(--rh-kapak,none) center/cover no-repeat,var(--ark-derin)}
.rh-hero-ic{max-width:1200px;margin:0 auto;padding:56px 16px 32px;display:flex;flex-direction:column;gap:12px}
.rh-kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600}
.rh-kirinti a{color:#fff;text-decoration:none;opacity:.86}
.rh-kirinti a:hover,.rh-kirinti a:focus-visible{opacity:1;text-decoration:underline}
.rh-kirinti span{opacity:.6}
.rh-h1{margin:0;font-family:var(--ark-baslik);font-weight:800;font-size:clamp(28px,5vw,46px);line-height:1.12;text-wrap:balance;max-width:880px}
.rh-ozet{margin:0;max-width:720px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.88)}
.rh-meta{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rh-meta li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:600}
.rh-simge{flex-shrink:0}

/* Taslak önizleme notu */
.rh-taslak{margin:0;padding:12px 16px;border-radius:12px;background:var(--ark-turuncu-zemin);color:var(--ark-turuncu-koyu);font-weight:700;font-size:14px}

/* Gövde + içindekiler */
.rh-govde{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.rh-icerik{display:flex;flex-direction:column;gap:18px;min-width:0}
.rh-icindekiler-masa{display:none}
.rh-icindekiler-mobil{background:var(--rh-kart);border:1px solid var(--ark-cizgi);border-radius:16px;padding:0 16px}
.rh-icindekiler-mobil summary{cursor:pointer;padding:14px 0;font-weight:800;font-family:var(--ark-baslik);color:var(--ark-lacivert);list-style-position:inside}
.rh-icindekiler ol{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.rh-icindekiler a{color:var(--ark-murekkep);text-decoration:none}
.rh-icindekiler a:hover,.rh-icindekiler a:focus-visible{color:var(--ark-lacivert);text-decoration:underline}

/* Bölüm kutusu */
.rh-kutu{background:var(--rh-kart);border:1px solid var(--ark-cizgi);border-radius:18px;padding:var(--rh-ic-bosluk);box-shadow:var(--ark-golge);scroll-margin-top:96px;min-width:0}
.rh-ortak{scroll-margin-top:96px}
/* Ortak bölümler (kurumsal çizicinin satır içi stilleri): rehber kutusuyla aynı başlık ve köşe */
.rh-ortak>section{border-radius:18px!important;border-color:var(--ark-cizgi)!important;box-shadow:var(--ark-golge)}
.rh-ortak>section>h2{font-family:var(--ark-baslik)!important;color:var(--ark-lacivert)!important;font-size:19px!important;font-weight:800!important}
.rh-h2{margin:0 0 14px;font-family:var(--ark-baslik);font-weight:800;font-size:19px;line-height:1.3;color:var(--ark-lacivert);display:flex;align-items:center;gap:8px;text-wrap:balance}
.rh-h3{margin:0;font-family:var(--ark-baslik);font-weight:700;font-size:16px;line-height:1.35;color:var(--ark-murekkep)}

/* Saat saat zaman çizelgesi */
.rh-zaman{list-style:none;margin:0;padding:0;position:relative}
.rh-zaman::before{content:"";position:absolute;left:31px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--ark-turuncu),rgba(230,126,34,.15))}
.rh-zaman-oge{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:0 0 20px}
.rh-zaman-oge:last-child{padding-bottom:0}
.rh-saat{position:relative;z-index:1;justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:30px;padding:0 8px;border-radius:999px;
	background:var(--ark-lacivert);color:#fff;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.rh-saat--bos{min-width:14px;width:14px;height:14px;margin:8px 0 0 25px;padding:0;background:var(--ark-turuncu)}
.rh-zaman-ic{display:flex;flex-direction:column;gap:6px;padding-top:4px;min-width:0}
.rh-zaman-ic p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ark-soluk)}
.rh-sure{display:inline-flex;align-items:center;gap:6px;font-size:13px!important;font-weight:600;color:var(--ark-murekkep)!important}
.rh-bagli{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:6px 12px;border-radius:999px;background:var(--ark-acik);
	color:var(--ark-lacivert);font-size:13px;font-weight:700;text-decoration:none}
.rh-bagli:hover,.rh-bagli:focus-visible{background:#dce7f1}

/* İçerik kartları (sitedeki mekân/konaklama/gezi) */
.rh-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.rh-kartlar--kaydir{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.rh-kartlar--kaydir>*{flex:0 0 260px;scroll-snap-align:start}

/* Bilgi tablosu */
.rh-tablo-kap{min-width:0}
.rh-tablo{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.rh-tablo th,.rh-tablo td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--ark-cizgi)}
.rh-tablo thead th{background:var(--ark-acik);color:var(--ark-lacivert);font-weight:800;font-size:13px}
.rh-tablo tbody th{font-weight:700;color:var(--ark-murekkep)}
.rh-tablo-not,.rh-tablo-kaynak{margin:10px 0 0;font-size:13px;line-height:1.55;color:var(--ark-soluk)}
.rh-tablo-kaynak{font-style:italic}
@media (max-width:639px){
	.rh-tablo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	.rh-tablo,.rh-tablo tbody,.rh-tablo tr,.rh-tablo th,.rh-tablo td{display:block;width:100%}
	.rh-tablo tr{border:1px solid var(--ark-cizgi);border-radius:14px;margin-bottom:10px;overflow:hidden}
	.rh-tablo tbody th{background:var(--ark-acik);color:var(--ark-lacivert);border-bottom:1px solid var(--ark-cizgi)}
	.rh-tablo td{display:grid;grid-template-columns:minmax(96px,40%) minmax(0,1fr);gap:10px;border-bottom:1px solid var(--ark-cizgi)}
	.rh-tablo td:last-child{border-bottom:0}
	.rh-tablo td::before{content:attr(data-etiket);font-weight:700;font-size:12.5px;color:var(--ark-soluk)}
	.rh-tablo td[data-etiket=""]{grid-template-columns:minmax(0,1fr)}
	.rh-tablo td[data-etiket=""]::before{display:none}
}

/* İpucu kutuları */
.rh-ipucu{--rh-r:#1E5B8A;--rh-z:#EEF5FB;border-radius:16px;padding:16px 18px;background:var(--rh-z);border:1px solid color-mix(in srgb,var(--rh-r) 22%,transparent);border-left:5px solid var(--rh-r);scroll-margin-top:96px}
.rh-ipucu--ipucu{--rh-r:#1E7A4C;--rh-z:#E8F5EE}
.rh-ipucu--uyari{--rh-r:#B4570A;--rh-z:#FCEFE3}
.rh-ipucu--onemli{--rh-r:#B42318;--rh-z:#FDECEA}
.rh-ipucu-baslik{margin:0 0 6px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:var(--rh-r)}
.rh-ipucu-metin{font-size:14.5px;line-height:1.65;color:var(--ark-murekkep)}
.rh-ipucu-metin>:first-child{margin-top:0}.rh-ipucu-metin>:last-child{margin-bottom:0}
.rh-ipucu-metin a{color:var(--ark-lacivert);font-weight:600}

/* Kaynaklar */
.rh-kaynaklar ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.rh-kaynaklar a{color:var(--ark-lacivert);font-weight:600;overflow-wrap:anywhere}
.rh-uyari-not{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--ark-kum);font-size:13px;line-height:1.6;color:var(--ark-soluk)}

/* Merkez sayfa: süzgeç + kartlar */
.rh-suzgec{display:flex;flex-wrap:wrap;gap:8px}
.rh-cip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--ark-cizgi);background:#fff;color:var(--ark-murekkep);
	font-weight:700;font-size:14px;text-decoration:none}
.rh-cip span{font-size:12px;color:var(--ark-soluk)}
.rh-cip[aria-current="page"]{background:var(--ark-lacivert);border-color:var(--ark-lacivert);color:#fff}
.rh-cip[aria-current="page"] span{color:rgba(255,255,255,.75)}
.rh-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.rh-kart-baglanti{color:inherit;text-decoration:none;display:block;border-radius:20px}
.rh-kart-baglanti:focus-visible{outline:3px solid var(--ark-turuncu);outline-offset:3px}
.rh-rehber-kart{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ark-cizgi);border-radius:20px;overflow:hidden;box-shadow:var(--ark-golge);
	transition:transform .18s ease,box-shadow .18s ease}
.rh-kart-baglanti:hover .rh-rehber-kart{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,38,64,.12)}
.rh-rehber-kart-gorsel{position:relative;aspect-ratio:16/9;background:var(--ark-derin)}
.rh-rehber-kart-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.rh-rozet{position:absolute;left:12px;top:12px;padding:5px 12px;border-radius:999px;background:rgba(6,42,69,.88);color:#fff;font-size:12px;font-weight:700}
.rh-rehber-kart-ic{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.rh-rehber-kart-baslik{margin:0;font-family:var(--ark-baslik);font-weight:800;font-size:18px;line-height:1.3;color:var(--ark-murekkep);text-wrap:balance}
.rh-rehber-kart-ozet{margin:0;font-size:14px;line-height:1.6;color:var(--ark-soluk);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rh-meta-satir{margin:auto 0 0;padding-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ark-soluk)}
.rh-meta-satir .rh-simge{width:15px;height:15px}
.rh-ayrac{opacity:.5}
.rh-bos{padding:32px 20px;border-radius:20px;background:#fff;border:1px dashed var(--ark-cizgi);text-align:center;color:var(--ark-soluk)}
.rh-bos-baslik{margin:0 0 6px;font-family:var(--ark-baslik);font-weight:800;font-size:20px;color:var(--ark-murekkep)}
.rh-bos-dugmeler{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0 0}
.rh-dugme{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--ark-lacivert);color:#fff;font-weight:700;text-decoration:none}
.rh-dugme--ikincil{background:#fff;color:var(--ark-lacivert);border:1px solid var(--ark-cizgi)}
.rh-diger{display:flex;flex-direction:column;gap:4px}

@media (min-width:640px){
	.rh-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rh-sayfa{--rh-ic-bosluk:24px}
}
@media (min-width:1024px){
	.rh-kap{padding:32px 24px 72px}
	.rh-hero-ic{padding:88px 24px 44px}
	.rh-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
	.rh-govde{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:32px}
	.rh-govde--tek{grid-template-columns:minmax(0,820px)}
	.rh-icindekiler{order:2;position:sticky;top:96px}
	.rh-icindekiler-mobil{display:none}
	.rh-icindekiler-masa{display:block;background:#fff;border:1px solid var(--ark-cizgi);border-radius:18px;padding:18px}
	.rh-icindekiler-baslik{margin:0 0 10px;font-family:var(--ark-baslik);font-weight:800;color:var(--ark-lacivert)}
	.rh-icindekiler-masa ol{margin:0}
}
@media (prefers-reduced-motion:reduce){.rh-rehber-kart{transition:none}.rh-kart-baglanti:hover .rh-rehber-kart{transform:none}}