/*
 * Dosya: apps/panel/public/tarayici.css
 * Amaç: `tarayici.html` (Desteklenen tarayıcılar) sayfasının stili; panelin geri kalanından bağımsız, JS'siz sayfa için.
 * Katman: apps/panel (statik)
 * Notlar: Chrome 49 / Firefox 52'de çalışması şart: yalnız düz özellikler (grid, flex gap, CSS değişkeni, clamp YOK). /boot.css gövde rengini ve yazı tipini verir.
 */
.tb-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  line-height: 1.6;
}

.tb-page h1 {
  margin: 0 0 8px;
  font-size: 28px;
  color: #2a1b3d;
}

.tb-page h2 {
  margin: 32px 0 8px;
  font-size: 20px;
  color: #5d2e8c;
}

.tb-lead {
  margin: 0 0 8px;
  font-size: 17px;
}

.tb-page a {
  color: #5d2e8c;
  text-decoration: underline;
}

.tb-page code {
  padding: 1px 4px;
  background: #ffffff;
  border: 1px solid #d9cce8;
  border-radius: 3px;
  font-family: Consolas, "Courier New", monospace;
}

.tb-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

.tb-table th,
.tb-table td {
  padding: 8px 10px;
  border: 1px solid #d9cce8;
  text-align: left;
  vertical-align: top;
}

.tb-table th {
  background: #2a1b3d;
  color: #ffffff;
}

.tb-page ol,
.tb-page ul {
  margin: 8px 0;
  padding-left: 24px;
}

.tb-page li {
  margin-bottom: 6px;
}

.tb-back {
  margin-top: 32px;
}

@media (max-width: 600px) {
  .tb-table th,
  .tb-table td {
    padding: 6px;
    font-size: 14px;
  }
}