/* Phone navigation and tablet reading layout. Desktop layout remains unchanged. */
.mobile-nav{display:none}
@media(min-width:701px) and (max-width:1100px){
 .site-nav{padding-inline:24px}.section{padding-inline:26px}
 .live-runway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #babadag-explorer{min-height:760px}
}
@media(max-width:700px){
 body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
 .mobile-nav{position:fixed;z-index:70;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:7px max(8px,env(safe-area-inset-right,8px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,8px));background:#102e38f2;border-top:1px solid #acd7e077;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -8px 30px #00151c55}
 .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;padding:3px 0;color:#ecf7f8;font-size:11px;font-weight:700;text-align:center;border-radius:12px}
 .mobile-nav a span{font-size:20px;line-height:1.1;color:#a7e3d9}
 .mobile-nav a:focus-visible{outline:3px solid #e8c380;outline-offset:-2px}
 #weather,#experience,#briefing{scroll-margin-top:18px}
 .pilot-live-head h2{font-size:clamp(26px,8vw,38px)}
 .pilot-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pilot-metrics strong{overflow-wrap:anywhere}
 .pilot-tabs{top:0}
 .hero-vector .vector-hud{left:auto;right:16px;bottom:170px;width:min(205px,48vw)}
 .hero-vector .vector-dock{max-width:calc(100% - 32px)}
 .pilot-section-note,.runway-live,.pilot-card-head{max-width:100%;min-width:0}
 .runway-live{overflow:hidden}
 .pilot-metrics div{min-width:0}
 #babadag-explorer{min-height:850px}
}
@media(max-width:360px){.mobile-nav a{font-size:10px}.mobile-nav a span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.mobile-nav{transition:none}}
/* 8 Ekim 2026: telefonda hero dikey akışta. "Model tahmini" kartı (position:absolute; bottom:170px) içerik uzadıkça
   "Pilot çalışma alanını aç" düğmesinin üstüne biniyordu; kart ve alt menü artık başlık ve düğmelerin altında sıralanır. */
@media (max-width:760px){
 .hero-vector{min-height:0;display:flex;flex-direction:column}
 .hero-vector .vector-hud{position:relative;inset:auto;width:auto;max-width:none;margin:0 24px 18px;animation:none}
 .hero-vector .vector-hud h2{font-size:34px}
 .hero-vector .vector-dock{position:relative;inset:auto;max-width:none;margin:0 20px 48px}
}
/* tablet: kart dar; başlık iki satırda kalsın */
@media (min-width:761px) and (max-width:1150px){.vector-hud h2{font-size:40px}.vector-head{max-width:calc(100% - 290px)}}