/* Ortak footer — app.html, live.html ve diğer iç sayfalar için izole stil.
   pages.css'in global body/heading override'larını import etmez. */
.site-foot {
  border-top: 1px solid rgba(249,247,242,0.1);
  padding: 28px clamp(16px, 3vw, 22px);
  margin-top: 80px;
  font-size: 13px;
  background: #0a0810;
  color: rgba(249,247,242,0.72);
  font-family: 'Space Grotesk', sans-serif;
}
.site-foot .inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; flex-wrap: wrap; gap: 18px 32px;
  justify-content: space-between; align-items: center;
}
.site-foot .fb {
  font-family: 'Fraunces', serif; font-weight: 700; font-size: 18px;
  letter-spacing: -0.02em;
  color: #f9f7f2;
}
.site-foot .fb span { color: #d4ff4a; }
.site-foot .fl { display: flex; gap: 16px; flex-wrap: wrap; }
.site-foot .fl a {
  color: rgba(249,247,242,0.48); font-size: 12px;
  font-family: 'Space Mono', monospace; text-transform: uppercase;
  letter-spacing: 0.05em; text-decoration: none;
  transition: color 0.15s;
}
.site-foot .fl a:hover { color: #d4ff4a; }
.site-foot .fc { color: rgba(249,247,242,0.48); font-size: 11px; font-family: 'Space Mono', monospace; }