/* REAL ENGLISH – iç sayfalar için ortak tasarım dili (v2.1)
   Ana sayfadaki lacivert · altın · fildişi kimliği tüm iç sayfalara taşır.
   Yalnızca <html class="re-skin"> olan sayfalarda devreye girer. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

html.re-skin{
  --re-navy-900:#0e1830; --re-navy-800:#14213a; --re-navy-700:#1d2e4f; --re-navy-600:#2a3f66;
  --re-gold-500:#d9a441; --re-gold-400:#e8bd62; --re-gold-300:#f3d48f; --re-gold-100:#fbf1d9;
  --re-ivory:#faf6ee; --re-paper:#ffffff; --re-ink:#1b2333; --re-ink-2:#4a5468; --re-line:#e8e0cf;
  --re-a1:#2f9e6e; --re-a2:#1f8a9e; --re-b1:#2f6fd0; --re-b2:#5551c9; --re-c1:#8a46b8; --re-c2:#b8434f;
  --re-shadow:0 1px 2px #1b233314,0 8px 24px #1b233314;
  --re-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --re-serif:"Fraunces",Georgia,"Times New Roman",serif;
  background:var(--re-ivory);
}

/* ---------- Temel ---------- */
html.re-skin body{font-family:var(--re-font);background:var(--re-ivory)!important;color:var(--re-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.re-skin body :is(p,li,label,small,summary,td,th,dd,dt,input,select,textarea,button,a){font-family:var(--re-font)}
html.re-skin :is(h1,h2){font-family:var(--re-serif);letter-spacing:-.2px;text-shadow:none}
html.re-skin h3{font-family:var(--re-font);font-weight:800;letter-spacing:0}
html.re-skin a{text-underline-offset:3px}

/* ---------- Ortak üst çubuk ---------- */
html header.re-appbar{display:block!important;margin:0!important;padding:env(safe-area-inset-top) 0 0!important;min-height:0!important;height:auto!important;border-radius:0!important;box-shadow:0 1px 0 #ffffff10!important;text-align:left!important;background:#0e1830f0!important;background-image:none!important;color:#fff!important;max-width:none!important;width:auto!important;transform:none!important;filter:none!important;overflow:visible!important}
.re-appbar{position:sticky;top:0;z-index:2147480000;background:#0e1830f0;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid #ffffff14;padding-top:env(safe-area-inset-top);font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif}
.re-appbar-in{max-width:1080px;margin:0 auto;padding:0 16px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px}
html .re-appbar .re-appbar-in a,html .re-appbar .re-appbar-in button{color:#fff!important;text-decoration:none!important;-webkit-text-fill-color:#fff!important}
html .re-appbar .re-appbar-in .re-appbar-brand{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;display:flex;align-items:center;gap:9px;font-weight:800;font-size:14.5px;letter-spacing:.3px;white-space:nowrap}
.re-appbar-brand img{width:30px;height:30px;border-radius:8px;box-shadow:0 0 0 1px #e8bd6255}
html .re-appbar .re-appbar-in .re-appbar-brand small{display:block;font-weight:500;font-size:10.5px;color:#f3d48f!important;-webkit-text-fill-color:#f3d48f!important;margin-top:-2px}
html .re-appbar .re-appbar-in .re-appbar-home{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;font-size:13px;font-weight:700;padding:8px 13px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff1f;white-space:nowrap}
.re-appbar-home:hover{background:#ffffff24}

/* Eski tekrar eden başlık ve gezinme blokları */
html.re-skin body > header:not(.re-appbar){margin:12px!important}
html.re-skin body > header:has(.brand),
html.re-skin .re-history-toolbar{display:none!important}

/* ---------- Başlık bloğu (hero) ---------- */
html.re-skin :is(.hero,body > header:not(.re-appbar),main > header){background:radial-gradient(120% 120% at 90% 0%,#2a3f66 0%,transparent 60%),linear-gradient(160deg,#14213a,#0e1830)!important;color:#fff!important;border:0!important;border-radius:22px!important;box-shadow:0 14px 34px #0e183033!important;padding:22px 20px!important;text-shadow:none!important}
html.re-skin :is(.hero,body > header:not(.re-appbar),main > header) :is(h1,h2){color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:var(--re-serif)!important;font-weight:700!important;letter-spacing:-.2px!important;text-transform:none!important;text-shadow:none!important}
html.re-skin :is(.hero,body > header:not(.re-appbar),main > header) :is(p,small,span,div){color:#c9d2e6!important;-webkit-text-fill-color:#c9d2e6!important;text-shadow:none!important}
html.re-skin :is(.hero,body > header:not(.re-appbar),main > header) a:not([class]){color:#f3d48f!important;-webkit-text-fill-color:#f3d48f!important}

/* ---------- Seviye menüsü ---------- */
html.re-skin .re-site-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;max-width:1080px;margin:14px auto!important;padding:0 14px!important;background:none!important;border:0!important;box-shadow:none!important}
html.re-skin .re-site-nav a{--c:var(--re-a1);display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px;border-radius:14px!important;background:var(--re-paper)!important;border:1px solid var(--re-line)!important;color:var(--c)!important;-webkit-text-fill-color:var(--c)!important;font-weight:800!important;font-size:15px!important;text-decoration:none!important;box-shadow:var(--re-shadow)!important;text-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease}
html.re-skin .re-site-nav a.re-a2{--c:var(--re-a2)} html.re-skin .re-site-nav a.re-b1{--c:var(--re-b1)} html.re-skin .re-site-nav a.re-b2{--c:var(--re-b2)}
html.re-skin .re-site-nav a.re-c1{--c:var(--re-c1)} html.re-skin .re-site-nav a.re-c2{--c:var(--re-c2)}
html.re-skin .re-site-nav a[aria-current="page"]{background:var(--c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--c)!important}
html.re-skin .re-site-nav a.re-mixed,html.re-skin .re-site-nav a.re-commands,html.re-skin .re-site-nav a:not([class^="re-a"]):not([class^="re-b"]):not([class^="re-c"]){grid-column:span 3;--c:var(--re-navy-800);font-size:13px!important;font-weight:700!important;padding:0 10px}
html.re-skin .re-site-nav a:active{transform:scale(.96)}
@media(max-width:520px){html.re-skin .re-site-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}html.re-skin .re-site-nav a.re-mixed,html.re-skin .re-site-nav a.re-commands,html.re-skin .re-site-nav a:not([class^="re-a"]):not([class^="re-b"]):not([class^="re-c"]){grid-column:span 3}}

/* Test merkezi bağlantısı */
html.re-skin #rst-test-link{background:var(--re-gold-100)!important;color:var(--re-navy-800)!important;border:1px solid #f0dfb3!important;font-weight:700!important;box-shadow:none!important}

/* ---------- Kartlar ---------- */
html.re-skin :is(.story,.card,.intro,.note,.hint,.guide,.stats,.ik-mascot-v2){border-radius:18px!important;box-shadow:var(--re-shadow)!important;text-shadow:none!important}
html.re-skin :is(.story,.card){background:var(--re-paper)!important;border:1px solid var(--re-line)!important}
html.re-skin :is(.hint,.intro,.note){background:var(--re-gold-100)!important;border:1px solid #f0dfb3!important;color:#5b4c2a!important}
html.re-skin :is(.hint,.intro,.note) *{color:inherit}
html.re-skin .ik-mascot-v2{background:var(--re-paper)!important;border:1px solid var(--re-line)!important;border-left:4px solid var(--re-gold-400)!important}

/* ---------- Hikâye okuyucu ---------- */
html.re-skin .story summary{font-family:var(--re-font)!important}
html.re-skin .story summary b{font-family:var(--re-serif)!important;font-weight:700!important;color:var(--re-navy-800)!important;-webkit-text-fill-color:var(--re-navy-800)!important;letter-spacing:-.2px!important;text-shadow:none!important;filter:none!important}
html.re-skin .story summary small{color:var(--re-ink-2)!important}
html.re-skin .story .number{background:linear-gradient(150deg,var(--re-gold-300),var(--re-gold-400))!important;color:var(--re-navy-900)!important;border-radius:12px!important;font-weight:800!important}
html.re-skin .line{border-color:var(--re-line)!important}
html.re-skin .line .en,html.re-skin .en{font-family:var(--re-font)!important;font-weight:500!important;font-size:18px!important;line-height:1.7!important;letter-spacing:0!important;word-spacing:0!important;color:var(--re-ink)!important;-webkit-text-fill-color:var(--re-ink)!important;text-shadow:none!important;text-align:left!important}
html.re-skin .line .en b,html.re-skin .en b{font-weight:800!important;color:var(--re-navy-700)!important;-webkit-text-fill-color:var(--re-navy-700)!important}
html.re-skin .en .word{padding:0 1px!important;margin:0!important;letter-spacing:0!important;font-weight:inherit!important;border-radius:4px!important}
html.re-skin .en .word:hover{background:var(--re-gold-100)}
html.re-skin .line .tr,html.re-skin .tr{font-family:var(--re-font)!important;font-size:14px!important;line-height:1.5!important;color:var(--re-ink-2)!important;-webkit-text-fill-color:var(--re-ink-2)!important;font-weight:500!important}
html.re-skin .folk{font-family:var(--re-font)!important}

/* ---------- Düğmeler ---------- */
html.re-skin button,html.re-skin .btn{font-family:var(--re-font);font-weight:700;border-radius:12px;letter-spacing:0;text-shadow:none}
html.re-skin select,html.re-skin input[type=text],html.re-skin input[type=search],html.re-skin input:not([type]),html.re-skin textarea{font-family:var(--re-font);border-radius:12px}

/* Alt gezinme çubuğu (Geri · Ana Sayfa · İleri) */
html.re-skin :is(#re-global-nav-v8,#re-aux-nav-final-v11){background:#0e1830ee!important;border:1px solid #ffffff1f!important;box-shadow:0 10px 30px #0e183055!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html.re-skin :is(#re-global-nav-v8,#re-aux-nav-final-v11) :is(a,button){background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;box-shadow:none!important;font-family:var(--re-font)!important;font-weight:700!important}
html.re-skin :is(#re-global-nav-v8,#re-aux-nav-final-v11) a{background:var(--re-gold-400)!important;color:var(--re-navy-900)!important;-webkit-text-fill-color:var(--re-navy-900)!important;border-radius:999px!important}

/* Genel odak ve seçim */
html.re-skin :focus-visible{outline:3px solid var(--re-gold-400);outline-offset:2px}

/* ---------- Metin sayfaları (Hakkında, Telif) ---------- */
html.re-skin-doc main{max-width:760px!important}
html.re-skin-doc main > h1,html.re-skin-doc h1{color:var(--re-navy-800)!important;-webkit-text-fill-color:var(--re-navy-800)!important;font-size:clamp(28px,7vw,38px)!important;line-height:1.15!important}
html.re-skin-doc section{background:var(--re-paper)!important;color:var(--re-ink)!important;border:1px solid var(--re-line)!important;box-shadow:var(--re-shadow)!important;border-radius:18px!important}
html.re-skin-doc section :is(h2,h3){color:var(--re-navy-800)!important;-webkit-text-fill-color:var(--re-navy-800)!important}
html.re-skin-doc section :is(p,li,small){color:#2d3546!important;-webkit-text-fill-color:#2d3546!important}
html.re-skin-doc a{color:var(--re-navy-600)!important;-webkit-text-fill-color:var(--re-navy-600)!important}
html.re-skin-doc main > a:first-child,html.re-skin-doc main > p:first-child a{font-weight:700}

/* Üst çubuk öğeleri sayfanın düğme stillerinden etkilenmez */
html .re-appbar .re-appbar-in .re-appbar-brand{background:none!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-height:0!important;width:auto!important;margin:0!important}
html .re-appbar .re-appbar-in .re-appbar-home{background:#ffffff14!important;border:1px solid #ffffff24!important;box-shadow:none!important;border-radius:999px!important;margin:0!important;min-height:0!important;width:auto!important;line-height:1.2!important;transform:none}
html .re-appbar .re-appbar-in .re-appbar-home:active{transform:scale(.96)}
/* Başlık bloklarındaki sınıflı düğme-bağlantılar */
html.re-skin :is(.hero,body > header:not(.re-appbar),main > header) a[class]{background:#ffffff14!important;border:1px solid #ffffff2e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important}
/* 2026-11-12 · Kompakt alt çubuk (Geri · Ana Sayfa · İleri) ve kaydırırken gizlenme */
html body :is(#re-global-nav-v8,#re-aux-nav-final-v11){padding:4px!important;gap:4px!important;min-height:0!important;height:auto!important;border-radius:999px!important;transition:translate .3s ease,opacity .3s ease!important}
html body :is(#re-global-nav-v8,#re-aux-nav-final-v11) :is(a,button){font-size:13px!important;line-height:1.15!important;padding:7px 13px!important;min-height:0!important;height:auto!important;min-width:0!important;width:auto!important}
html body #ikCorner{scale:.72;transform-origin:100% 100%;transition:translate .3s ease,opacity .3s ease}
html.re-scroll-hide body :is(#re-global-nav-v8,#re-aux-nav-final-v11){translate:0 170%;opacity:0!important;pointer-events:none!important}
html.re-scroll-hide body :is(#ikCorner,#re-robot-pop){translate:0 240%;opacity:0!important;pointer-events:none!important}
html body #re-robot-pop{transition:opacity .4s,transform .4s,translate .3s!important}