/* Bilgi sayfaları ortak stili: hakkimizda, sss, rehber/*. Görünüm destek.html ile aynı.
   express.static .css'i 30 gün immutable önbellekler → değişince sayfalardaki ?v= artır. */
* { box-sizing: border-box; margin: 0; padding: 0 }

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: #f0f4fa;
  color: #1e2d4a;
  min-height: 100vh;
  padding: 40px 16px;
  line-height: 1.65;
}

.wrap { max-width: 780px; margin: 0 auto }

.ust {
  display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center;
  margin-bottom: 18px; font-size: 14px;
}
.ust .marka { font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 18px; color: #0f1d3a; text-decoration: none; margin-right: auto }
.ust a { color: #1a3a6e; text-decoration: none; font-weight: 600 }
.ust a:hover { text-decoration: underline }

.header {
  background: linear-gradient(135deg, #0f1d3a, #1a3a6e);
  border-radius: 16px;
  padding: 36px 40px;
  color: white;
  margin-bottom: 28px;
}
.header h1 { font-family: 'Outfit', sans-serif; font-size: 30px; font-weight: 800; letter-spacing: -.5px; line-height: 1.2 }
.header p { margin-top: 10px; opacity: .88; font-size: 16px }

.card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 26px 30px;
  margin-bottom: 18px;
  box-shadow: 0 1px 3px rgba(15, 29, 58, .04);
}
.card h2 { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #0f1d3a }
.card h3 { font-size: 16px; font-weight: 700; margin: 18px 0 6px; color: #0f1d3a }
.card h3:first-of-type { margin-top: 0 }
.card p + p { margin-top: 10px }
.card ul, .card ol { margin: 8px 0 0 22px }
.card li + li { margin-top: 6px }
.card a { color: #1a5bd6 }

table.karsi { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 14px }
table.karsi th, table.karsi td { text-align: left; padding: 9px 10px; border-bottom: 1px solid #e2e8f0; vertical-align: top }
table.karsi th { color: #0f1d3a; background: #f6f8fc }

.indir { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px }
.indir a {
  display: inline-block; padding: 11px 18px; border-radius: 10px;
  background: #0f1d3a; color: #fff; text-decoration: none; font-weight: 700; font-size: 14px;
}
.indir a.ikincil { background: #fff; color: #0f1d3a; border: 1.5px solid #0f1d3a }

.alt { text-align: center; font-size: 13px; color: #64748b; margin-top: 26px }
.alt a { color: #475569 }

@media (max-width: 560px) {
  body { padding: 20px 16px }
  .header { padding: 26px 22px }
  .header h1 { font-size: 24px }
  .card { padding: 20px 18px }
}