:root{--bg:#061426;--panel:#0b2039;--panel2:#0d2745;--line:#1f6fbe;--blue:#2d8cff;--blue2:#73bcff;--text:#f7fbff;--muted:#b5c4d5;--green:#8ff0b4;--yellow:#ffc34b}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -15%,rgba(38,126,224,.23),transparent 36%),linear-gradient(180deg,#061426,#071b31 55%,#061426);color:var(--text);line-height:1.65}.wrap{width:min(1120px,100%);margin:auto;padding:12px 18px 44px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 16px;border-bottom:2px solid #258dff}.brand{display:block;width:min(360px,65vw)}.brand img{display:block;width:100%;height:auto}.top-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-links a,.back{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border-radius:12px;text-decoration:none;font-weight:850;color:#eaf4ff;background:#102b49;border:1px solid #285886}.top-links a:first-child{background:#126fda;border-color:#318fff}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#9fb1c5;font-size:13px;padding:17px 2px}.breadcrumbs a{color:#79beff;text-decoration:none}.hero,.card,.faq,.note,.sourcebox{background:linear-gradient(145deg,#0b2039,#0a1b30);border:1px solid rgba(56,133,219,.34);box-shadow:0 14px 36px rgba(0,0,0,.22);border-radius:22px}.hero{padding:30px 28px;margin-bottom:24px}.eyebrow{display:inline-block;color:var(--blue2);font-weight:900;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(31px,5vw,48px);line-height:1.12;letter-spacing:-.025em;margin:9px 0 13px}.hero p{margin:0;max-width:880px;color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{display:flex;flex-direction:column;padding:21px;text-decoration:none;color:var(--text);transition:.18s ease}.card:hover,.card:focus-visible{transform:translateY(-2px);border-color:var(--blue);outline:none}.card .tag{color:var(--blue2);font-size:11px;font-weight:900;letter-spacing:.12em}.card h2,.card h3{margin:8px 0 8px;line-height:1.25}.card p{margin:0;color:var(--muted);font-size:15px}.card .read{margin-top:auto;padding-top:15px;color:#fff;font-weight:900}.section{margin:28px 0}.section h2{font-size:28px;margin:0 0 10px}.section>p{color:var(--muted)}.article{background:linear-gradient(145deg,#0b2039,#0a1b30);border:1px solid rgba(56,133,219,.34);border-radius:22px;padding:26px}.article h2{font-size:28px;line-height:1.25;margin:26px 0 10px}.article h3{font-size:21px;margin:22px 0 8px}.article p,.article li{color:#d2deeb;font-size:16px}.article strong{color:#fff}.article a{color:#7bc3ff}.article ul,.article ol{padding-left:22px}.answer{border-left:4px solid var(--blue);padding:13px 16px;margin:14px 0;background:rgba(18,71,120,.28);border-radius:0 14px 14px 0}.answer strong{color:#fff}.faq{margin:12px 0;overflow:hidden}.faq summary{cursor:pointer;list-style:none;padding:17px 18px;font-weight:900;color:#f7fbff}.faq summary::-webkit-details-marker{display:none}.faq p{padding:0 18px 18px;margin:0;color:#c9d6e5}.note{padding:18px;margin:18px 0;color:#d6e3ef}.note strong{color:#fff}.sourcebox{padding:18px;margin-top:24px}.sourcebox h3{margin:0 0 8px}.sourcebox ul{margin:0;padding-left:20px}.sourcebox a{color:#7bc3ff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:620px}.table th,.table td{padding:11px 10px;border-bottom:1px solid #1b3c5e;text-align:left;vertical-align:top}.table th{color:#8fc8ff;font-size:13px}.table td{color:#d3deea}.tagline{color:var(--green);font-weight:900}footer{padding:28px 4px;text-align:center;color:#8fa2b8;font-size:12px}footer a{color:#7bc3ff;text-decoration:none}@media(max-width:700px){.wrap{padding:8px 12px 34px}.site-header{flex-direction:column;align-items:stretch}.brand{width:min(520px,100%);margin:auto}.top-links{justify-content:center}.hero{padding:24px 19px}.hero h1{font-size:30px}.hero p{font-size:16px}.grid{grid-template-columns:1fr}.article{padding:20px 17px}.article h2{font-size:24px}.article p,.article li{font-size:15px}}

.sourcebox{font-size:13px}.sourcebox h3{font-size:17px}.sourcebox li{font-size:13px;line-height:1.55}.transparency{background:#e7f3ff!important;color:#10283f!important;border-color:#74b8f5!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}.transparency strong{color:#061a2e!important}.transparency a{color:#075fae!important;text-decoration:underline;text-underline-offset:2px;font-weight:800}
/* V11.58: Açık renkli şeffaflık kutularında article genel metin rengi override edilmesin */
.article .sourcebox.transparency,.article .sourcebox.transparency p,.article .sourcebox.transparency li{color:#10283f!important}
.article .sourcebox.transparency h3,.article .sourcebox.transparency strong{color:#061a2e!important}
.article .sourcebox.transparency a{color:#075fae!important}.site-global-footer{padding:28px 4px;text-align:center;color:#8fa2b8;font-size:12px}.site-global-footer a{color:#7bc3ff;text-decoration:none}

/* V11.51 ortak üst bölüm: ana uygulamadaki header ile aynı görünüm */
.app-header{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:142px!important;padding:16px 90px!important;background:rgba(4,15,29,.94)!important;border-radius:0!important;border-bottom:2px solid #1685ff!important;box-shadow:0 8px 28px rgba(0,0,0,.25)!important}
.app-brand{display:flex!important;align-items:center!important;justify-content:center!important;width:min(520px,calc(100% - 120px))!important;max-width:520px!important}
.app-brand img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:120px!important;object-fit:contain!important;border-radius:0!important;filter:none!important}
.app-menu-link{position:absolute!important;left:30px!important;top:50%!important;transform:translateY(-50%)!important;width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-decoration:none!important;font-size:44px!important;line-height:1!important;font-weight:300!important}
.app-menu-link:active{transform:translateY(-50%) scale(.95)!important}
.app-header .refresh-only{position:absolute!important;right:28px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;min-width:52px!important;width:52px!important;height:52px!important;border-radius:18px!important;border:1px solid rgba(75,166,255,.48)!important;background:linear-gradient(135deg,#1265b7,#092b52)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important;font-size:30px!important;font-weight:900!important;letter-spacing:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.app-header .refresh-only span{font-size:30px!important;vertical-align:-2px!important;line-height:1!important}
@media(max-width:700px){.app-header{min-height:112px!important;padding:12px 58px!important}.app-menu-link{left:16px!important;width:44px!important;height:44px!important;font-size:38px!important}.app-brand{width:min(420px,calc(100% - 100px))!important;max-width:420px!important}.app-brand img{max-height:92px!important}.app-header .refresh-only{right:16px!important;width:44px!important;min-width:44px!important;height:44px!important;border-radius:15px!important;font-size:25px!important}.app-header .refresh-only span{font-size:25px!important}}
@media(max-width:430px){.app-header{min-height:92px!important;padding:8px 48px!important}.app-menu-link{left:10px!important;width:40px!important;height:40px!important;font-size:34px!important}.app-brand{width:min(360px,calc(100% - 80px))!important;max-width:360px!important}.app-brand img{max-height:76px!important}.app-header .refresh-only{right:10px!important;width:40px!important;min-width:40px!important;height:40px!important;border-radius:13px!important;font-size:23px!important}.app-header .refresh-only span{font-size:23px!important}}

.small-muted{color:#8fa2b8!important;font-size:13px!important}.article .sourcebox{font-size:13px}.article .sourcebox p,.article .sourcebox li{font-size:13px;line-height:1.55}.site-info-inline{margin:22px 0;padding:16px 18px;border:1px solid rgba(56,133,219,.48);border-radius:18px;background:#102b49;color:#f4f9ff!important;box-shadow:0 10px 28px rgba(0,0,0,.18)}.site-info-inline strong{color:#fff!important}.site-info-inline a{color:#82c7ff!important;font-weight:800;text-decoration:underline;text-underline-offset:2px}


/* V11.55 footer links + contact form */
.site-footer-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:7px;font-size:11px;line-height:1.4}
.site-footer-links a{color:#82c7ff!important;font-weight:800;text-decoration:none!important}
.site-footer-links a:hover,.site-footer-links a:focus-visible{text-decoration:underline!important;text-underline-offset:2px}
.site-footer-links .sep{color:#7188a5;font-size:10px}
.contact-card{padding:24px!important}
.contact-intro{margin:0 0 22px;color:#b9c9da;font-size:16px;line-height:1.65}
.contact-form{display:grid;gap:16px}
.contact-field{display:grid;gap:7px}
.contact-field label{color:#dcecff;font-weight:800;font-size:14px}
.contact-field input,.contact-field textarea{width:100%;box-sizing:border-box;border:1px solid #285886;border-radius:14px;background:#071a2e;color:#f4f8ff;padding:13px 14px;font:inherit;outline:none}
.contact-field input:focus,.contact-field textarea:focus{border-color:#55aaff;box-shadow:0 0 0 3px rgba(45,140,255,.16)}
.contact-field textarea{min-height:170px;resize:vertical;line-height:1.55}
.contact-submit{border:1px solid #55aaff;border-radius:14px;background:linear-gradient(135deg,#1685f3,#0b65c8);color:#fff;padding:14px 18px;font-size:16px;font-weight:900;cursor:pointer}
.contact-submit:disabled{opacity:.65;cursor:wait}
.contact-status{display:none;padding:13px 15px;border-radius:14px;font-size:14px;line-height:1.5;font-weight:700}
.contact-status.success{display:block;background:#e7f7ee;color:#123d29;border:1px solid #75c89b}
.contact-status.error{display:block;background:#fff0f0;color:#651c1c;border:1px solid #e38a8a}
.contact-note{margin:0;color:#8fa8c0;font-size:12px;line-height:1.55}

/* V11.55 hotfix: Merak page header must never overflow mobile viewport */
.app-header{overflow:hidden!important}
.app-brand{flex:0 1 520px!important;min-width:0!important}
.app-brand img{object-fit:contain!important}


/* V11.57: Merak Edilen Sorular header — ana sayfadaki ortak header ile birebir düzen */
.app-header{
  position:relative!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:12px!important;
  min-height:118px!important;
  padding:12px 18px!important;
  background:rgba(4,15,29,.97)!important;
  border-radius:0!important;
  border-bottom:2px solid #258dff!important;
  box-shadow:0 8px 28px rgba(0,0,0,.25)!important;
  overflow:hidden!important;
}
.app-menu-link{
  position:static!important;
  transform:none!important;
  width:56px!important;
  height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f8fbff!important;
  text-decoration:none!important;
  font-size:42px!important;
  line-height:1!important;
  font-weight:300!important;
  border-radius:14px!important;
}
.app-menu-link:active{transform:scale(.94)!important}
.app-brand{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.app-brand img{
  display:block!important;
  width:min(700px,100%)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:88px!important;
  object-fit:contain!important;
  border-radius:0!important;
  filter:none!important;
}
.app-header .refresh-only{
  position:static!important;
  transform:none!important;
  min-width:52px!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:16px!important;
  border:1px solid rgba(83,170,255,.58)!important;
  background:linear-gradient(135deg,#1472c8,#0a315b)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.25)!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
.app-header .refresh-only span{font-size:24px!important;line-height:1!important;vertical-align:middle!important}
@media(max-width:700px){
  .app-header{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    column-gap:7px!important;
    min-height:88px!important;
    padding:8px 10px!important;
  }
  .app-menu-link{width:44px!important;height:44px!important;font-size:34px!important}
  .app-brand{width:100%!important;min-width:0!important}
  .app-brand img{width:100%!important;max-width:100%!important;max-height:64px!important}
  .app-header .refresh-only{
    width:44px!important;min-width:44px!important;height:44px!important;
    padding:0 8px!important;border-radius:13px!important;font-size:13px!important;gap:5px!important;
  }
  .app-header .refresh-only span{font-size:19px!important}
}
@media(max-width:360px){
  .app-header{grid-template-columns:40px minmax(0,1fr) 40px!important;column-gap:5px!important;padding:7px 7px!important}
  .app-menu-link{width:40px!important;height:40px!important;font-size:31px!important}
  .app-brand img{max-height:58px!important}
  .app-header .refresh-only{width:40px!important;min-width:40px!important;height:40px!important;font-size:12px!important;padding:0 6px!important}
  .app-header .refresh-only span{font-size:18px!important}
}

/* V11.59: Çalışma saatleri sayfası – İETT Metrobüs Hatları revizyonu */
.night-highlight{margin:24px 0;padding:22px 20px;border:1px solid #4a9df0;border-radius:20px;background:linear-gradient(145deg,#12375e,#0c2540);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.night-highlight h2{margin:6px 0 8px!important;font-size:26px!important}
.night-highlight p{margin:0 0 9px!important}
.night-highlight .small-muted{margin:8px 0 0!important}
.night-highlight-tag{display:inline-block;color:#8dccff;font-size:11px;font-weight:900;letter-spacing:.14em}
.article .table{min-width:720px}
.article .table th{white-space:nowrap}
.article .table td{font-size:14px;line-height:1.5}
.article .table td strong{color:#fff}
.article .small-muted{color:#9db0c5!important;font-size:13px!important;line-height:1.55}
@media(max-width:700px){.night-highlight{padding:19px 16px}.night-highlight h2{font-size:23px!important}.article .table{min-width:680px}.article .table td{font-size:13px}}